:root {
    accent-color: #005a8c;
    --primary: #005a8c;
    --accent: #ffffff;
    --ssobtn: transparent;
    --ssobtntxt: #191919;
    --ssobtnhover: transparent;
    --ssobtnhovertxt: #191919;
    --app-height: 100%
}

body {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    color: #191919;
    background-color: #fff
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif
}

[tabindex]:focus,
a:focus,
button:focus,
details:focus,
iframe:focus,
input:focus,
select:focus,
textarea:focus {
    outline-style: auto;
    outline-width: 5px;
    outline-color: #005a8c
}

.dark-mode-background {
    --generic-card-background: #191919;
    background-color: #191919
}

.dark-mode-primary-theme-background {
    --generic-card-background: #002d46;
    background-color: #002d46
}

.dark-mode-secondary-theme-background {
    --generic-card-background: #2a2d62;
    background-color: #2a2d62
}

.dark-mode-text,
.dark-mode-text * {
    color: #fff
}

.dark-mode-text :active,
.dark-mode-text :focus,
.dark-mode-text :focus-within,
.dark-mode-text :hover,
.dark-mode-text :visited,
.dark-mode-text:active,
.dark-mode-text:focus,
.dark-mode-text:focus-within,
.dark-mode-text:hover,
.dark-mode-text:visited {
    color: #fff
}

.dark-mode-text--nuclear,
.dark-mode-text--nuclear * {
    color: #fff !important
}

.dark-mode-text--nuclear :active,
.dark-mode-text--nuclear :focus,
.dark-mode-text--nuclear :focus-within,
.dark-mode-text--nuclear :hover,
.dark-mode-text--nuclear :visited,
.dark-mode-text--nuclear:active,
.dark-mode-text--nuclear:focus,
.dark-mode-text--nuclear:focus-within,
.dark-mode-text--nuclear:hover,
.dark-mode-text--nuclear:visited {
    color: #fff !important
}

.dark-mode-background.dark-mode-text,
.dark-mode-background.dark-mode-text--nuclear,
.dark-mode-primary-theme-background.dark-mode-text--nuclear,
.dark-mode-primary-theme.background.dark-mode-text,
.dark-mode-secondary-theme-background.dark-mode-text,
.dark-mode-secondary-theme-background.dark-mode-text--nuclear {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.divider--top {
    border-top: 1px solid #cacaca
}

.divider--right {
    border-right: 1px solid #cacaca
}

.divider--bottom {
    border-bottom: 1px solid #cacaca
}

.divider--left {
    border-left: 1px solid #cacaca
}

@media only screen and (max-width:767px) {
    .divider--top--sm-down {
        border-top: 1px solid #cacaca
    }
}

@media only screen and (min-width:768px) {
    .divider--top--sm-up {
        border-top: 1px solid #cacaca
    }
}

@media only screen and (max-width:1199px) {
    .divider--top--lg-down {
        border-top: 1px solid #cacaca
    }
}

@media only screen and (min-width:1200px) {
    .divider--top--lg-up {
        border-top: 1px solid #cacaca
    }
}

@media only screen and (max-width:767px) {
    .divider--right--sm-down {
        border-right: 1px solid #cacaca
    }
}

@media only screen and (min-width:768px) {
    .divider--right--sm-up {
        border-right: 1px solid #cacaca
    }
}

@media only screen and (max-width:1199px) {
    .divider--right--lg-down {
        border-right: 1px solid #cacaca
    }
}

@media only screen and (min-width:1200px) {
    .divider--right--lg-up {
        border-right: 1px solid #cacaca
    }
}

@media only screen and (max-width:767px) {
    .divider--bottom--sm-down {
        border-bottom: 1px solid #cacaca
    }
}

@media only screen and (min-width:768px) {
    .divider--bottom--sm-up {
        border-bottom: 1px solid #cacaca
    }
}

@media only screen and (max-width:1199px) {
    .divider--bottom--lg-down {
        border-bottom: 1px solid #cacaca
    }
}

@media only screen and (min-width:1200px) {
    .divider--bottom--lg-up {
        border-bottom: 1px solid #cacaca
    }
}

@media only screen and (max-width:767px) {
    .divider--left--sm-down {
        border-left: 1px solid #cacaca
    }
}

@media only screen and (min-width:768px) {
    .divider--left--sm-up {
        border-left: 1px solid #cacaca
    }
}

@media only screen and (max-width:1199px) {
    .divider--left--lg-down {
        border-left: 1px solid #cacaca
    }
}

@media only screen and (min-width:1200px) {
    .divider--left--lg-up {
        border-left: 1px solid #cacaca
    }
}

.text-size--micro {
    font-size: .625rem !important;
    line-height: 1.4 !important
}

@media only screen and (max-width:767px) {
    .text-size--micro--sm-down {
        font-size: .625rem !important;
        line-height: 1.4 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--micro--sm-up {
        font-size: .625rem !important;
        line-height: 1.4 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--micro--lg-down {
        font-size: .625rem !important;
        line-height: 1.4 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--micro--lg-up {
        font-size: .625rem !important;
        line-height: 1.4 !important
    }
}

.text-size--tiny {
    font-size: .75rem !important;
    line-height: 1.33 !important
}

@media only screen and (max-width:767px) {
    .text-size--tiny--sm-down {
        font-size: .75rem !important;
        line-height: 1.33 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--tiny--sm-up {
        font-size: .75rem !important;
        line-height: 1.33 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--tiny--lg-down {
        font-size: .75rem !important;
        line-height: 1.33 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--tiny--lg-up {
        font-size: .75rem !important;
        line-height: 1.33 !important
    }
}

.text-size--smaller {
    font-size: .8125rem !important;
    line-height: 1.2188 !important
}

@media only screen and (max-width:767px) {
    .text-size--smaller--sm-down {
        font-size: .8125rem !important;
        line-height: 1.2188 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--smaller--sm-up {
        font-size: .8125rem !important;
        line-height: 1.2188 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--smaller--lg-down {
        font-size: .8125rem !important;
        line-height: 1.2188 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--smaller--lg-up {
        font-size: .8125rem !important;
        line-height: 1.2188 !important
    }
}

.text-size--small {
    font-size: .875rem !important;
    line-height: 1.285 !important
}

@media only screen and (max-width:767px) {
    .text-size--small--sm-down {
        font-size: .875rem !important;
        line-height: 1.285 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--small--sm-up {
        font-size: .875rem !important;
        line-height: 1.285 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--small--lg-down {
        font-size: .875rem !important;
        line-height: 1.285 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--small--lg-up {
        font-size: .875rem !important;
        line-height: 1.285 !important
    }
}

.text-size--regular {
    font-size: 1rem !important;
    line-height: 1.25 !important
}

@media only screen and (max-width:767px) {
    .text-size--regular--sm-down {
        font-size: 1rem !important;
        line-height: 1.25 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--regular--sm-up {
        font-size: 1rem !important;
        line-height: 1.25 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--regular--lg-down {
        font-size: 1rem !important;
        line-height: 1.25 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--regular--lg-up {
        font-size: 1rem !important;
        line-height: 1.25 !important
    }
}

.text-size--medium {
    font-size: 1.125rem !important;
    line-height: 1.222 !important
}

@media only screen and (max-width:767px) {
    .text-size--medium--sm-down {
        font-size: 1.125rem !important;
        line-height: 1.222 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--medium--sm-up {
        font-size: 1.125rem !important;
        line-height: 1.222 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--medium--lg-down {
        font-size: 1.125rem !important;
        line-height: 1.222 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--medium--lg-up {
        font-size: 1.125rem !important;
        line-height: 1.222 !important
    }
}

.text-size--large {
    font-size: 1.25rem !important;
    line-height: 1.2 !important
}

@media only screen and (max-width:767px) {
    .text-size--large--sm-down {
        font-size: 1.25rem !important;
        line-height: 1.2 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--large--sm-up {
        font-size: 1.25rem !important;
        line-height: 1.2 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--large--lg-down {
        font-size: 1.25rem !important;
        line-height: 1.2 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--large--lg-up {
        font-size: 1.25rem !important;
        line-height: 1.2 !important
    }
}

.text-size--extra-large {
    font-size: 1.5rem !important;
    line-height: 1.166 !important
}

@media only screen and (max-width:767px) {
    .text-size--extra-large--sm-down {
        font-size: 1.5rem !important;
        line-height: 1.166 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--extra-large--sm-up {
        font-size: 1.5rem !important;
        line-height: 1.166 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--extra-large--lg-down {
        font-size: 1.5rem !important;
        line-height: 1.166 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--extra-large--lg-up {
        font-size: 1.5rem !important;
        line-height: 1.166 !important
    }
}

.text-size--huge {
    font-size: 1.75rem !important;
    line-height: 1.143 !important
}

@media only screen and (max-width:767px) {
    .text-size--huge--sm-down {
        font-size: 1.75rem !important;
        line-height: 1.143 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--huge--sm-up {
        font-size: 1.75rem !important;
        line-height: 1.143 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--huge--lg-down {
        font-size: 1.75rem !important;
        line-height: 1.143 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--huge--lg-up {
        font-size: 1.75rem !important;
        line-height: 1.143 !important
    }
}

.text-size--massive {
    font-size: 2rem !important;
    line-height: 1.125 !important
}

@media only screen and (max-width:767px) {
    .text-size--massive--sm-down {
        font-size: 2rem !important;
        line-height: 1.125 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--massive--sm-up {
        font-size: 2rem !important;
        line-height: 1.125 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--massive--lg-down {
        font-size: 2rem !important;
        line-height: 1.125 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--massive--lg-up {
        font-size: 2rem !important;
        line-height: 1.125 !important
    }
}

.text-size--enormous {
    font-size: 2.5rem !important;
    line-height: 1.1 !important
}

@media only screen and (max-width:767px) {
    .text-size--enormous--sm-down {
        font-size: 2.5rem !important;
        line-height: 1.1 !important
    }
}

@media only screen and (min-width:768px) {
    .text-size--enormous--sm-up {
        font-size: 2.5rem !important;
        line-height: 1.1 !important
    }
}

@media only screen and (max-width:1199px) {
    .text-size--enormous--lg-down {
        font-size: 2.5rem !important;
        line-height: 1.1 !important
    }
}

@media only screen and (min-width:1200px) {
    .text-size--enormous--lg-up {
        font-size: 2.5rem !important;
        line-height: 1.1 !important
    }
}

.background--primary-light-gradient {
    --gradient-degree: 0deg;
    background: linear-gradient(var(--gradient-degree, 180deg), #cce4f2 0, #fff 100%)
}

.background--secondary-light-gradient {
    --gradient-degree: 0deg;
    background: linear-gradient(var(--gradient-degree, 180deg), #e3e3f0 0, #fff 100%)
}

.background--tertiary-light-gradient {
    --gradient-degree: 0deg;
    background: linear-gradient(var(--gradient-degree, 180deg), rgb(252.79, 245.77, 216.61) 0, #fff 100%)
}

.card-border {
    padding: var(--generic-card-padding, 1rem);
    background-color: var(--generic-card-background, #fff);
    border: var(--generic-card-border, 1px solid #cacaca);
    border-radius: var(--generic-card-radius, 3px)
}

.card-border--shadow {
    box-shadow: var(--generic-card-shadow, 0 4px 9px rgba(202, 202, 202, .8))
}

.ts-component::after {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute
}

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2rem;
    color: #191919;
    line-height: 1.125;
    font-style: italic
}

blockquote cite,
blockquote div {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    color: #555;
    line-height: 1.2188;
    text-transform: uppercase;
    font-style: normal
}

blockquote::before {
    content: "";
    margin: 0 0 .5rem;
    display: block;
    height: 2.313rem;
    width: 2.75rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/blockquote-curly.svg);
    background-position: center;
    background-size: contain
}

.button-checkbox {
    width: 5.8rem;
    min-height: 2.4rem;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    justify-content: center;
    text-overflow: ellipsis;
    transition: all .1s ease;
    height: 2.287rem;
    padding: .125rem .625rem;
    background: 0 0;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    text-decoration: none;
    border-radius: .1875rem
}

.button-checkbox--no-border input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: inherit;
    width: 8.5rem;
    position: relative;
    top: -3rem;
    outline: 0
}

@media only screen and (max-width:1023px) {
    .button-checkbox--no-border input[type=checkbox] {
        width: 7.5rem
    }
}

.button-checkbox--no-border input[type=checkbox]:checked+.checkbox__label {
    color: #005a8c;
    outline: 0;
    text-decoration: none
}

.button-checkbox--no-border input[type=checkbox]:focus+.checkbox__label,
.button-checkbox--no-border input[type=checkbox]:hover+.checkbox__label {
    text-decoration: underline
}

.button-checkbox--no-border input[type=checkbox]:active+.checkbox__label {
    color: #005a8c;
    text-decoration: underline
}

.button-checkbox--no-border .checkbox__img {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 4rem
}

.button-checkbox--no-border .checkbox__img img {
    transition: opacity 1s
}

.button-checkbox--no-border .checkbox__label {
    top: 0;
    display: block;
    text-align: center;
    margin: -2.5rem 0 0 .375rem
}

.button-checkbox--primary-alt-dark input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: inherit;
    width: 7rem;
    position: relative;
    right: .688rem;
    border: .0625rem solid transparent;
    border-radius: .1875rem;
    border-color: #fff
}

.button-checkbox--primary-alt-dark input[type=checkbox]:checked {
    color: #fff;
    background: #005a8c;
    border-color: #005a8c
}

.button-checkbox--primary-alt-dark,
.button-checkbox--primary-alt-dark:visited {
    color: #fff;
    background: 0 0;
    border-color: #fff
}

.button-checkbox--primary-alt-dark:focus,
.button-checkbox--primary-alt-dark:hover {
    color: #191919;
    background: #fff
}

.button-checkbox--primary-alt-dark.button--active,
.button-checkbox--primary-alt-dark:active {
    color: #fff;
    background: #005a8c;
    border-color: #005a8c
}

.button-checkbox .checkbox__icon {
    position: relative;
    left: 2rem;
    bottom: 1.5rem
}

.button-checkbox .checkbox__icon img {
    transition: opacity 1s
}

.button-checkbox .checkbox__text {
    position: relative;
    bottom: .938rem;
    right: 7.6rem
}

.button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .1s ease;
    min-height: 2.5rem;
    padding: .125rem .625rem;
    background: 0 0;
    -webkit-appearance: none;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    text-decoration: none;
    border: .0625rem solid transparent;
    border-radius: .1875rem
}

.button--invert {
    color: #fff
}

.button--icon .button__icon {
    display: block;
    line-height: 0
}

.button--icon .button__icon--left {
    padding-right: .5rem
}

.button--icon .button__icon--right {
    padding-left: .5rem
}

.button--icon .button__text+.button__icon {
    padding-left: .5rem
}

.button--icon svg {
    height: auto;
    margin: 0 .3rem;
    min-width: 1rem;
    max-width: 2rem;
    fill: currentColor;
    pointer-events: none
}

.button.button--icon-reverse .button__icon {
    order: -1
}

.button.button--icon-reverse .button__text+.button__icon {
    padding-left: 0;
    padding-right: .5rem
}

.button--grayscale,
.button--grayscale:visited {
    color: #fff;
    background: #191919
}

.button--grayscale.button--active,
.button--grayscale:active,
.button--grayscale:focus,
.button--grayscale:hover {
    color: #fff;
    background: #555
}

.button--grayscale-alt,
.button--grayscale-alt:visited {
    color: #191919;
    background: #fff
}

.button--grayscale-alt.button--active,
.button--grayscale-alt:active,
.button--grayscale-alt:focus,
.button--grayscale-alt:hover {
    color: #fff;
    background: #555
}

.button--primary,
.button--primary:visited {
    color: #fff;
    background: #005a8c
}

.button--primary:focus,
.button--primary:hover {
    color: #fff;
    background: #002d46
}

.button--primary.button--active,
.button--primary:active {
    color: #005a8c;
    background: #cce4f2;
    border-color: #005a8c
}

.button--primary-alt,
.button--primary-alt:visited {
    color: #005a8c;
    background: #fff;
    border-color: #005a8c
}

.button--primary-alt:focus,
.button--primary-alt:hover {
    color: #fff;
    background: #005a8c;
    border-color: #002d46
}

.button--primary-alt.button--active,
.button--primary-alt:active {
    color: #fff;
    background: #002d46;
    border-color: #005a8c
}

.button--primary-alt-dark,
.button--primary-alt-dark:visited {
    color: #fff;
    background: 0 0;
    border-color: #fff
}

.button--primary-alt-dark:focus,
.button--primary-alt-dark:hover {
    color: #191919;
    background: #fff
}

.button--primary-alt-dark.button--active,
.button--primary-alt-dark:active {
    color: #fff;
    background: #005a8c;
    border-color: #005a8c
}

.button--primary-pill {
    border-radius: 1.5rem;
    font-size: .875rem;
    min-height: 2rem
}

.button--primary-pill,
.button--primary-pill:visited {
    color: #191919;
    background: #fff;
    border-color: #eee
}

.button--primary-pill:focus,
.button--primary-pill:hover {
    color: #191919;
    background: linear-gradient(var(--gradient-degree, 180deg), #e3e3f0 0, #fff 100%);
    border-color: #e3e3f0
}

.button--primary-pill.button--active,
.button--primary-pill:active {
    color: #005a8c;
    background: #cce4f2;
    border-color: #005a8c
}

.button--primary-card,
.button--primary-card:visited {
    color: #005a8c;
    background: #fff
}

.button--primary-card:focus,
.button--primary-card:hover {
    color: #fff;
    background: #002d46
}

.button--primary-card.button--active,
.button--primary-card:active {
    color: #005a8c;
    background: #cce4f2
}

.button--primary-card.button--disabled,
.button--primary-card:disabled {
    border-color: transparent !important
}

.button--secondary,
.button--secondary:visited {
    color: #fff;
    background: #414699
}

.button--secondary:focus,
.button--secondary:hover {
    color: #fff;
    background: #2a2d62
}

.button--secondary.button--active,
.button--secondary:active {
    color: #414699;
    background: #e3e3f0;
    border-color: #414699
}

.button--secondary-alt,
.button--secondary-alt:visited {
    color: #191919;
    background: #fff;
    border-color: #191919
}

.button--secondary-alt:focus,
.button--secondary-alt:hover {
    color: #fff;
    background: #191919;
    border-color: #191919
}

.button--secondary-alt.button--active,
.button--secondary-alt:active {
    color: #fff;
    background: #555
}

.button--tertiary,
.button--tertiary:visited {
    color: #191919;
    background: #fed735
}

.button--tertiary:focus,
.button--tertiary:hover {
    color: #191919;
    background: rgb(229.1157635468, 184.8805418719, 1.1342364532)
}

.button--tertiary.button--active,
.button--tertiary:active {
    color: #191919;
    background: rgb(252.79, 245.77, 216.61);
    border-color: #fed735
}

.button--tertiary-alt,
.button--tertiary-alt:visited {
    color: #191919;
    background: #fff;
    border-color: #fed735
}

.button--tertiary-alt:focus,
.button--tertiary-alt:hover {
    color: #191919;
    background: #fed735;
    border-color: rgb(229.1157635468, 184.8805418719, 1.1342364532)
}

.button--tertiary-alt.button--active,
.button--tertiary-alt:active {
    color: #191919;
    background: rgb(229.1157635468, 184.8805418719, 1.1342364532);
    border-color: #fed735
}

.button--mastheads,
.button--mastheads:visited {
    color: #000;
    background: #ffcd05
}

.button--mastheads:focus,
.button--mastheads:hover {
    color: #000;
    background: #e5b901
}

.button--mastheads.button--active,
.button--mastheads:active {
    color: #000;
    background: #fdf6d9
}

.button--tabloids,
.button--tabloids:visited {
    color: #fff;
    background: #d2232a
}

.button--tabloids:focus,
.button--tabloids:hover {
    color: #fff;
    background: #a13000
}

.button--tabloids.button--active,
.button--tabloids:active {
    color: #000;
    background: #fcd7c7
}

.button--broadsheets,
.button--broadsheets:visited {
    color: #fff;
    background: #c75114
}

.button--broadsheets:focus,
.button--broadsheets:hover {
    color: #fff;
    background: #a13000
}

.button--broadsheets.button--active,
.button--broadsheets:active {
    color: #000;
    background: #fcd7c7
}

.button--subscribe-green,
.button--subscribe-green:visited {
    color: #000;
    background: #63ca32
}

.button--subscribe-green:focus,
.button--subscribe-green:hover {
    color: #000;
    background: #88e85a
}

.button--subscribe-green.button--active,
.button--subscribe-green:active {
    color: #000;
    background: #55c71f
}

.button--subscribe-orange,
.button--subscribe-orange:visited {
    color: #fff;
    background: #d74000
}

.button--subscribe-orange:focus,
.button--subscribe-orange:hover {
    color: #fff;
    background: #e4591e
}

.button--subscribe-orange.button--active,
.button--subscribe-orange:active {
    color: #fff;
    background: #a13000
}

.button--subscribe-yellow,
.button--subscribe-yellow:visited {
    color: #000;
    background: #fed735
}

.button--subscribe-yellow:focus,
.button--subscribe-yellow:hover {
    color: #000;
    background: #fce481
}

.button--subscribe-yellow.button--active,
.button--subscribe-yellow:active {
    color: #000;
    background: #ecca3b
}

.button--subscribe-black,
.button--subscribe-black:visited {
    color: #fff;
    background: #191919
}

.button--subscribe-black:focus,
.button--subscribe-black:hover {
    color: #fff;
    background: #2a2a2a
}

.button--subscribe-black.button--active,
.button--subscribe-black:active {
    color: #fff;
    background: #000
}

.button--orange-ej,
.button--orange-ej:visited {
    color: #fff;
    background: #c75114
}

.button--orange-ej:focus,
.button--orange-ej:hover {
    color: #fff;
    background: #cf6732
}

.button--orange-ej.button--active,
.button--orange-ej:active {
    color: #fff;
    background: #b5460d
}

.button--blue-ch,
.button--blue-ch:visited {
    color: #fff;
    background: #366aa5
}

.button--blue-ch:focus,
.button--blue-ch:hover {
    color: #fff;
    background: #4477b2
}

.button--blue-ch.button--active,
.button--blue-ch:active {
    color: #fff;
    background: #1e5390
}

.button--blue-lfp,
.button--blue-lfp:visited {
    color: #fff;
    background: #407b98
}

.button--blue-lfp:focus,
.button--blue-lfp:hover {
    color: #fff;
    background: #518eac
}

.button--blue-lfp.button--active,
.button--blue-lfp:active {
    color: #fff;
    background: #326882
}

.button--blue-mg,
.button--blue-mg:visited {
    color: #fff;
    background: #016ea5
}

.button--blue-mg:focus,
.button--blue-mg:hover {
    color: #fff;
    background: #0e82bc
}

.button--blue-mg.button--active,
.button--blue-mg:active {
    color: #fff;
    background: #006090
}

.button--green-oc,
.button--green-oc:visited {
    color: #fff;
    background: #50806e
}

.button--green-oc:focus,
.button--green-oc:hover {
    color: #fff;
    background: #5d937f
}

.button--green-oc.button--active,
.button--green-oc:active {
    color: #fff;
    background: #3d6a59
}

.button--green-vs,
.button--green-vs:visited {
    color: #fff;
    background: #2f6450
}

.button--green-vs:focus,
.button--green-vs:hover {
    color: #fff;
    background: #437d67
}

.button--green-vs.button--active,
.button--green-vs:active {
    color: #fff;
    background: #1c503c
}

.button--purple-ws,
.button--purple-ws:visited {
    color: #fff;
    background: #12347e
}

.button--purple-ws:focus,
.button--purple-ws:hover {
    color: #fff;
    background: #204699
}

.button--purple-ws.button--active,
.button--purple-ws:active {
    color: #fff;
    background: #07286e
}

.button--burgundy-sp,
.button--burgundy-sp:visited {
    color: #fff;
    background: #7f0a39
}

.button--burgundy-sp:focus,
.button--burgundy-sp:hover {
    color: #fff;
    background: #97184b
}

.button--burgundy-sp.button--active,
.button--burgundy-sp:active {
    color: #fff;
    background: #69052d
}

.button--yellow-np,
.button--yellow-np:visited {
    color: #000;
    background: #ffcd05
}

.button--yellow-np:focus,
.button--yellow-np:hover {
    color: #000;
    background: #fee16b
}

.button--yellow-np.button--active,
.button--yellow-np:active {
    color: #000;
    background: #f2c81f
}

.button--blue-fp,
.button--blue-fp:visited {
    color: #fff;
    background: #2e4ebf
}

.button--blue-fp:focus,
.button--blue-fp:hover {
    color: #fff;
    background: #4364da
}

.button--blue-fp.button--active,
.button--blue-fp:active {
    color: #fff;
    background: #1838a8
}

.button .button__badge {
    position: relative;
    bottom: .625rem;
    right: .625rem;
    height: .875rem;
    width: .875rem;
    border-radius: 50%;
    font-size: .5rem;
    text-align: center;
    display: table;
    line-height: .875rem
}

.button--primary-badge .button__badge {
    background: #005a8c;
    color: #fff
}

.button--secondary-badge .button__badge {
    background: #414699;
    color: #fff
}

.button.button--span {
    max-width: 100%;
    width: 100%
}

.button.button--no-span {
    width: -moz-fit-content;
    width: fit-content
}

.button.button--space-between {
    justify-content: space-between
}

.button.button--uppercase .button__text {
    text-transform: uppercase
}

.button.button--underline.button--active .button__text,
.button.button--underline:active .button__text,
.button.button--underline:focus .button__text,
.button.button--underline:hover .button__text {
    text-decoration: underline
}

.button.button--no-border,
.button.button--no-border.button--active,
.button.button--no-border.button--disabled,
.button.button--no-border:active,
.button.button--no-border:disabled,
.button.button--no-border:focus,
.button.button--no-border:hover,
.button.button--no-border:visited {
    border-color: transparent
}

.button.button--no-bold {
    font-weight: 400
}

.button--transparent {
    background-color: transparent;
    color: initial;
    border-color: transparent
}

.button.button--disabled,
.button:disabled {
    pointer-events: none;
    color: #191919;
    background: #888;
    border-color: transparent
}

.button--primary-alt.button--disabled,
.button--primary-alt:disabled,
.button--secondary-alt.button--disabled,
.button--secondary-alt:disabled {
    color: #888;
    background: #fff;
    border-color: #888
}

a.button.button--disabled {
    color: #191919;
    background: #888;
    border-color: transparent
}

.button-submit {
    justify-content: center;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .1s ease;
    min-height: 2.5rem;
    padding: .125rem .625rem;
    margin-right: .625rem;
    border-radius: .1875rem;
    font-size: 1rem;
    font-weight: 700
}

a {
    color: #191919;
    text-decoration: underline
}

a:visited {
    color: #ffffff !important;
}

a:active,
a:focus,
a:hover {
    color: #005a8c
}

a.no-underline {
    text-decoration: none
}

a.link-bold,
a.link-bold:active,
a.link-bold:focus,
a.link-bold:hover,
a.link-bold:visited {
    color: #005a8c;
    text-decoration: none;
    font-weight: 700
}

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

.page-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;
    text-transform: capitalize;
    border-bottom: 1px solid #cacaca;
    padding-bottom: .75rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (min-width:1024px) {
    .page-title {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:767px) {
    .page-title {
        display: block
    }
}

.page-title img {
    max-height: 3rem;
    height: -moz-fit-content;
    height: fit-content
}

.page-title .powered-by {
    position: relative
}

.page-title .powered-by .powered-by-content {
    font-size: .875rem;
    display: flex;
    align-items: center
}

.page-title .powered-by .powered-by-content-text {
    margin-right: .75rem
}

.page-title .powered-by .powered-by-logo-container a {
    display: flex;
    align-items: center
}

.page-title .powered-by img {
    max-height: 2rem;
    width: auto;
    margin-right: .75rem
}

@media only screen and (max-width:767px) {
    .page-title .powered-by {
        margin-top: .75rem
    }
}

.page-title-banner {
    background-size: cover;
    background-position: center;
    background-color: var(--page-title-banner-color, transparent);
    min-height: var(--page-title-banner-min-height, 5.563rem);
    padding: var(--page-title-banner-padding, .75rem);
    --page-title-banner-min-height: 5.563rem
}

@media only screen and (min-width:768px) {
    .page-title-banner {
        --page-title-banner-min-height: 8.5rem
    }
}

.page-title-banner--sm-height {
    --page-title-banner-min-height: 3.61595rem
}

@media only screen and (min-width:768px) {
    .page-title-banner--sm-height {
        --page-title-banner-min-height: 5.525rem
    }
}

.page-title-banner--gradient {
    background-image: linear-gradient(to right, var(--page-title-banner-left-color, #002d46) 25%, var(--page-title-banner-right-color, #005a8c) 100%)
}

.page-title-banner--gradient .page-title-banner__tagline,
.page-title-banner--gradient .page-title-banner__title {
    text-shadow: -1px -1px 0 var(--page-title-banner-left-color), 0 -1px 0 var(--page-title-banner-left-color), 1px -1px 0 var(--page-title-banner-left-color), 1px 0 0 var(--page-title-banner-left-color), 1px 1px 0 var(--page-title-banner-left-color), 0 1px 0 var(--page-title-banner-left-color), -1px 1px 0 var(--page-title-banner-left-color), -1px 0 0 var(--page-title-banner-left-color)
}

.page-title-banner--image-url {
    background-image: linear-gradient(to right, var(--page-title-banner-left-color, rgba(0, 0, 0, .55)) 30%, var(--page-title-banner-right-color, rgba(0, 0, 0, .55)) 100%), var(--page-title-banner-url)
}

.page-title-banner--image-url .page-title-banner__tagline,
.page-title-banner--image-url .page-title-banner__title {
    text-shadow: -1px -1px 0 var(--page-title-banner-left-color), 0 -1px 0 var(--page-title-banner-left-color), 1px -1px 0 var(--page-title-banner-left-color), 1px 0 0 var(--page-title-banner-left-color), 1px 1px 0 var(--page-title-banner-left-color), 0 1px 0 var(--page-title-banner-left-color), -1px 1px 0 var(--page-title-banner-left-color), -1px 0 0 var(--page-title-banner-left-color)
}

.page-title-banner__title {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    color: var(--page-title-banner-text-color, #fff);
    line-height: 2rem;
    margin-bottom: .5rem
}

.page-title-banner__tagline {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    font-weight: 400;
    color: var(--page-title-banner-text-color, #fff);
    line-height: 1.25
}

.page-title-banner__logo {
    max-width: 12.5rem;
    height: auto;
    margin-bottom: 1rem
}

.page-title-banner svg {
    fill: var(--page-title-banner-text-color, #fff);
    margin-bottom: 1rem
}

.page-title-banner--royal-blue {
    --page-title-banner-color: #2e4ebf;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--bw-10 {
    --page-title-banner-color: #191919;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--bw-85 {
    --page-title-banner-color: #555555;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--nie-darkblue {
    --page-title-banner-color: #003967;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--tabloid-eastern-blue {
    --page-title-banner-color: #00809b;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--azure {
    --page-title-banner-color: #0073ec;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--curious-blue {
    --page-title-banner-color: #2d73c4;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--pattens-blue-1 {
    --page-title-banner-color: #cce3ef;
    --page-title-banner-text-color: #191919
}

.page-title-banner--purple-light {
    --page-title-banner-color: #dedbea;
    --page-title-banner-text-color: #191919
}

.page-title-banner--governor-bay {
    --page-title-banner-color: #414699;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--purple {
    --page-title-banner-color: #3f317f;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--tabloid-cerise {
    --page-title-banner-color: #d82e66;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--seashell {
    --page-title-banner-color: #fdf5f2;
    --page-title-banner-text-color: #191919
}

.page-title-banner--zinnwaldite {
    --page-title-banner-color: #f3c6b3;
    --page-title-banner-text-color: #191919
}

.page-title-banner--nie-red {
    --page-title-banner-color: #de2f27;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--carmine {
    --page-title-banner-color: #a40410;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--dark-green {
    --page-title-banner-color: #366500;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--tabloid-bilbao {
    --page-title-banner-color: #3c8500;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--lacrosse {
    --page-title-banner-color: #325f5a;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--gallery-white {
    --page-title-banner-color: #eaeae3;
    --page-title-banner-text-color: #191919
}

.page-title-banner--nie-yellow {
    --page-title-banner-color: #f3d03e;
    --page-title-banner-text-color: #191919
}

.page-title-banner--tabloid-tawny {
    --page-title-banner-color: #d74000;
    --page-title-banner-text-color: #ffffff
}

.page-title-banner--saddle-brown {
    --page-title-banner-color: #902a00;
    --page-title-banner-text-color: #ffffff
}

.page-title__subheader {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.page-title__subheader--secondary {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1rem
}

.page-title__subheader--secondary span {
    margin-left: .25rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    color: inherit;
    line-height: 1.2188
}

.dark-mode-text .page-title {
    color: #fff;
    border-bottom-color: #fff
}

.more-stories {
    padding-top: 2rem;
    text-align: right
}

.more-stories .more-stories__link,
.more-stories .more-stories__link:active,
.more-stories .more-stories__link:focus,
.more-stories .more-stories__link:hover,
.more-stories .more-stories__link:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #005a8c;
    text-transform: uppercase;
    text-decoration: none
}

.more-stories .more-stories__link:active,
.more-stories .more-stories__link:focus,
.more-stories .more-stories__link:hover {
    text-decoration: underline
}

.more-stories--list-widget {
    padding-top: 1rem
}

.dark-mode-text .more-stories .more-stories__link,
.dark-mode-text .more-stories .more-stories__link:active,
.dark-mode-text .more-stories .more-stories__link:focus,
.dark-mode-text .more-stories .more-stories__link:hover,
.dark-mode-text .more-stories .more-stories__link:visited {
    color: #fff
}

.context-menu-cursor {
    cursor: context-menu
}

.help-cursor {
    cursor: help
}

.pointer-cursor {
    cursor: pointer
}

.progress-cursor {
    cursor: progress
}

.wait-cursor {
    cursor: wait
}

.cell-cursor {
    cursor: cell
}

.crosshair-cursor {
    cursor: crosshair
}

.text-cursor {
    cursor: text
}

.vertical-text-cursor {
    cursor: vertical-text
}

.alias-cursor {
    cursor: alias
}

.copy-cursor {
    cursor: copy
}

.move-cursor {
    cursor: move
}

.no-drop-cursor {
    cursor: no-drop
}

.not-allowed-cursor {
    cursor: not-allowed
}

.all-scroll-cursor {
    cursor: all-scroll
}

.col-resize-cursor {
    cursor: col-resize
}

.row-resize-cursor {
    cursor: row-resize
}

.n-resize-cursor {
    cursor: n-resize
}

.e-resize-cursor {
    cursor: e-resize
}

.s-resize-cursor {
    cursor: s-resize
}

.w-resize-cursor {
    cursor: w-resize
}

.ne-resize-cursor {
    cursor: ne-resize
}

.nw-resize-cursor {
    cursor: nw-resize
}

.se-resize-cursor {
    cursor: se-resize
}

.sw-resize-cursor {
    cursor: sw-resize
}

.ew-resize-cursor {
    cursor: ew-resize
}

.ns-resize-cursor {
    cursor: ns-resize
}

.zoom-in-cursor {
    cursor: zoom-in
}

.zoom-out-cursor {
    cursor: zoom-out
}

.grab-cursor {
    cursor: grab
}

.grabbing-cursor {
    cursor: grabbing
}

.sticky--header {
    position: sticky;
    top: 0;
    z-index: 260;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .sticky--header {
        height: 3rem
    }
}

.sticky--header .subscribe[data-scroll-component] {
    position: sticky;
    top: 3rem;
    background-color: #fff;
    border-bottom: 1px solid #cacaca
}

.sticky--header .sticky-ad[data-scroll-component] {
    position: sticky;
    top: 3rem;
    background-color: #fff;
    border-bottom: 1px solid #cacaca
}

.sticky--header .sticky-ad[data-scroll-component],
.sticky--header .subscribe[data-scroll-component] {
    will-change: transform;
    transition: transform .8s cubic-bezier(.4, 0, .2, 1)
}

.close-sticky-ad {
    z-index: 260;
    position: absolute;
    top: 0;
    right: 0;
    height: 1.5rem;
    width: 1.5rem
}

@media only screen and (max-width:767px) {
    .header--shrink .header[data-scroll-component] {
        transform: translateY(-3rem)
    }

    .header--shrink .subscribe[data-scroll-component] {
        transform: translateY(-3.5rem)
    }

    .header--shrink .sticky-with-subscribe[data-scroll-component] {
        transform: translateY(-3.5rem)
    }

    .header--shrink .sticky-with-subscribe-no-breaking[data-scroll-component] {
        transform: translateY(-3.5rem)
    }

    .header--shrink .sticky-no-subscribe[data-scroll-component] {
        transform: translateY(-3rem)
    }

    .header--shrink.header-menu-nav--open .header[data-scroll-component] {
        transform: unset;
        position: unset
    }

    .header-menu-nav--open .sticky-ad {
        display: none
    }
}

.header {
    position: sticky;
    top: 0;
    width: 100%;
    height: 3rem;
    z-index: 260;
    background-color: #fff;
    border-bottom: 1px solid #cacaca;
    justify-content: space-between
}

.header .row {
    height: inherit;
    max-height: 2.9375rem;
    align-items: center
}

.header .button.button--transparent {
    color: #191919
}

.header .button .button__text {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700
}

.header .subscribe-btn {
    min-width: 6.25rem;
    margin: 0 .5rem
}

@media only screen and (max-width:767px) {
    .header .subscribe-btn {
        display: none
    }
}

.header .vehicle-finder__toggle--desktop {
    min-height: 2rem;
    height: 2rem
}

.header .vehicle-finder__toggle--desktop-en {
    min-width: 9.375rem
}

.header .vehicle-finder__toggle--desktop-fr {
    min-width: 11.75rem
}

@media only screen and (min-width:768px) {
    .header .button.button--transparent+.button {
        margin-right: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .header .subscribe-btn {
        padding: 0 .5rem
    }
}

.header--default {
    background-color: #fff;
    border-bottom: 1px solid #cacaca
}

.header--default .hamburger-icon span,
.header--default .hamburger-icon::after,
.header--default .hamburger-icon::before {
    content: "";
    display: block;
    height: .125rem;
    width: 1rem;
    background-color: #000;
    border-radius: 1px;
    transition: transform .3s ease-in-out
}

.header--default .button.button--transparent {
    color: #000
}

.header--default .button.button--transparent:active,
.header--default .button.button--transparent:focus,
.header--default .button.button--transparent:hover {
    color: #000
}

.header__left {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.header__center {
    text-align: center
}

.header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    height: 100%
}

.header-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.header-logo__ch .header-logo-image {
    width: 13.75rem
}

.header-logo__ws .header-logo-image {
    width: 14.4375rem
}

.header-logo__lfp .header-logo-image {
    width: 14.5rem
}

.header-logo__oc .header-logo-image {
    width: 14.6875rem
}

.header-logo-image {
    position: relative;
    border: 0;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;
    max-height: 2rem;
    width: 14.6875rem
}

.logo-ws {
    fill: #12347e
}

.logo-mg {
    fill: #000;
    width: auto;
    height: 2rem
}

.logo-ch {
    fill: #366aa5
}

.logo-ej {
    fill: #c75114
}

.logo-lfp {
    fill: #407b98
}

.logo-oc {
    fill: #50806e
}

.logo-vs {
    fill: #2f6450
}

.logo-sp {
    fill: #7f143a
}

.logo-sp .stroke {
    stroke: #7f143a
}

.logo-lp {
    fill: #000
}

.logo-csun,
.logo-dr,
.logo-esun,
.logo-fp,
.logo-osun,
.logo-tgo,
.logo-tsun,
.logo-vp,
.logo-wsun {
    fill: #fff
}

.farmers .header-logo-image,
.header-logo-image--size-md {
    max-height: 2.4rem
}

.logo-slb,
.logo-swp {
    width: 19.09375rem
}

.site-search .site-search__button--hidden,
.site-search .site-search__form--hidden {
    display: none
}

.site-search .site-search__form-submit svg {
    fill: #fff
}

.site-search__new-badge .new-badge__label,
.site-search__new-badge .popover__text {
    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: #000;
    padding: 0 .375rem;
    border-radius: .625rem;
    border: 1px solid #000
}

.site-search__new-badge .new-badge__content {
    padding: 0 .5rem
}

.new-badge--mobile {
    display: flex;
    align-items: center;
    margin-top: .5rem
}

@media only screen and (min-width:768px) {
    .breaking .header-menu-nav.promotional {
        top: 6rem;
        --header-menu-max-height: calc(100vh - 6rem)
    }

    .breaking .header-menu-nav.slogan {
        top: 5.25rem;
        --header-menu-max-height: calc(100vh - 6rem)
    }
}

.breaking .header-breaking__wrapper {
    height: 3rem;
    z-index: 130;
    background-color: #ec0e0e;
    border-bottom: 1px solid #cacaca;
    justify-content: space-between;
    overflow: hidden;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    line-height: 3rem;
    text-decoration: none
}

.breaking .header-breaking__wrapper .row {
    height: inherit;
    max-height: 2.9375rem
}

.breaking .header-breaking__wrapper .header-breaking__message {
    display: flex
}

.breaking .header-breaking__wrapper .header-breaking__message a {
    display: flex;
    width: 100%;
    align-items: center;
    line-height: 1.125rem;
    text-decoration: none;
    color: #fff
}

.breaking .header-breaking__wrapper .header-breaking__message span {
    padding: 0 .875rem
}

.breaking .header-breaking__wrapper .header-breaking__message span,
.breaking .header-breaking__wrapper .header-breaking__message span:active,
.breaking .header-breaking__wrapper .header-breaking__message span:focus,
.breaking .header-breaking__wrapper .header-breaking__message span:hover,
.breaking .header-breaking__wrapper .header-breaking__message span:visited {
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .breaking .header-breaking__wrapper .header-breaking__message {
        font-size: .8125rem
    }
}

.breaking .header-breaking__wrapper.slogan {
    background-color: #fff;
    height: 2.25rem
}

.breaking .header-breaking__wrapper.slogan .row {
    align-items: center;
    margin: 0 1.5rem
}

@media only screen and (max-width:767px) {
    .breaking .header-breaking__wrapper.slogan .row {
        margin: 0 .9375rem
    }

    .breaking .header-breaking__wrapper.slogan .row img {
        width: 1.3125rem;
        height: 1.4375rem
    }
}

.breaking .header-breaking__wrapper.slogan .header-breaking__message {
    font-size: .8125rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 100%;
    letter-spacing: 0
}

.breaking .header-breaking__wrapper.slogan .header-breaking__message span {
    padding: 0
}

.breaking .header-breaking__wrapper.promotional {
    background-color: #cce4f2
}

.breaking .header-breaking__wrapper.promotional .header-breaking__message a {
    color: #191919
}

.breaking .header-breaking__wrapper.promotional .header-breaking__cta-link {
    text-decoration: underline;
    font-style: italic;
    padding-left: .3125rem
}

.article-counter--visible .article-counter,
.register-counter--visible .article-counter {
    display: block
}

.article-counter {
    display: none;
    min-height: 80px
}

.article-counter iframe {
    z-index: 100
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200
}

.fixed-bottom .fixed-bottom-ad-container {
    position: relative
}

.footer {
    content-visibility: auto;
    background-color: #191919;
    padding: 1rem 0;
    min-height: 250px;
    position: relative;
    z-index: 1;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.33
}

@media only screen and (min-width:1200px) {
    .footer {
        padding: 1.5rem 0
    }
}

.footer .footer__feedback-title,
.footer .footer__subheading {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    margin: 1.5rem 0 1rem
}

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

    .footer .footer__feedback-title,
    .footer .footer__subheading {
        font-size: .8125rem
    }
}

.footer .footer__feedback-title {
    display: inline-block;
    text-decoration: underline
}

.footer .footer__feedback-title,
.footer .footer__feedback-title:visited {
    color: #fff
}

.footer .footer__category-list .header-list-item-link,
.footer .footer__category-list .header-list-item-link:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2188;
    text-decoration: none
}

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

    .footer .footer__category-list .header-list-item-link,
    .footer .footer__category-list .header-list-item-link:visited {
        font-size: .8125rem
    }
}

.footer .footer__link,
.footer .footer__link:visited {
    font-size: .8125rem;
    color: #fff;
    line-height: 1.2188;
    text-decoration: none
}

.footer .footer__category-list .header-list-item-link:active,
.footer .footer__category-list .header-list-item-link:focus,
.footer .footer__category-list .header-list-item-link:hover,
.footer .footer__link:active,
.footer .footer__link:focus,
.footer .footer__link:hover {
    text-decoration: underline
}

.footer .footer__nav--secondary .footer__link,
.footer .footer__nav--secondary .footer__link:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #fff
}

.footer .footer__nav--tertiary .footer__link,
.footer .footer__nav--tertiary .footer__link:visited {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: .75rem;
    color: #cacaca
}

.footer .footer__link.ot-sdk-show-settings#ot-sdk-btn,
.footer .footer__link.ot-sdk-show-settings#ot-sdk-btn:focus,
.footer .footer__link.ot-sdk-show-settings#ot-sdk-btn:hover {
    border: 0;
    padding: inherit;
    line-height: normal;
    cursor: pointer;
    white-space: inherit;
    word-wrap: inherit;
    transition: none;
    height: inherit;
    font-size: .8125rem;
    background: 0 0
}

.footer .footer__nav--secondary .footer__link.ot-sdk-show-settings#ot-sdk-btn,
.footer .footer__nav--secondary .footer__link.ot-sdk-show-settings#ot-sdk-btn:focus,
.footer .footer__nav--secondary .footer__link.ot-sdk-show-settings#ot-sdk-btn:hover {
    color: #fff
}

.footer .footer__nav--tertiary .footer__link.ot-sdk-show-settings#ot-sdk-btn,
.footer .footer__nav--tertiary .footer__link.ot-sdk-show-settings#ot-sdk-btn:focus,
.footer .footer__nav--tertiary .footer__link.ot-sdk-show-settings#ot-sdk-btn:hover {
    font-size: .75rem;
    color: #cacaca
}

.footer .footer__break {
    border: unset;
    border-bottom: 1px solid #767676;
    margin: 1rem auto;
    width: 100%
}

.footer .footer__nav {
    width: 100%
}

.footer .footer__nav .footer__link-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

@supports (-webkit-touch-callout:none) and (not (translate:none)) {
    .footer .footer__nav .footer__link-list li:not(:last-child) {
        margin-bottom: .5rem
    }
}

@media only screen and (min-width:768px) {
    .footer .footer__nav .footer__link-list {
        gap: .5rem 1rem
    }

    @supports (-webkit-touch-callout:none) and (not (translate:none)) {
        .footer .footer__nav .footer__link-list li:not(:last-child) {
            margin-right: .5rem 1rem
        }
    }
}

@media only screen and (max-width:767px) {
    .footer .footer__nav .footer__link-list li {
        flex-basis: 48%
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .footer .footer__nav .footer__link-list li {
        flex-basis: 30%
    }
}

.footer .footer__group {
    display: flex;
    flex-direction: column;
    --footer-square-logo-size: 2.5rem
}

@media only screen and (min-width:1200px) {
    .footer .footer__group {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1rem
    }

    @supports (-webkit-touch-callout:none) and (not (translate:none)) {
        .footer .footer__group .footer__square-logo {
            margin-right: 1rem
        }
    }
}

@media only screen and (min-width:768px) {
    .footer .footer__group {
        --footer-square-logo-size: 4.625rem
    }
}

.footer .footer__columns {
    display: block;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.footer .footer__columns li {
    margin-bottom: .5rem
}

@media only screen and (min-width:768px) {
    .footer .footer__columns li {
        margin-bottom: 1rem
    }
}

@media only screen and (min-width:768px) {
    .footer .footer__columns.footer__columns--sm-up {
        -moz-column-count: 4;
        column-count: 4
    }
}

@media only screen and (min-width:1600px) {
    .footer .footer__columns.footer__columns--xl-up {
        -moz-column-count: 6;
        column-count: 6
    }
}

.footer .footer__category-list li {
    width: -moz-fit-content;
    width: fit-content
}

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

    .footer .footer__nav .account__list,
    .footer .footer__nav .advertise__list,
    .footer .footer__nav .classified__list {
        gap: .5rem
    }

    @supports (-webkit-touch-callout:none) and (not (translate:none)) {

        .footer .footer__nav .account__list li:not(:last-child),
        .footer .footer__nav .advertise__list li:not(:last-child),
        .footer .footer__nav .classified__list li:not(:last-child) {
            margin-bottom: .5rem
        }
    }
}

.footer .footer__nav .account__list li,
.footer .footer__nav .advertise__list li,
.footer .footer__nav .classified__list li {
    width: 100%
}

.footer .footer__nav--tertiary {
    margin-top: 1rem
}

@media only screen and (max-width:767px) {
    .footer .footer__nav--tertiary .flex-align-center {
        flex-direction: column
    }

    .footer .footer__nav--tertiary .flex-align-center:nth-child(odd) {
        align-items: flex-start
    }

    .footer .footer__nav--tertiary .flex-align-center:nth-child(even) {
        align-items: flex-end
    }
}

.footer .footer__square-logo {
    width: var(--footer-square-logo-size, 2.5rem)
}

@media only screen and (min-width:768px) {
    .footer .footer__square-logo {
        align-self: center
    }
}

.footer .footer__square-logo-img {
    width: var(--footer-square-logo-size, 2.5rem);
    height: var(--footer-square-logo-size, 2.5rem)
}

.footer .footer__social-media.social-follow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: unset
}

@media only screen and (min-width:768px) {
    .footer .footer__social-media.social-follow {
        align-items: center;
        flex-direction: row
    }
}

@media only screen and (min-width:1200px) {
    .footer .footer__social-media.social-follow {
        justify-content: flex-end
    }
}

.footer .footer__social-media.social-follow .social-follow__title {
    white-space: nowrap;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    color: #fff;
    line-height: 1.2188;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .footer .footer__social-media.social-follow .social-follow__title {
        margin-right: 1rem;
        margin-bottom: unset
    }
}

.footer .footer__social-media.social-follow.footer__social-media--monochrome {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.footer .footer__social-media.social-follow .social-follow__links-list {
    --social-follow-gap: 1rem;
    --social-follow-icon-size: 2.5rem
}

@media only screen and (min-width:1200px) {
    .footer .footer__social-media.social-follow .social-follow__links-list {
        --social-follow-icon-size: 1.5rem
    }
}

.footer .footer__long-button {
    width: 100%;
    max-width: 18.75rem;
    padding: 0 1rem;
    margin: 1rem 0 0;
    height: 3rem;
    border: .0625rem solid transparent;
    background-color: #005a8c;
    color: #fff
}

.footer .footer__long-button .header-logo-image {
    fill: currentColor;
    margin: 0 1.5rem
}

.footer .footer__long-button,
.footer .footer__long-button:active,
.footer .footer__long-button:focus,
.footer .footer__long-button:hover,
.footer .footer__long-button:visited {
    color: #fff;
    text-decoration: none
}

@media only screen and (min-width:1024px) {
    .footer .footer__long-button {
        width: 80%;
        margin: 3rem 0 1.5rem
    }
}

.footer .copyright {
    margin-top: 1.5rem
}

.footer .copyright__img {
    width: 75%
}

.footer .copyright__img.klein-media-group {
    width: 2rem
}

.footer .copyright p {
    font-size: .75rem
}

.footer .copyright p:not(:last-child) {
    margin-bottom: .5rem
}

.footer .copyright__brand-logo {
    display: block;
    margin-bottom: .5rem;
    padding-top: .25rem;
    width: 7.5rem
}

.footer .copyright__brand-logo svg {
    fill: #fff
}

@media only screen and (max-width:767px) {
    .footer__nav--tertiary {
        display: grid;
        justify-content: space-between
    }

    .footer__nav--tertiary .footer__link {
        grid-column: 1;
        margin-bottom: .5rem
    }

    .footer__nav--tertiary .footer__link--contact,
    .footer__nav--tertiary .footer__link--sitemap {
        grid-column: 2
    }

    .footer__nav--tertiary .footer__link--contact {
        grid-row: 2
    }

    .footer__nav--tertiary .footer__link--sitemap {
        grid-row: 1
    }
}

@media only screen and (min-width:768px) {
    .footer__nav--tertiary .footer__link {
        margin-right: .5rem
    }

    .footer__nav--tertiary .footer__link--sitemap {
        margin-left: auto
    }
}

@keyframes menuSlideDown {
    0% {
        opacity: 0;
        visibility: hidden
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes menuSlideUp {
    0% {
        opacity: 1;
        visibility: visible
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.header-menu-nav--closed .header-menu-nav {
    animation-name: menuSlideUp;
    animation-timing-function: ease-out
}

.header-menu-nav--open .header-menu-nav {
    animation-name: menuSlideDown;
    animation-timing-function: ease-in
}

main::before {
    content: "";
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background-color: #fff
}

.header-menu-nav__wrapper {
    position: relative;
    z-index: 250
}

.header-menu-nav {
    max-width: 100%;
    background-color: #fff;
    animation-duration: 250ms;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both
}

.header-menu-nav .header-menu-nav__item-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem
}

.header-menu-nav a {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.1875;
    text-decoration: none
}

.header-menu-nav a,
.header-menu-nav a:visited {
    color: #191919
}

.header__after .header__after--offset {
    padding-left: 2.5rem;
    padding-right: 1.5rem
}

@media only screen and (max-width:767px) {
    .header__after .header__after--offset {
        padding-left: 1.5rem
    }
}

.header__after .header__after--description {
    width: 100%;
    border-top: 1px solid #cacaca;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.header__after .header__after--divider {
    border-bottom: 1px solid #cacaca
}

@media only screen and (max-width:767px) {
    .header-menu-nav--open .header__after {
        display: none
    }

    .header-menu-nav--open main[tabindex] {
        position: fixed;
        z-index: -1;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        overflow: hidden
    }

    .header-menu-nav--open main[tabindex]::before {
        display: block
    }

    .header-menu-nav {
        padding: 1.5rem 1rem 3rem;
        width: 100vw;
        height: 100%;
        transform-origin: top center
    }

    .header-menu-nav .button--transparent:active,
    .header-menu-nav .button--transparent:focus,
    .header-menu-nav .button--transparent:hover,
    .header-menu-nav a:active,
    .header-menu-nav a:focus,
    .header-menu-nav a:hover {
        color: #005a8c
    }

    .header-menu-nav .button--transparent:active .header-menu-nav__item-text,
    .header-menu-nav .button--transparent:focus .header-menu-nav__item-text,
    .header-menu-nav .button--transparent:hover .header-menu-nav__item-text,
    .header-menu-nav a:active .header-menu-nav__item-text,
    .header-menu-nav a:focus .header-menu-nav__item-text,
    .header-menu-nav a:hover .header-menu-nav__item-text {
        text-decoration: underline
    }
}

@media only screen and (min-width:768px) {
    .header-menu-nav {
        overflow: hidden;
        position: fixed;
        z-index: 250;
        top: 3rem;
        box-shadow: 0 5px 5px 0 rgba(202, 202, 202, .8);
        height: auto;
        width: auto;
        --header-menu-max-height: calc(100vh - 3rem)
    }

    .header-menu-nav__list {
        height: auto;
        max-height: var(--header-menu-max-height);
        overflow-y: auto
    }

    .header-menu-nav .button--transparent,
    .header-menu-nav a {
        font-size: 1rem
    }

    .header-menu-nav .button--transparent:active,
    .header-menu-nav .button--transparent:focus,
    .header-menu-nav .button--transparent:hover,
    .header-menu-nav a:active,
    .header-menu-nav a:focus,
    .header-menu-nav a:hover {
        background-color: #005a8c;
        color: #fff
    }
}

.hamburger-icon {
    height: .75rem
}

.hamburger-icon span,
.hamburger-icon::after,
.hamburger-icon::before {
    content: "";
    display: block;
    height: .125rem;
    width: 1rem;
    background-color: #191919;
    border-radius: 1px;
    transition: transform .3s ease-in-out
}

.hamburger-icon span {
    margin: .1875rem 0
}

.primary-nav--open .hamburger-icon::before {
    transform: translateY(.3125rem) rotate(135deg)
}

.primary-nav--open .hamburger-icon::after {
    transform: translateY(-.3125rem) rotate(45deg)
}

.primary-nav--open .hamburger-icon span {
    transform: scale(0)
}

.primary-nav--open .account-nav {
    display: none
}

.primary-nav .arrow-right {
    display: inline-block;
    height: .75rem;
    width: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.primary-nav .primary-nav__list-3>.header-menu-nav__item>a {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.primary-nav .primary-nav__list-3>.header-menu-nav__item>a,
.primary-nav .primary-nav__list-3>.header-menu-nav__item>a:active,
.primary-nav .primary-nav__list-3>.header-menu-nav__item>a:focus,
.primary-nav .primary-nav__list-3>.header-menu-nav__item>a:hover,
.primary-nav .primary-nav__list-3>.header-menu-nav__item>a:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.primary-nav.primary-nav__1column-list-2 {
    min-width: 29.875rem
}

.primary-nav.primary-nav__no-column-list-2 {
    min-width: 12.3125rem
}

@media only screen and (max-width:767px) {
    .primary-nav .arrow-right {
        display: none
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a {
        color: #005a8c
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item:not(:last-child)>a {
        margin-bottom: 1.5rem
    }

    .primary-nav .header-menu-nav__item:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item:not(:last-child) {
        border-bottom: 1px solid #cacaca
    }

    .primary-nav .primary-nav__list-3 {
        margin-top: 1.5rem
    }

    .primary-nav .primary-nav__list-2 {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        margin-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .primary-nav .primary-nav__list-2>.header-menu-nav__item {
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid
    }

    .primary-nav--drop .arrow-right {
        background: center url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-down-black.svg) no-repeat;
        display: inline-block;
        position: absolute;
        right: .5rem;
        width: 3.813rem;
        height: 3.25rem
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item {
        color: #005a8c;
        width: 100vw;
        margin-bottom: 0;
        margin-left: -1rem
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item {
        padding: 1rem;
        margin-bottom: 0
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:active,
    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:focus,
    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:hover {
        color: #fff;
        background-color: #005a8c
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:active .header-menu-nav__item-text,
    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:focus .header-menu-nav__item-text,
    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:hover .header-menu-nav__item-text {
        text-decoration: none
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:active .arrow-right,
    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:focus .arrow-right,
    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a.header-menu-nav__focus-item:hover .arrow-right {
        background: center url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-down-nav-white.svg) no-repeat
    }

    .primary-nav--drop .header-menu-nav__item:not(:last-child) {
        margin-bottom: 0
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item:not(:last-child) {
        border-bottom: none
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item:not(:last-child)>a {
        margin-bottom: 0
    }

    .primary-nav--drop .primary-nav__list-1>.header-menu-nav__item>a {
        background-color: #fff
    }

    .primary-nav--drop .primary-nav__list-2 {
        -moz-column-count: 1;
        column-count: 1;
        margin-top: 0;
        padding-bottom: 1.5rem;
        max-height: 29.125rem;
        overflow-y: scroll;
        display: none;
        flex-direction: column;
        background-color: #f7f7f7
    }

    .primary-nav--drop .primary-nav__list-2>.header-menu-nav__item {
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        padding: 1rem
    }

    .primary-nav--drop .primary-nav__list-3 {
        margin-top: 1.5rem
    }
}

@media only screen and (min-width:768px) {
    .primary-nav {
        background-color: transparent;
        box-shadow: unset;
        transform-origin: top left;
        min-width: 47.5rem;
        max-height: min(var(--header-menu-max-height), 40.625rem)
    }

    .primary-nav::before {
        display: block;
        content: "";
        height: calc(100% - .5rem);
        width: 1px;
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 12.25rem;
        background-color: #cacaca
    }

    .primary-nav .primary-nav__list-1 {
        --header-menu-max-height: calc(100vh - 3.5rem);
        max-height: min(var(--header-menu-max-height), 40.125rem);
        width: 12.25rem;
        background-color: #fff;
        border-bottom: 1px solid #cacaca;
        margin-bottom: .5rem;
        box-shadow: 0 5px 5px 0 rgba(202, 202, 202, .8)
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item {
        width: 12.25rem
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 12.25rem;
        height: 3rem;
        padding-right: 1rem;
        padding-left: 1.5rem
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a .arrow-right {
        background: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-right-black.svg) no-repeat
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item.header-menu-nav--active>a,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item:focus-within>a,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:active,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:focus,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:hover {
        background-color: #005a8c;
        color: #fff
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item.header-menu-nav--active>a .arrow-right,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item:focus-within>a .arrow-right,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:active .arrow-right,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:focus .arrow-right,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:hover .arrow-right {
        background: 0 0
    }

    .primary-nav .primary-nav__list-1>.header-menu-nav__item.header-menu-nav--active .primary-nav__list-2,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item:focus-within .primary-nav__list-2,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:active+.primary-nav__list-2,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:focus+.primary-nav__list-2,
    .primary-nav .primary-nav__list-1>.header-menu-nav__item>a:hover+.primary-nav__list-2 {
        opacity: 1;
        visibility: visible
    }

    .primary-nav .primary-nav__list-2 {
        opacity: 0;
        height: 100%;
        --header-menu-max-height: calc(100vh - 3rem);
        max-height: min(var(--header-menu-max-height), 40.625rem);
        visibility: hidden;
        transition: opacity .1s linear;
        display: flex;
        position: absolute;
        top: -.5rem;
        margin-left: 12.25rem;
        overflow: scroll;
        background-color: #fff;
        padding: 1rem;
        padding-top: 1.5rem;
        padding-right: 0;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        border-bottom: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
        box-shadow: 0 5px 5px 0 rgba(202, 202, 202, .8)
    }

    .primary-nav .primary-nav__list-2.primary-nav__1column-list-2 {
        width: calc(35.25rem / 2)
    }

    .primary-nav .primary-nav__list-2.primary-nav__2column-list-2 {
        width: calc(47.5rem - 12.25rem)
    }

    .primary-nav .primary-nav__list-2 .header-menu-nav__item:not(:last-child) {
        margin-bottom: 1rem
    }

    .primary-nav .primary-nav__list-2 .header-menu-nav__item {
        margin-right: 1.5rem;
        width: 12.25rem
    }

    .primary-nav .primary-nav__list-2 .header-menu-nav__item>a:active,
    .primary-nav .primary-nav__list-2 .header-menu-nav__item>a:focus,
    .primary-nav .primary-nav__list-2 .header-menu-nav__item>a:hover {
        color: #005a8c;
        background-color: transparent
    }

    .primary-nav .primary-nav__list-2 .header-menu-nav__item>a:active .header-menu-nav__item-text,
    .primary-nav .primary-nav__list-2 .header-menu-nav__item>a:focus .header-menu-nav__item-text,
    .primary-nav .primary-nav__list-2 .header-menu-nav__item>a:hover .header-menu-nav__item-text {
        text-decoration: underline
    }

    .primary-nav .primary-nav__list-3 {
        margin-top: .5rem
    }

    .primary-nav .primary-nav__list-3 .header-menu-nav__item:not(:last-child) {
        margin-bottom: .5rem
    }
}

.secondary-nav {
    width: 100%;
    min-height: 2.75rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden
}

@media only screen and (min-width:1200px) {
    .secondary-nav {
        height: 3.25rem
    }
}

.secondary-nav .row {
    height: inherit;
    min-height: inherit;
    width: 100%;
    align-items: center
}

.secondary-nav .header-list-item-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.secondary-nav .header-list-item-link.active {
    text-decoration: underline
}

@media only screen and (max-width:1199px) {
    .secondary-nav:not(.secondary-nav--alt) {
        display: none
    }
}

.secondary-nav.secondary-nav--category h6 {
    margin: 0
}

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

    .secondary-nav.secondary-nav--category .secondary-nav__list,
    .secondary-nav.secondary-nav--category .secondary-nav__title-vr {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .secondary-nav.secondary-nav--category .secondary-nav__list--new {
        display: flex
    }
}

.secondary-nav__title {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919
}

@media only screen and (max-width:1199px) {
    .secondary-nav__title {
        font-size: 1.5rem
    }
}

.secondary-nav__title>img {
    max-height: 1.375rem
}

.secondary-nav__title-vr {
    display: inline-block;
    height: 1.25rem;
    width: 1px;
    background-color: #cacaca;
    margin-left: 1rem;
    margin-right: 1rem
}

.secondary-nav__list {
    display: flex;
    height: inherit;
    min-height: inherit;
    align-items: center;
    scrollbar-width: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth
}

.secondary-nav__list li {
    scroll-snap-align: start;
    flex-shrink: 0
}

.secondary-nav__list li {
    margin-right: 1rem
}

.secondary-nav__list li:last-child {
    margin-right: 0
}

.secondary-nav__list a {
    padding: .5rem 0
}

.secondary-nav__list a,
.secondary-nav__list a:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: #191919;
    text-decoration: none
}

.secondary-nav__list a:active,
.secondary-nav__list a:focus,
.secondary-nav__list a:hover {
    color: #005a8c;
    text-decoration: underline
}

.secondary-nav__list a[title^="Manage Print Subscription"] {
    color: #005a8c
}

.secondary-nav__list--new {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    margin-top: .25rem;
    margin-bottom: .75rem
}

.secondary-nav__list--new a {
    font-size: 1.125rem
}

.sso-signedIn .account-nav__control-button {
    display: flex
}

.account-nav__my-offers-icon {
    height: .625rem;
    width: .625rem;
    background-color: #ec0e0e;
    border: .125rem solid #ec0e0e;
    border-radius: 50%
}

.account-nav__control-button {
    align-items: center;
    justify-content: center
}

.account-nav__control-button .icon--close {
    display: none
}

.account-nav__control-button .account-nav__my-offers-icon {
    position: relative;
    top: -.625rem;
    left: .3125rem
}

.account-nav__control-button .icon--arrow-down {
    transition: transform .3s ease-in-out
}

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

    .account-nav__control-button .button__text,
    .account-nav__control-button .icon--arrow-down,
    .account-nav__control-button .icon--close {
        display: none
    }

    .account-nav__control-button .button__icon {
        padding: 0 !important
    }
}

.account-nav--open .primary-nav {
    display: none
}

.account-nav--open .account-nav__control-button .icon--arrow-down {
    transform: rotate(180deg)
}

@media only screen and (max-width:1023px) {
    .account-nav--open .account-nav__control-button .icon--close {
        display: block
    }

    .account-nav--open .account-nav__control-button .account-nav__my-offers-icon {
        display: none
    }

    .account-nav--open .account-nav__control-button .icon--user {
        display: none
    }
}

.account-nav .header-menu-nav__focus-item {
    padding: .75rem 1rem
}

.account-nav .header-menu-nav__focus-item .account-nav__my-offers-icon {
    margin-left: .9375rem;
    border: .125rem solid #ec0e0e
}

.account-nav .my-account__item-button {
    border-radius: unset;
    justify-content: flex-start
}

@media only screen and (min-width:768px) {
    .account-nav {
        min-width: 13.75rem;
        right: 0;
        transform-origin: top right
    }

    .account-nav .header-menu-nav__focus-item {
        padding: 1rem 1.5rem
    }
}

@keyframes preloading {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(300%)
    }
}

.list {
    position: relative;
    overflow: hidden
}

.feed-section .list--loading {
    width: 100%
}

.list--loading::after {
    content: "";
    animation: preloading .8s ease-in infinite;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, .9) 55%, rgba(255, 255, 255, 0) 100%)
}

.list--loading .article-card__headline {
    height: 1ex;
    background-color: #d8d8d8;
    position: relative;
    width: 90%;
    overflow: visible !important
}

.list--loading .article-card__headline::after {
    content: "";
    position: absolute;
    top: .8em;
    display: block;
    height: 1ex;
    background-color: #d8d8d8;
    width: 98%
}

.list--loading .article-card__excerpt {
    display: block !important;
    position: relative;
    overflow: visible
}

.list--loading .article-card__excerpt::after,
.list--loading .article-card__excerpt::before {
    display: block !important;
    width: 100%;
    background: #d8d8d8;
    content: "";
    margin-top: 2em;
    height: 1ex;
    position: absolute;
    top: 0
}

.list--loading .article-card__excerpt::after {
    margin-top: 3em
}

.list--loading .article-card__meta-bottom,
.list--loading .article-card__meta-top {
    display: none
}

.list--loading.video-playlist::after {
    mix-blend-mode: overlay
}

.list--loading .lead-video .lead-video__player-bg,
.list--loading .lead-video .lead-video__title,
.list--loading .lead-video .video-playlist__meta {
    position: relative
}

.list--loading .lead-video .lead-video__player-bg::after,
.list--loading .lead-video .lead-video__title::after,
.list--loading .lead-video .video-playlist__meta::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    background-color: #d8d8d8;
    width: 100%;
    height: 100%
}

.list--loading .lead-video .video-playlist__meta::after {
    height: 1ex;
    width: 50%;
    margin-top: 1ex
}

.list--loading .video-playlist__queue-item .video-playlist__queue-item-title {
    position: relative
}

.list--loading .video-playlist__queue-item .video-playlist__queue-item-title::after,
.list--loading .video-playlist__queue-item .video-playlist__queue-item-title::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    background-color: #d8d8d8;
    width: 100%;
    height: 2ex
}

.list--loading .video-playlist__queue-item .video-playlist__queue-item-title::after {
    margin-top: 3ex;
    width: 75%
}

.list--loading.list-widget {
    border: transparent !important;
    background-color: #d8d8d8;
    color: transparent !important
}

.custom-menu--home {
    min-height: auto !important;
    height: auto !important;
    font-size: 1rem
}

.custom-menu--home .custom-menu__title-vr {
    display: none
}

.custom-menu--home .row {
    padding-left: 0;
    padding-right: 0;
    gap: 1.25rem
}

.custom-menu--home .custom-menu__title {
    text-transform: uppercase
}

.custom-menu--home .custom-menu__list a,
.custom-menu--home .custom-menu__list a:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #191919;
    text-decoration: none
}

.custom-menu {
    width: 100%;
    min-height: 2.75rem;
    background-color: #fff;
    display: flex;
    align-items: center
}

@media only screen and (min-width:1200px) {
    .custom-menu {
        height: 3.25rem
    }
}

.custom-menu .row {
    height: inherit;
    min-height: inherit;
    width: 100%;
    align-items: center;
    flex-wrap: nowrap
}

.custom-menu .header-list-item-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-menu .header-list-item-link.active {
    text-decoration: underline;
    text-underline-offset: .1875rem
}

@media only screen and (max-width:1199px) {
    .custom-menu:not(.custom-menu--alt) {
        display: none
    }
}

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

    .custom-menu.custom-menu--category .custom-menu__list,
    .custom-menu.custom-menu--category .custom-menu__title-vr {
        display: none
    }
}

.custom-menu__title {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    white-space: nowrap
}

.custom-menu__title-vr {
    display: inline-block;
    height: 1.25rem;
    width: 1px;
    background-color: #cacaca;
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.custom-menu__list {
    display: flex;
    height: inherit;
    min-height: inherit;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth
}

.custom-menu__list li {
    scroll-snap-align: start;
    flex-shrink: 0
}

.custom-menu__list li {
    margin-right: 1.25rem
}

.custom-menu__list li:last-child {
    margin-right: 0
}

.custom-menu__list a {
    padding: .5rem 0
}

.custom-menu__list a,
.custom-menu__list a:visited {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 700;
    color: #191919;
    text-decoration: none
}

.custom-menu__list a:active,
.custom-menu__list a:focus,
.custom-menu__list a:hover {
    color: #005a8c;
    text-decoration: underline
}

.custom-menu__list a[title^="Manage Print Subscription"] {
    color: #005a8c
}

@media only screen and (min-width:768px) {
    .header-menu-nav.hs-bundle-menu {
        top: 6rem;
        --header-menu-max-height: calc(100vh - 6rem)
    }

    .header-menu-nav.promotional.hs-bundle-menu {
        top: 9rem;
        --header-menu-max-height: calc(100vh - 9rem)
    }
}

.community-bundle-menu {
    display: flex;
    align-items: center;
    height: 3rem;
    background: #eee;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    overflow-x: auto;
    padding: 0 1.375rem
}

@media only screen and (min-width:768px) {
    .community-bundle-menu {
        padding: 0 1.625rem
    }
}

.community-bundle-menu .bundle-menu__title {
    padding-right: .625rem;
    white-space: nowrap
}

.community-bundle-menu__list {
    display: flex
}

.community-bundle-menu__list .header-list-item-link {
    display: flex;
    height: 3rem;
    align-items: center
}

.community-bundle-menu__list .header-list-item-link.active {
    background-color: #fff
}

.community-bundle-menu__list .bundle-logo__image {
    height: .75rem;
    width: 7.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: .125rem
}

.community-bundle-menu__list .bundle-logo__image svg {
    max-width: 6.25rem
}

.ad__section-border {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.ad__section-border--category,
.ad__section-border--find-compare {
    border-bottom: 1px solid #f1f1f1
}

.ad__section-border--category-empty {
    margin-bottom: 0
}

.ad__section-border--topmost {
    margin: 0;
    border-bottom: 1px solid #f1f1f1
}

.ad__section-border--hide {
    display: none
}

.ad__container {
    background-color: #f7f7f7;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    height: 19rem;
}

.ad__container * {
    margin-bottom: 0
}

.ad__container a {
    color: #000;
    text-decoration: none
}

.ad__container .ad__label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: .5rem;
    background-color: #fff;
    text-align: center
}

.ad__container .ad__label__left,
.ad__container .ad__label__right {
    background-color: #f1f1f1;
    flex-basis: calc((100% - 12.5rem)/ 2);
    height: 1px
}

.ad__container .ad__label__center {
    flex-basis: 12.5rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .625rem;
    line-height: 1;
    text-transform: uppercase
}

.ad__container .ad__placeholder {
    text-align: center;
    max-width: 18.75rem;
    left: calc(50% - 9.375rem);
    margin-bottom: 0
}

.ad__container .ad__placeholder>* {
    margin-bottom: 0
}

.ad__container .ad__placeholder .placeholder-inner {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: .875rem;
    color: #555;
    line-height: 1.285;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.article-content__widget-group--related-story-slot .ad__container {
    background-color: #2a2d62
}

.ad__inner {
    margin-bottom: .5rem;
    position: relative;
    width: 100%
}

.ad__inner__container {
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: var(--mobileHeight)
}

@media only screen and (min-width:768px) {
    .ad__inner__container {
        min-height: var(--desktopHeight)
    }
}

.ad__placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.ad__high-impact {
    z-index: 1;
    justify-content: center;
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: 1px solid #cacaca
}

.ad__high-impact .ad__inner__container:not([data-ad-width]),
.ad__high-impact .ad__inner__container:not([data-ad-width]) div[id*=google] {
    height: 0 !important;
    min-height: 0 !important
}

.ad__native .ad__container {
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0
}

.ad__native .ad__label,
.ad__native .ad__placeholder {
    display: none
}

.ad__native .ad__inner--native--google {
    width: 100%;
    height: 100%;
    margin-bottom: -5px
}

.ad__native .ad__inner__container {
    width: 100%;
    height: 100%;
    min-width: 5px;
    min-height: 5px
}

@media only screen and (min-width:1200px) {
    .article-content__widget-group--category-slot .ad__inner--native--google {
        width: calc(100% - 3px)
    }
}

.ad__container.ad__container-slimcut {
    border-bottom: none
}

.ad__container .ad__inner-slimcut {
    width: 100%
}

.ad__container .ad__inner-slimcut .ad__placeholder {
    margin-right: auto;
    margin-left: auto;
    width: 300px
}

.ad__container .ad__container-slimcut {
    margin-top: 0
}

.ad__container .ad__container-slimcut>div {
    background-color: var(--white);
    max-width: 300px;
    height: 250px;
    margin-top: 0
}

.ds_cpp {
    margin-right: 0;
    margin-left: 0;
    padding: 0
}

[data-sso-carousel=viafoura].ad__adlight .vf-promo,
[data-sso-commenting=viafoura].ad__adlight .vf-promo {
    display: none !important
}

.viafoura .vf-promo {
    display: block !important
}

.amuniversal__ad__right-rail__nyt-puzzle {
    width: 18.75rem;
    float: right
}

.amuniversal__ad__right-rail__nyt-puzzle .ad__inner__container {
    width: 18.75rem
}

.amuniversal__ad__right-rail-container {
    position: relative
}

.amuniversal__ad__right-rail {
    position: absolute;
    top: .625rem;
    left: 0;
    width: 18.75rem
}

.amuniversal__ad__right-rail .ad__inner__container {
    width: 18.75rem
}

.amuniversal__container {
    max-width: 1500px
}

.amuniversal__flyers__container {
    max-width: 1700px
}

.consent__banner {
    box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .5);
    background-color: #fff;
    width: 100%;
    max-width: 55.9375rem;
    padding: 1rem 2rem;
    margin: 0 auto;
    transition: transform 1s ease;
    transform-origin: center bottom;
    z-index: 800;
    display: flex;
    align-items: center
}

@media only screen and (max-width:767px) {
    .consent__banner {
        flex-direction: column;
        justify-content: center;
        padding: .75rem
    }
}

.consent__banner--with-article-limit {
    bottom: 5.75rem
}

@media only screen and (min-width:768px) {
    .consent__button-column {
        margin-left: .75rem;
        min-width: 6.25rem
    }
}

@media only screen and (max-width:767px) {
    .consent__button-column {
        margin-top: .5rem;
        width: 100%;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.consent__title {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    font-family: inherit
}

@media only screen and (max-width:767px) {
    .consent__title {
        font-size: .875rem;
        line-height: 1rem
    }
}

.consent__info {
    color: #000;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.125rem;
    font-family: inherit
}

@media only screen and (max-width:767px) {
    .consent__info {
        font-size: .75rem;
        line-height: .875rem
    }
}

.consent__info a {
    font-weight: 700;
    color: inherit
}

@keyframes modalOpen {
    from {
        visibility: hidden;
        opacity: 0;
        transform: scale(.8, .8)
    }

    to {
        visibility: visible;
        opacity: 1;
        transform: scale(1, 1)
    }
}

@keyframes modalClose {
    from {
        visibility: visible;
        opacity: 1;
        transform: scale(1, 1)
    }

    to {
        visibility: hidden;
        opacity: 0;
        transform: scale(.8, .8)
    }
}

.modal--activated {
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 100vh;
    height: var(--app-height, 100%)
}

.modal--activated::before {
    content: "";
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 699;
    width: 100vw;
    height: 100vh;
    height: var(--app-height, 100%)
}

.modal--backdrop::before {
    background-color: rgba(202, 202, 202, .8)
}

.modal {
    background-color: #fff;
    padding: 1rem;
    border: 1px solid #cacaca;
    box-shadow: 0 5px 5px 0 rgba(202, 202, 202, .8);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 37.25rem;
    max-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 801;
    will-change: transform, opacity, visibility, top;
    opacity: 0;
    visibility: hidden;
    animation-duration: .1s;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both
}

@media only screen and (max-width:767px) {
    .modal {
        height: 100%
    }
}

@media only screen and (min-width:768px) {
    .modal {
        top: 10%;
        max-height: calc(100vh - 20%)
    }
}

@media only screen and (min-width:1024px) {
    .modal {
        max-width: 49.5rem
    }
}

.modal--open {
    display: flex;
    opacity: 1;
    visibility: visible;
    animation-name: modalOpen
}

.modal--closed {
    opacity: 0;
    visibility: hidden;
    animation-name: modalClose
}

.modal__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: 1rem
}

.modal__body {
    padding: 0;
    margin: 0;
    overflow-y: auto
}

.modal__close {
    position: absolute;
    top: .5rem;
    right: .5rem;
    padding: .5rem;
    background-color: transparent;
    border: none
}

.modal__close img {
    width: 1rem;
    height: 1rem
}

.pagination {
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.pagination.pagination__top {
    margin-bottom: 1rem;
    border-bottom: 1px solid #cacaca
}

.pagination:not(.pagination__top) {
    border-top: 1px solid #cacaca;
    margin-top: 1rem
}

.pagination__item {
    width: 33.3%
}

.pagination__item--text {
    text-align: center
}

.pagination__item--next {
    text-align: right
}

.pagination__count {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #005a8c;
    text-decoration: none
}

.pagination__link {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #005a8c;
    text-decoration: none
}

.pagination__link:active,
.pagination__link:focus,
.pagination__link:hover {
    color: #005a8c;
    text-decoration: underline
}

.pagination__link .arrow-left,
.pagination__link .arrow-right {
    display: inline-block;
    height: .75rem;
    width: .75rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/broadsheets/icon-arrow-right-primary.svg);
    background-position: center;
    background-size: contain
}

.pagination__link .arrow-right {
    margin-left: .5rem
}

.pagination__link .arrow-left {
    margin-right: .5rem;
    transform: rotate(180deg)
}

.search-page {
    margin-top: 1rem
}

.search-results-list-items .article-card {
    margin-bottom: 2.5rem
}

.search-results-author {
    border: 1px solid #cacaca;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2.25rem;
    text-decoration: none !important
}

.search-results-author--avatar img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    max-width: none
}

.search-results-author--title {
    flex-basis: 100%
}

.search-results-author--title--author-name {
    font-size: 1.375rem;
    font-weight: 700
}

.search-results-author--link {
    display: block;
    border-radius: .25rem;
    border: 1px solid #005a8c;
    color: #005a8c;
    padding: .3125rem .3125rem .3125rem .5rem;
    text-decoration: none;
    line-height: 0
}

.search-results-static-page {
    border: 1px solid #cacaca;
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 2.25rem;
    text-decoration: none !important
}

.search-results-static-page--title {
    flex-basis: 100%;
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize
}

.search-results-static-page--link {
    display: block;
    border-radius: .25rem;
    border: 1px solid #005a8c;
    color: #005a8c;
    padding: .3125rem .3125rem .3125rem .5rem;
    text-decoration: none;
    line-height: 0
}

.search-results-static-page .search-results-static-page--image picture img {
    height: 1.875rem;
    max-width: none
}

.search-models-widget__wrapper {
    margin-top: 3rem;
    padding: 0
}

.search-heading {
    margin-bottom: 1rem;
    line-height: 2.25
}

.search-form {
    height: 2rem
}

.search-form .form__control {
    width: 100%
}

.search-form .button {
    width: 2rem;
    height: 2rem;
    padding: .5rem
}

.search-form--lg {
    height: auto;
    margin-bottom: 1.5rem
}

.search-form--lg .form__group {
    height: 3rem
}

.search-form--lg .form__control {
    height: 3rem
}

.search-form--lg .button {
    width: 3rem;
    height: 3rem
}

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

    .search-form--advanced,
    .search-form--mobile-lg {
        height: auto;
        margin-bottom: 1.5rem
    }

    .search-form--advanced .form__group,
    .search-form--mobile-lg .form__group {
        height: 3rem
    }

    .search-form--advanced .form__control,
    .search-form--mobile-lg .form__control {
        height: 3rem
    }

    .search-form--advanced .button,
    .search-form--mobile-lg .button {
        width: 3rem;
        height: 3rem
    }
}

.search-form__filters {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 1rem 0 2rem;
    border-bottom: 1px solid #cacaca
}

@media only screen and (max-width:767px) {
    .search-form__filters {
        border-bottom: none
    }
}

.search-form__filters__select-box {
    border: none;
    border-radius: 0
}

@media only screen and (max-width:767px) {
    .search-form__filters__select-box {
        border-bottom: 1px solid #cacaca;
        width: 100%
    }
}

.search-keyword-highlight {
    background-color: #cce4f2;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .search-heading {
        margin-bottom: 1.75rem
    }
}

.social-follow {
    margin-top: 1rem;
    margin-bottom: 1rem
}

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

.social-follow.social-follow--monochrome .social-follow__title {
    color: #fff
}

.social-follow .social-follow__links-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--social-follow-gap, 2rem)
}

@supports (-webkit-touch-callout:none) and (not (translate:none)) {
    .social-follow .social-follow__links-list li:not(:last-child) {
        margin-right: var(--social-follow-gap, 2rem)
    }
}

.social-follow .social-follow__link-item,
.social-follow .social-follow__link-item svg {
    width: var(--social-follow-icon-size, 1.5rem);
    height: var(--social-follow-icon-size, 1.5rem)
}

.social-follow .social-follow__link-item img {
    height: 100%;
    width: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: contain;
    object-fit: contain
}

.social-follow .social-follow__link-item a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.social-follow__widget.social-follow {
    width: 100%;
    min-height: 9.375rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 1.5rem
}

@media only screen and (min-width:768px) {
    .social-follow__widget.social-follow {
        align-items: center;
        max-height: 14rem
    }
}

.social-follow__widget.social-follow .social-follow__link-item img {
    margin: 0
}

.social-follow__widget.social-follow .social-follow__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 2rem;
    max-width: 63.375rem;
    gap: 1rem
}

@media only screen and (min-width:768px) {
    .social-follow__widget.social-follow .social-follow__wrapper {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.social-follow__widget.social-follow .social-follow__text {
    width: 100%;
    margin-bottom: 1.5rem
}

@media only screen and (min-width:768px) {
    .social-follow__widget.social-follow .social-follow__text {
        margin-bottom: unset;
        width: 66%
    }
}

.social-follow__widget.social-follow .social-follow__title {
    font-size: 1.5rem;
    margin-bottom: .5rem
}

@media only screen and (min-width:768px) {
    .social-follow__widget.social-follow .social-follow__title {
        margin-right: 1rem;
        margin-bottom: .75rem
    }
}

.social-follow__widget.social-follow .social-follow__description {
    font-size: 1.125rem
}

.social-follow__widget.social-follow .social-follow__links-list {
    --social-follow-gap: 1rem;
    --social-follow-icon-size: 3.125rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.social-follow__widget.social-follow .social-follow__link-item,
.social-follow__widget.social-follow .social-follow__link-item svg {
    width: var(--social-follow-icon-size, 3.125rem);
    height: var(--social-follow-icon-size, 3.125rem);
    border: 3px solid #fff;
    border-radius: 50%
}

.social-follow__widget.social-follow__widget-story {
    grid-column: content-start/content-end
}

.widget {
    margin-top: 1.5rem;
    margin-bottom: 2rem
}

.widget .section-title {
    margin-bottom: 1rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.166;
    text-transform: uppercase
}

.widget .section-title--index,
.widget .section-title--video {
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #cacaca
}

.widget-title {
    margin-bottom: 1rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none
}

.widget-title__link {
    display: block
}

.widget-title__link,
.widget-title__link:visited {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #005a8c;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none
}

.widget-title__link:active,
.widget-title__link:focus,
.widget-title__link:hover {
    text-decoration: underline
}

.widget-title__logo {
    min-width: 50%
}

.widget-title__tagline {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1rem;
    font-weight: 400;
    color: #555;
    line-height: 1.25;
    text-transform: initial
}

@media only screen and (max-width:767px) {
    .widget-title__tagline {
        padding-left: 0;
        padding-top: 1rem
    }
}

.widget-partner {
    margin-bottom: 1rem
}

.widget-partner .widget-partner__label,
.widget-partner .widget-partner__logo,
.widget-partner .widget-partner__text,
.widget-partner .widget-partner__type {
    display: inline-block
}

.widget-partner .widget-partner__link {
    text-decoration: none
}

.widget-partner .widget-partner__link .widget-partner__text,
.widget-partner .widget-partner__link .widget-partner__text:active,
.widget-partner .widget-partner__link .widget-partner__text:focus,
.widget-partner .widget-partner__link .widget-partner__text:hover,
.widget-partner .widget-partner__link .widget-partner__text:visited {
    color: #005a8c
}

.widget-partner .widget-partner__link .widget-partner__text:active,
.widget-partner .widget-partner__link .widget-partner__text:focus,
.widget-partner .widget-partner__link .widget-partner__text:hover {
    text-decoration: underline
}

.widget-partner .widget-partner__label {
    margin-right: .25rem;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    color: #555;
    line-height: 1.2188
}

.widget-partner .widget-partner__label .widget-partner__text {
    font-weight: 700
}

.widget-partner--feed-sponsorship .widget-partner__logo {
    max-height: 2.5rem;
    max-width: 7.25rem
}

.widget-partner--feed-sponsorship .widget-partner__link {
    gap: .5rem
}

@media only screen and (min-width:1024px) {
    .widget-partner--feed-sponsorship-vertical .widget-partner__link {
        justify-content: normal;
        align-items: normal
    }
}

@media only screen and (min-width:1200px) {
    .widget-partner--feed-sponsorship-vertical .widget-partner__link {
        flex-direction: column
    }
}

@media only screen and (min-width:420px) {
    .widget-partner--feed-sponsorship-vertical .widget-partner__label {
        display: flex;
        flex-direction: column
    }
}

.widget--local-ads {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    justify-content: space-between;
    min-height: 253px
}

.widget--local-ads .local-spotlight {
    padding-right: .25rem
}

.widget--local-ads .widget--local-ads__section {
    width: calc(50% - .75rem)
}

.widget--local-ads .widget--local-ads__section .find-the-best-places {
    margin-bottom: 1rem;
    padding-right: 3rem;
    font-family: Georgia, "Times New Roman", Times, serif
}

@media only screen and (max-width:767px) {
    .widget--local-ads .widget--local-ads__section {
        width: 100%
    }

    .widget--local-ads .widget--local-ads__section .find-the-best-places {
        padding-right: 0
    }

    .widget--local-ads .widget--local-ads__section.origami {
        display: flex;
        justify-content: center
    }
}

.widget--local-ads.category .widget--local-ads__section,
.widget--local-ads.tag .widget--local-ads__section {
    width: 33.3333333333%
}

.widget--local-ads.category .widget--local-ads__section .find-the-best-places,
.widget--local-ads.tag .widget--local-ads__section .find-the-best-places {
    padding-right: 0
}

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

    .widget--local-ads.category .widget--local-ads__section,
    .widget--local-ads.tag .widget--local-ads__section {
        width: 100%
    }
}

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

    .widget--local-ads.category .widget--local-ads__section:nth-child(3n+1),
    .widget--local-ads.tag .widget--local-ads__section:nth-child(3n+1) {
        width: 100%
    }

    .widget--local-ads.category .widget--local-ads__section:nth-child(n+2),
    .widget--local-ads.tag .widget--local-ads__section:nth-child(n+2) {
        width: calc(50% - .75rem)
    }
}

.widget--local-business {
    height: 353px
}

.widget--mogo-calculator.iframe-widget {
    margin-top: 1rem
}

.widget--mogo-calculator.iframe-widget iframe {
    border-radius: .5rem;
    border: .5px solid #000;
    box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .1)
}

.sso-btns {
    flex-direction: column;
    align-items: center;
    margin-left: .5rem;
    width: 8.25rem
}

@media only screen and (max-width:767px) {
    .sso-btns.sso-signedIn {
        margin-left: 1rem
    }
}

.sso-btns .button {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:420px) {
    .sso-btns .button {
        padding: .5rem
    }
}

.sso-btns,
.sso-btns .button {
    height: 100%
}

.form__control {
    display: block;
    min-height: 2.1875rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: .1875rem;
    background-color: #fff;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #191919;
    text-decoration: none
}

.form__control::-moz-placeholder {
    color: #767676
}

.form__control::placeholder {
    color: #767676
}

.form__control:focus {
    border-color: #005a8c
}

.form__control--disabled,
.form__control:disabled {
    background-color: #cacaca;
    border-color: #555;
    color: #191919
}

.form__control--dark {
    background-color: #191919;
    color: #fff;
    border-color: #767676
}

@media only screen and (min-width:420px) {
    .form__control.form__control--postal-code {
        width: 5rem
    }

    .form__control.form__control--phone-number {
        width: 40%
    }
}

.form__control+.button {
    min-height: 2.1875rem
}

.form__label {
    display: inline-block;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #191919;
    line-height: 1.33
}

.form__label>span {
    color: #555
}

.form__label--checkbox {
    display: flex;
    align-items: center;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    color: #191919;
    text-decoration: none
}

.form__label--checkbox-image {
    align-items: center;
    height: 2rem;
    width: 12.25rem
}

.form__label--checkbox-image img {
    max-height: 2rem
}

.form__label--checkbox .form-card__checkbox,
.form__label--checkbox input[type=checkbox],
.form__label--checkbox input[type=radio] {
    margin: 0 .3125rem 0 0;
    min-height: auto
}

.form__label--checkbox:focus,
.form__label--checkbox:focus-within {
    outline-style: auto;
    outline-width: 5px;
    outline-color: #005a8c
}

.form__label-group {
    display: flex;
    align-items: stretch
}

.form__label-group .form__label {
    display: inline-flex;
    align-items: center;
    margin-right: .5rem
}

.form__label-group .form__control+.button,
.form__label-group .form__control+.form__control {
    margin-left: .5rem
}

.form__group {
    display: flex;
    align-items: stretch
}

.form__group>* {
    border-radius: 0;
    border-left: none;
    border-right: none
}

.form__group>:first-child {
    margin-left: 0
}

.form__group .form__control:first-child {
    border-left: 1px solid #cacaca;
    border-top-left-radius: .1875rem;
    border-bottom-left-radius: .1875rem
}

.form__group .form__control:last-child {
    border-right: 1px solid #cacaca;
    border-top-right-radius: .1875rem;
    border-bottom-right-radius: .1875rem
}

.form__help-text {
    margin-bottom: .25rem;
    padding-top: .25rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #555;
    line-height: 1.33
}

strong.form__label {
    font-weight: 700
}

[data-dropdown-checklist-button].form__control,
select.form__control {
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-drop-down.svg);
    background-position: 96%;
    background-size: .75rem;
    background-repeat: no-repeat;
    padding: .5rem 2rem .5rem .5rem
}

textarea.form__control {
    height: 10.06rem;
    resize: none
}

.form-container .form-container__bottom {
    display: flex
}

.form-container .form-container__bottom--left {
    margin-right: auto
}

.form-container .form-container__bottom--right {
    margin-left: auto
}

.form-container__field {
    margin-bottom: .3125rem
}

.form-container__field--error .form-fieldset__checkbox-group-required,
.form-container__field--error input:not([type=submit]):not([type=checkbox]),
.form-container__field--error select,
.form-container__field--error textarea {
    border-color: #d2232a
}

.form-container__field input[type=password] {
    padding-right: 4rem
}

.form-container__count {
    padding-top: .1875rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #6d6d6d;
    line-height: 1rem
}

.form-container__count--error {
    color: #d2232a
}

.form-container__message {
    padding-bottom: 1.5rem
}

.form-container__message--success {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.25rem;
    text-align: left
}

.form-container__message--error {
    display: block;
    padding-top: .1875rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    color: #d2232a;
    line-height: 1rem
}

.form-container__message--error ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.form-container__message--error ul li::before {
    content: "* "
}

.form-container .recaptcha--error {
    display: block;
    margin-top: -.75rem
}

.form-container .recaptcha--error ul {
    position: relative
}

.form-container__checkbox-list {
    margin-bottom: .3125rem
}

.form-container__checkbox-list-item {
    margin-bottom: .3125rem
}

.form-container__checkbox-sublist {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: .5rem
}

.form-card__checkbox {
    display: flex;
    padding-top: .1875rem;
    position: relative
}

.form-card__checkbox input[type=checkbox],
.form-card__checkbox svg {
    width: 1.25rem;
    height: 1.25rem
}

.form-card__checkbox input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #fff;
    border: solid 1px #191919;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    transition: box-shadow .3s;
    box-shadow: inset 0 0 0 1px #d8d8d8
}

.form-card__checkbox input[type=checkbox]:checked+svg {
    animation: bounce .4s linear forwards .2s
}

.form-card__checkbox svg {
    position: absolute;
    transform: scale(0) translateZ(0);
    fill: #005a8c
}

.form-fieldset__checkbox-group-required {
    border: 1px solid transparent
}

.form-fieldset__checkbox-group-required .form-container__checkbox-list {
    margin-left: .5rem
}

.form__control+.button {
    border-top-right-radius: .1875rem;
    border-bottom-right-radius: .1875rem
}

@keyframes bounce {
    50% {
        transform: scale(1.2)
    }

    75% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}

[data-dropdown-checklist] {
    min-height: 1.25rem;
    border: 1px solid #cacaca;
    border-radius: .1875rem;
    background: #fff;
    position: relative
}

[data-dropdown-checklist] [data-dropdown-checklist-set] {
    padding: .25rem;
    position: absolute;
    z-index: 2;
    max-height: 12.5rem;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #fff;
    width: calc(100% - .5rem)
}

.expansion-panel__body,
.expansion-panel__summary,
.expansion-panel__summary-label {
    display: flex
}

.expansion-panel:last-child {
    margin-bottom: 2rem
}

.expansion-panel:not(:first-of-type) {
    margin-top: 1rem
}

.expansion-panel__summary {
    border-bottom: 1px solid #cacaca;
    flex-direction: column
}

.expansion-panel__summary-label {
    align-items: center;
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: #191919;
    line-height: 1.5
}

.expansion-panel__summary-label::after {
    content: "";
    display: inline-block;
    height: .75rem;
    width: .75rem;
    background-repeat: no-repeat;
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-down-black.svg);
    background-position: center;
    background-size: contain;
    margin-left: .75rem
}

.expansion-panel[open]>.expansion-panel__summary .expansion-panel__summary-label::after {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/common-icon/icon-arrow-up-black.svg)
}

.expansion-panel__body {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.expansion-panel__summary-description {
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    color: #555;
    line-height: 1.2188;
    margin-bottom: .5rem
}

.expansion-panel>.expansion-panel__summary::-webkit-details-marker {
    display: none
}

@keyframes drawerSlideDown {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    33% {
        transform: translateY(50%);
        opacity: .5
    }

    100% {
        transform: translateY(150%);
        opacity: 0
    }
}

@keyframes drawerSlideUp {
    0% {
        transform: translateY(150%);
        visibility: hidden;
        opacity: 0
    }

    87% {
        opacity: 1
    }

    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slideOutToLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    33% {
        transform: translateX(-60%);
        opacity: .5
    }

    100% {
        transform: translateX(-120%);
        opacity: 0
    }
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-120%);
        visibility: hidden;
        opacity: 0
    }

    87% {
        opacity: 1
    }

    100% {
        transform: translateX(0)
    }
}

[data-sliding-drawer-position=bottom].sliding-drawer {
    transform: translateY(150%);
    transform-origin: center bottom
}

[data-sliding-drawer-position=bottom].sliding-drawer--slide-in {
    animation-name: drawerSlideUp
}

[data-sliding-drawer-position=bottom].sliding-drawer--slide-out {
    animation-name: drawerSlideDown
}

[data-sliding-drawer-position=bottom]::after {
    top: -120%
}

[data-sliding-drawer-position=left].sliding-drawer {
    transform: translateX(-120%);
    opacity: 1;
    height: 100vh;
    transform-origin: center left
}

@media only screen and (min-width:768px) {
    [data-sliding-drawer-position=left].sliding-drawer {
        width: initial
    }
}

[data-sliding-drawer-position=left].sliding-drawer--slide-in {
    animation-name: slideInFromLeft
}

[data-sliding-drawer-position=left].sliding-drawer--slide-out {
    animation-name: slideOutToLeft
}

[data-sliding-drawer-position=left]::after {
    right: -120%
}

.sliding-drawer--advanced-filter {
    z-index: 900
}

.sliding-drawer--advanced-filter+.sliding-drawer__backdrop {
    z-index: 898
}

.sliding-drawer--newsletters {
    z-index: 110
}

.sliding-drawer--newsletters+.sliding-drawer__backdrop {
    z-index: 108
}

.sliding-drawer--save-article {
    z-index: 250
}

.sliding-drawer--save-article+.sliding-drawer__backdrop {
    z-index: 248
}

.sliding-drawer {
    padding: 1rem 0;
    background-color: #cce4f2;
    box-shadow: 0 -2px 4px 0 rgba(202, 202, 202, .8);
    will-change: transform, opacity;
    opacity: 0;
    animation-duration: .6s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: both
}

.sliding-drawer:not(.sliding-drawer--no-fixed) {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%
}

.sliding-drawer.sliding-drawer--slide-in+.sliding-drawer__backdrop {
    display: block
}

@media (prefers-reduced-motion:reduce) {

    .sliding-drawer .sliding-drawer--slide-in,
    .sliding-drawer .sliding-drawer--slide-out {
        animation-name: none
    }

    .sliding-drawer[data-sliding-drawer-position=bottom].sliding-drawer--slide-in {
        opacity: 1;
        transform: translateY(0)
    }

    .sliding-drawer[data-sliding-drawer-position=bottom].sliding-drawer--slide-out {
        opacity: 0;
        transform: translateY(-150%)
    }

    .sliding-drawer[data-sliding-drawer-position=left].sliding-drawer--slide-in {
        opacity: 1;
        transform: translateX(0)
    }

    .sliding-drawer[data-sliding-drawer-position=left].sliding-drawer--slide-out {
        opacity: 0;
        transform: translateX(-120%)
    }
}

.sliding-drawer .form-container__count--error,
.sliding-drawer .form-container__field--error,
.sliding-drawer .form-container__message--error {
    color: #a40410
}

.sliding-drawer__close {
    position: absolute;
    padding: .5rem;
    top: .5rem;
    right: .5rem
}

.sliding-drawer__backdrop {
    background-color: rgba(0, 0, 0, .4);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    display: none
}

.popover {
    display: inline
}

.popover__trigger {
    cursor: pointer
}

.popover__icon--info {
    vertical-align: middle
}

.popover__content {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px 0 #ddd;
    z-index: 1
}

.popover__content__tail {
    width: 1.1875rem;
    height: 1.1875rem;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    position: absolute
}

.popover__content__wrapper {
    display: flex;
    align-items: baseline;
    padding: .5rem
}

.popover__content__wrapper .popover__content__text {
    padding: .1875rem;
    margin-right: .8125rem;
    font-family: Roboto, Roboto-fb, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    color: #555;
    line-height: 1rem
}

.popover__content__wrapper .popover__content__close {
    position: relative;
    z-index: 10
}

.popover__content__wrapper .popover__content__close .icon--close {
    pointer-events: none
}

.popover__content__wrapper.popover__content__wrapper--no-close .popover__content__text {
    margin-right: 0
}

.slider {
    position: relative;
    width: 2.5rem;
    height: 1.375rem;
    margin: 0 1rem
}

.slider input {
    margin: 0;
    width: 0;
    height: 0;
    opacity: 0
}

.slider input+.slider__switch::before {
    transform: translate(0);
    transition: transform .25s
}

.slider input:focus+.slider__switch {
    outline: #005a8c auto .3125rem;
    outline-offset: 0
}

.slider input:checked+.slider__switch::before {
    transform: translate(1.125rem);
    transition: transform .25s
}

.slider .slider__switch {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #555;
    width: 2.5rem;
    height: 1.375rem;
    border-radius: 1.25rem;
    cursor: pointer
}

.slider .slider__switch::before {
    content: "";
    position: relative;
    top: .1875rem;
    left: .1875rem;
    display: block;
    background: #fff;
    width: 1rem;
    height: 1rem;
    border-radius: 100%
}

@media only screen and (min-width:768px) {
    .slider {
        margin: 0 1.5rem
    }
}

.recommendations-welcome-modal {
    top: calc(50% - 11.565rem);
    width: 23.13rem;
    height: 29.38rem;
    background: radial-gradient(51.07% 51.07% at 49.56% 48.93%, #bfdbf2 0, #b3d3ee 92.71%)
}

.recommendations-welcome-modal .modal__header {
    margin-top: 2.1875rem;
    justify-content: center
}

.recommendations-welcome-modal .modal__header .modal__title {
    font-family: "Roboto Condensed", "Roboto Condensed-fb", Helvetica, Arial, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
    text-decoration: none
}

.recommendations-welcome-modal .modal__body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 0 .625rem
}

.recommendations-welcome-modal .modal__body img {
    margin: 1rem 0
}

.rating-circular {
    width: 6rem;
    height: 6rem;
    max-height: 6rem;
    max-width: 6rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: .1875rem solid #eee;
    border-radius: 50%
}

.rating-circular__rating {
    color: #005a8c;
    font-size: 2rem;
    font-weight: 700;
    line-height: .8
}

.rating-circular__out-of {
    font-size: .8125rem
}

.rating-dots {
    padding: 1rem 0;
    text-align: center;
    display: flex;
    justify-content: space-between
}

.rating-dots:not(:last-of-type) {
    border-bottom: 1px solid #d9d9d9
}

.rating-dots__name {
    font-weight: 700;
    text-align: left;
    min-width: 12rem
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    .rating-dots__name {
        min-width: 10.06rem;
        max-width: 10.06rem
    }
}

.rating-dots__rate {
    font-weight: 700
}

.rating-dots__out-of {
    font-weight: 700;
    color: #666
}

.rating-dots__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 9rem
}

.rating-dots__wrapper--visual {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center
}

.rating-dots__dot {
    background-color: #aaa;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    margin: 0 .25rem 0 0
}

.rating-dots__dot--filled {
    background-color: #005a8c
}

.rating-dots__dot--half-filled {
    background-color: #005a8c;
    width: .4375rem;
    border-radius: .625rem 0 0 .625rem;
    margin-right: .6875rem
}

.rating-dots__dot--half-filled::after {
    content: "";
    display: block;
    position: relative;
    left: .4375rem;
    width: .4375rem;
    height: .875rem;
    border-radius: 0 .625rem .625rem 0;
    background-color: #aaa
}

.save-article-button {
    height: 1.5625rem;
    width: 1rem;
    display: block;
    background-color: transparent;
    float: right
}

.save-article-button--default {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/save-article-buttons/save-article-button--default.svg);
    cursor: pointer;
    margin: unset;
    background-repeat: unset
}

.save-article-button--default::before {
    content: "";
    position: unset;
    width: unset;
    display: unset;
    right: unset;
    color: #414699;
    font-weight: 700;
    padding-top: unset;
    text-decoration: none
}

.save-article-button--active {
    background-image: url(https://dcs-static.gprod.postmedia.digital/19.1.5/websites/images/save-article-buttons/save-article-button--active.svg);
    cursor: pointer;
    margin: unset;
    background-repeat: unset
}

.save-article-button--active::before {
    content: "";
    position: unset;
    width: unset;
    display: unset;
    right: unset;
    color: #191919;
    font-weight: 700;
    padding-top: unset;
    text-decoration: none
}

.article-meta__bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.article-card__bookmark {
    display: flex;
    margin-top: 1.0625rem
}

@media only screen and (min-width:420px) {
    .article-card__bookmark {
        margin-top: .5625rem
    }
}

.article-card__bookmark .bookmark-wrapper {
    position: relative
}

.article-card__bookmark .popover__content {
    right: 2rem;
    bottom: 0;
    border-radius: .25rem
}

.article-card__bookmark .popover__content__tail {
    right: -.625rem;
    top: 2.75rem;
    transform: rotate(135deg)
}

.bookmark-wrapper {
    margin-left: auto
}

.bookmark-wrapper button:focus {
    outline-style: none
}

.bookmark-wrapper button:focus-visible {
    outline-style: auto;
    outline-width: 5px;
    outline-color: #005a8c
}

.bookmark-button:has(.save-article-button--default) {
    width: unset;
    border: none;
    border-radius: 0;
    background-color: transparent
}

.bookmark-button:has(.save-article-button--default):focus .save-article-button--default::before,
.bookmark-button:has(.save-article-button--default):hover .save-article-button--default::before {
    color: #191919;
    text-decoration: underline
}

.bookmark-button:has(.save-article-button--active) {
    width: unset;
    border: none;
    border-radius: 0;
    background-color: transparent
}

.bookmark-button:has(.save-article-button--active):focus .save-article-button--active::before,
.bookmark-button:has(.save-article-button--active):hover .save-article-button--active::before {
    text-decoration: underline
}

.bookmark__popover__content {
    width: 12.5rem;
    padding: 0 .3125rem;
    font-size: .8125rem;
    line-height: 1.25
}

.bookmark__popover__content .bookmark-link {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
    color: #005a8c;
    text-decoration: none
}

.message-box--error {
    position: relative;
    flex-basis: 100%;
    margin-top: .625rem;
    z-index: 1;
    padding: .3125rem .625rem;
    background-color: #fff;
    border: 1.5px solid #950000;
    box-shadow: 0 8px 4px 0 rgba(171, 190, 209, .25);
    color: #950000;
    font-weight: 700
}

.save-article__drawer {
    background: #fff;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem
}

.save-article__drawer-message {
    padding: 1.25rem 0
}

.cta-link {
    display: flex;
    justify-content: center
}

.cta-link .subscribe-btn {
    min-width: 16.25rem
}

.save-article__banner-headline {
    font-size: 1.125rem
}

@media only screen and (min-width:420px) {
    .save-article__banner-headline {
        font-size: 2rem
    }
}

.save-article__banner-description,
.save-article__banner-headline {
    text-align: center;
    padding: .625rem 2rem
}