@font-face {
    font-display: swap;
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 300;
    src:
        url("fonts/public-sans-latin-300-normal.woff2")
            format(
                "woff2"
            ),
        url("fonts/public-sans-latin-300-normal.woff")
            format(
                "woff"
            );
}
@font-face {
    font-display: swap;
    font-family: "Public Sans";
    font-style: italic;
    font-weight: 300;
    src:
        url("fonts/public-sans-latin-300-italic.woff2")
            format(
                "woff2"
            ),
        url("fonts/public-sans-latin-300-italic.woff")
            format(
                "woff"
            );
}
@font-face {
    font-display: swap;
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 600;
    src:
        url("fonts/public-sans-latin-600-normal.woff2")
            format(
                "woff2"
            ),
        url("fonts/public-sans-latin-600-normal.woff")
            format(
                "woff"
            );
}
@font-face {
    font-display: swap;
    font-family: "Public Sans";
    font-style: italic;
    font-weight: 600;
    src:
        url("fonts/public-sans-latin-600-italic.woff2")
            format(
                "woff2"
            ),
        url("fonts/public-sans-latin-600-italic.woff")
            format(
                "woff"
            );
}
@font-face {
    font-display: swap;
    font-family: "Public Sans";
    font-style: normal;
    font-weight: 700;
    src:
        url("fonts/public-sans-latin-700-normal.woff2")
            format(
                "woff2"
            ),
        url("fonts/public-sans-latin-700-normal.woff")
            format(
                "woff"
            );
}
@font-face {
    font-display: swap;
    font-family: "Public Sans";
    font-style: italic;
    font-weight: 700;
    src:
        url("fonts/public-sans-latin-700-italic.woff2")
            format(
                "woff2"
            ),
        url("fonts/public-sans-latin-700-italic.woff")
            format(
                "woff"
            );
}
body {
    --white: #fff;
    --white-30: rgb(
        255
            255
            255 /
            30%
    );
    --black: #000;
    --error-red: #db4141;
    --dark-blue: #292d4d;
    --dark-blue-10: rgb(
        41
            45
            77 /
            10%
    );
    --dark-blue-30: rgb(
        41
            45
            77 /
            30%
    );
    --dark-blue-50: rgb(
        41
            45
            77 /
            50%
    );
    --blue: #204cb5;
    --light-blue: #e8edf8;
    --red: #e93223;
    --light-red: #fdeae7;
    --black-gradient: linear-gradient(
        to
            bottom,
        rgb(
            0
                0
                0 /
                0%
        ),
        rgb(
            0
                0
                0 /
                100%
        )
    );
    --sans:
        "Public Sans",
        Arial,
        Helvetica,
        sans-serif;
    --serif:
        "Noe Display",
        Georgia,
        "Times New Roman",
        serif;
    --logo-ratio: (
        166 /
            42
    );
    --logo-width: 166px;
    --logo-height: calc(
        var(
                --logo-width
            ) /
            var(
                --logo-ratio
            )
    );
    --header-pad-y: 20px;
    --header-height: 120px;
    --default-text-color: var(
        --dark-blue
    );
    --global-line-height: 1.5em;
}
body.page-audio {
    --theme-primary: var(
        --red
    );
    --theme-secondary: var(
        --light-red
    );
}
body.page-video,
body.page-article {
    --theme-primary: var(
        --blue
    );
    --theme-secondary: var(
        --light-blue
    );
}
@media all and (min-width: 0) and (max-width: 767px) {
    body {
        --gutter: 15px;
        --global-font-size: 14px;
    }
}
@media all and (min-width: 768px) and (max-width: 1259px) {
    body {
        --gutter: 40px;
    }
}
@media all and (min-width: 768px) {
    body {
        --global-font-size: 16px;
    }
}
@media all and (min-width: 1260px) {
    body {
        --gutter: 80px;
    }
}
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
*:focus {
    outline: none;
}
ul,
ol,
li {
    list-style: none;
}
address {
    font-style: normal;
}
#container
    .mar-b-0 {
    margin-bottom: 0;
}
.mar-l-5 {
    margin-left: 5px;
}
.mar-r-5 {
    margin-right: 5px;
}
.mar-t-5 {
    margin-top: 5px;
}
.mar-b-5 {
    margin-bottom: 5px;
}
.mar-l-10 {
    margin-left: 10px;
}
.mar-r-10 {
    margin-right: 10px;
}
.mar-t-10 {
    margin-top: 10px;
}
.mar-b-10 {
    margin-bottom: 10px;
}
.mar-l-15 {
    margin-left: 15px;
}
.mar-r-15 {
    margin-right: 15px;
}
.mar-t-15 {
    margin-top: 15px;
}
.mar-b-15 {
    margin-bottom: 15px;
}
.mar-l-20 {
    margin-left: 20px;
}
.mar-r-20 {
    margin-right: 20px;
}
.mar-t-20 {
    margin-top: 20px;
}
.mar-b-20 {
    margin-bottom: 20px;
}
.mar-l-30 {
    margin-left: 30px;
}
.mar-r-30 {
    margin-right: 30px;
}
.mar-t-30 {
    margin-top: 30px;
}
.mar-b-30 {
    margin-bottom: 30px;
}
.mar-l-40 {
    margin-left: 40px;
}
.mar-r-40 {
    margin-right: 40px;
}
.mar-t-40 {
    margin-top: 40px;
}
.mar-b-40 {
    margin-bottom: 40px;
}
.mar-t-60 {
    margin-top: 60px;
}
.mar-b-60 {
    margin-bottom: 60px;
}
.mar-auto {
    margin-left: auto;
    margin-right: auto;
}
.mar-v-auto {
    margin-bottom: auto;
    margin-top: auto;
}
.mar-l-neg,
.mar-neg {
    margin-left: calc(
        -1 *
            var(
                --gutter
            )
    );
}
.mar-r-neg,
.mar-neg {
    margin-right: calc(
        -1 *
            var(
                --gutter
            )
    );
}
@media all and (min-width: 0) and (max-width: 767px) {
    .mar-t-80,
    .mar-t-100 {
        margin-top: 60px;
    }
    .mar-b-80,
    .mar-b-100 {
        margin-bottom: 60px;
    }
    .mar-t-section {
        margin-top: 80px;
    }
    .mar-b-section {
        margin-bottom: 80px;
    }
}
@media all and (min-width: 768px) {
    .mar-t-80 {
        margin-top: 80px;
    }
    .mar-b-80 {
        margin-bottom: 80px;
    }
    .mar-t-100 {
        margin-top: 100px;
    }
    .mar-b-100 {
        margin-bottom: 100px;
    }
    .mar-t-section {
        margin-top: 150px;
    }
    .mar-b-section {
        margin-bottom: 150px;
    }
    .mar-x-0-sm {
        margin-left: 0;
        margin-right: 0;
    }
    .mar-l-0-sm {
        margin-left: 0;
    }
    .mar-r-0-sm {
        margin-right: 0;
    }
}
@media all and (min-width: 1024px) {
    .mar-x-0-md {
        margin-left: 0;
        margin-right: 0;
    }
    .mar-l-0-md {
        margin-left: 0;
    }
    .mar-r-0-md {
        margin-right: 0;
    }
}
.pad-l-5 {
    padding-left: 5px;
}
.pad-r-5 {
    padding-right: 5px;
}
.pad-t-5 {
    padding-top: 5px;
}
.pad-b-5 {
    padding-bottom: 5px;
}
.pad-l-10 {
    padding-left: 10px;
}
.pad-r-10 {
    padding-right: 10px;
}
.pad-t-10 {
    padding-top: 10px;
}
.pad-b-10 {
    padding-bottom: 10px;
}
.pad-10 {
    padding: 10px;
}
.pad-l-15 {
    padding-left: 15px;
}
.pad-r-15 {
    padding-right: 15px;
}
.pad-t-15 {
    padding-top: 15px;
}
.pad-b-15 {
    padding-bottom: 15px;
}
.pad-15 {
    padding: 15px;
}
.pad-l-20 {
    padding-left: 20px;
}
.pad-r-20 {
    padding-right: 20px;
}
.pad-t-20 {
    padding-top: 20px;
}
.pad-b-20 {
    padding-bottom: 20px;
}
.pad-20 {
    padding: 20px;
}
.pad-l-30 {
    padding-left: 30px;
}
.pad-r-30 {
    padding-right: 30px;
}
.pad-t-30 {
    padding-top: 30px;
}
.pad-b-30 {
    padding-bottom: 30px;
}
.pad-30 {
    padding: 30px;
}
.pad-l-40 {
    padding-left: 40px;
}
.pad-r-40 {
    padding-right: 40px;
}
.pad-t-40 {
    padding-top: 40px;
}
.pad-b-40 {
    padding-bottom: 40px;
}
.pad-40 {
    padding: 40px;
}
.pad-l-60 {
    padding-left: 60px;
}
.pad-r-60 {
    padding-right: 60px;
}
.pad-t-60 {
    padding-top: 60px;
}
.pad-b-60 {
    padding-bottom: 60px;
}
.pad-60 {
    padding: 60px;
}
@media all and (min-width: 0) and (max-width: 767px) {
    .pad-b-80,
    .pad-b-100 {
        padding-bottom: 60px;
    }
    .pad-t-80,
    .pad-t-100 {
        padding-top: 60px;
    }
    .pad-t-section {
        padding-top: 80px;
    }
    .pad-b-section {
        padding-bottom: 80px;
    }
    .box-pad-small,
    .box-pad-big {
        padding: 20px
            var(
                --gutter
            );
    }
}
@media all and (min-width: 768px) {
    .pad-t-80 {
        padding-top: 80px;
    }
    .pad-b-80 {
        padding-bottom: 80px;
    }
    .pad-t-100 {
        padding-top: 100px;
    }
    .pad-b-100 {
        padding-bottom: 100px;
    }
    .pad-t-section {
        padding-top: 150px;
    }
    .pad-b-section {
        padding-bottom: 150px;
    }
    .box-pad-small {
        padding: 40px;
    }
    .box-pad-big {
        padding: 80px;
    }
}
.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    width: calc(
        100% -var(--gutter) * 2
    );
}
.wrapper.no-cntr {
    margin-left: 0;
    margin-right: 0;
}
.grid {
    column-gap: 6%;
    display: grid;
    grid-template-columns: repeat(
        12,
        1fr
    );
    row-gap: 2.5rem;
}
.grid.no-gap {
    gap: 0;
}
.grid.gap-20 {
    gap: 20px;
}
.grid.no-c-gap {
    column-gap: 0;
}
.grid.less-c-gap {
    column-gap: 3%;
}
.grid.no-r-gap {
    row-gap: 0;
}
.grid.less-r-gap {
    row-gap: 1.5rem;
}
.grid.align-s {
    align-items: start;
}
.grid.align-c {
    align-items: center;
}
.grid.align-e {
    align-items: end;
}
.grid.jstfy-s {
    justify-items: start;
}
.grid.jstfy-c {
    justify-items: center;
}
.grid.jstfy-e {
    justify-items: end;
}
.grid
    > * {
    grid-column: span
        var(
            --cols
        );
}
.grid
    > *.right {
    grid-column: calc(
            -1 *
                (
                    1 +
                        var(
                            --cols
                        )
                )
        ) /
        span
        var(
            --cols
        );
}
.grid
    > .col-1 {
    --cols: 1;
}
.grid
    > .col-2 {
    --cols: 2;
}
.grid
    > .col-3 {
    --cols: 3;
}
.grid
    > .col-4 {
    --cols: 4;
}
.grid
    > .col-5 {
    --cols: 5;
}
.grid
    > .col-6 {
    --cols: 6;
}
.grid
    > .col-7 {
    --cols: 7;
}
.grid
    > .col-8 {
    --cols: 8;
}
.grid
    > .col-9 {
    --cols: 9;
}
.grid
    > .col-10 {
    --cols: 10;
}
.grid
    > .col-11 {
    --cols: 11;
}
.grid
    > .col-12 {
    --cols: 12;
}
.grid
    > .col-12.overlap {
    grid-column: 1 /
        span
        12;
    grid-row: 1;
}
@media all and (min-width: 375px) {
    .grid
        > .col-1-xxs {
        --cols: 1;
    }
    .grid
        > .col-2-xxs {
        --cols: 2;
    }
    .grid
        > .col-3-xxs {
        --cols: 3;
    }
    .grid
        > .col-4-xxs {
        --cols: 4;
    }
    .grid
        > .col-5-xxs {
        --cols: 5;
    }
    .grid
        > .col-6-xxs {
        --cols: 6;
    }
    .grid
        > .col-7-xxs {
        --cols: 7;
    }
    .grid
        > .col-8-xxs {
        --cols: 8;
    }
    .grid
        > .col-9-xxs {
        --cols: 9;
    }
    .grid
        > .col-10-xxs {
        --cols: 10;
    }
    .grid
        > .col-11-xxs {
        --cols: 11;
    }
    .grid
        > .col-12-xxs {
        --cols: 12;
    }
    .grid
        > .first-xxs {
        order: -1;
    }
    .grid
        > .last-xxs {
        order: 13;
    }
}
@media all and (min-width: 600px) {
    .grid
        > .col-1-xs {
        --cols: 1;
    }
    .grid
        > .col-2-xs {
        --cols: 2;
    }
    .grid
        > .col-3-xs {
        --cols: 3;
    }
    .grid
        > .col-4-xs {
        --cols: 4;
    }
    .grid
        > .col-5-xs {
        --cols: 5;
    }
    .grid
        > .col-6-xs {
        --cols: 6;
    }
    .grid
        > .col-7-xs {
        --cols: 7;
    }
    .grid
        > .col-8-xs {
        --cols: 8;
    }
    .grid
        > .col-9-xs {
        --cols: 9;
    }
    .grid
        > .col-10-xs {
        --cols: 10;
    }
    .grid
        > .col-11-xs {
        --cols: 11;
    }
    .grid
        > .col-12-xs {
        --cols: 12;
    }
    .grid
        > .first-xs {
        order: -1;
    }
    .grid
        > .last-xs {
        order: 13;
    }
}
@media all and (min-width: 768px) {
    .grid
        > .col-1-sm {
        --cols: 1;
    }
    .grid
        > .col-2-sm {
        --cols: 2;
    }
    .grid
        > .col-3-sm {
        --cols: 3;
    }
    .grid
        > .col-4-sm {
        --cols: 4;
    }
    .grid
        > .col-5-sm {
        --cols: 5;
    }
    .grid
        > .col-6-sm {
        --cols: 6;
    }
    .grid
        > .col-7-sm {
        --cols: 7;
    }
    .grid
        > .col-8-sm {
        --cols: 8;
    }
    .grid
        > .col-9-sm {
        --cols: 9;
    }
    .grid
        > .col-10-sm {
        --cols: 10;
    }
    .grid
        > .col-11-sm {
        --cols: 11;
    }
    .grid
        > .col-12-sm {
        --cols: 12;
    }
    .grid
        > .first-sm {
        order: -1;
    }
    .grid
        > .last-sm {
        order: 13;
    }
}
@media all and (min-width: 1024px) {
    .grid
        > .r-span-2-md {
        grid-row: span
            2;
    }
    .grid
        > .align-e-md {
        align-self: end;
    }
    .grid
        > .col-1-md {
        --cols: 1;
    }
    .grid
        > .col-2-md {
        --cols: 2;
    }
    .grid
        > .col-3-md {
        --cols: 3;
    }
    .grid
        > .col-4-md {
        --cols: 4;
    }
    .grid
        > .col-5-md {
        --cols: 5;
    }
    .grid
        > .col-6-md {
        --cols: 6;
    }
    .grid
        > .col-7-md {
        --cols: 7;
    }
    .grid
        > .col-8-md {
        --cols: 8;
    }
    .grid
        > .col-9-md {
        --cols: 9;
    }
    .grid
        > .col-10-md {
        --cols: 10;
    }
    .grid
        > .col-11-md {
        --cols: 11;
    }
    .grid
        > .col-12-md {
        --cols: 12;
    }
    .grid
        > .first-md {
        order: -1;
    }
    .grid
        > .last-md {
        order: 13;
    }
}
@media all and (min-width: 1260px) {
    .grid
        > .col-1-lg {
        --cols: 1;
    }
    .grid
        > .col-2-lg {
        --cols: 2;
    }
    .grid
        > .col-3-lg {
        --cols: 3;
    }
    .grid
        > .col-4-lg {
        --cols: 4;
    }
    .grid
        > .col-5-lg {
        --cols: 5;
    }
    .grid
        > .col-6-lg {
        --cols: 6;
    }
    .grid
        > .col-7-lg {
        --cols: 7;
    }
    .grid
        > .col-8-lg {
        --cols: 8;
    }
    .grid
        > .col-9-lg {
        --cols: 9;
    }
    .grid
        > .col-10-lg {
        --cols: 10;
    }
    .grid
        > .col-11-lg {
        --cols: 11;
    }
    .grid
        > .col-12-lg {
        --cols: 12;
    }
    .grid
        > .first-lg {
        order: -1;
    }
    .grid
        > .last-lg {
        order: 13;
    }
}
@media all and (min-width: 1420px) {
    .grid
        > .col-1-xl {
        --cols: 1;
    }
    .grid
        > .col-2-xl {
        --cols: 2;
    }
    .grid
        > .col-3-xl {
        --cols: 3;
    }
    .grid
        > .col-4-xl {
        --cols: 4;
    }
    .grid
        > .col-5-xl {
        --cols: 5;
    }
    .grid
        > .col-6-xl {
        --cols: 6;
    }
    .grid
        > .col-7-xl {
        --cols: 7;
    }
    .grid
        > .col-8-xl {
        --cols: 8;
    }
    .grid
        > .col-9-xl {
        --cols: 9;
    }
    .grid
        > .col-10-xl {
        --cols: 10;
    }
    .grid
        > .col-11-xl {
        --cols: 11;
    }
    .grid
        > .col-12-xl {
        --cols: 12;
    }
    .grid
        > .first-xl {
        order: -1;
    }
    .grid
        > .last-xl {
        order: 13;
    }
}
.flex.gap-5,
.flex-xxs.gap-5,
.flex-xs.gap-5,
.flex-sm.gap-5,
.flex-md.gap-5,
.flex-lg.gap-5,
.flex-xl.gap-5 {
    gap: 5px;
}
.flex.gap-10,
.flex-xxs.gap-10,
.flex-xs.gap-10,
.flex-sm.gap-10,
.flex-md.gap-10,
.flex-lg.gap-10,
.flex-xl.gap-10 {
    gap: 10px;
}
.flex.gap-15,
.flex-xxs.gap-15,
.flex-xs.gap-15,
.flex-sm.gap-15,
.flex-md.gap-15,
.flex-lg.gap-15,
.flex-xl.gap-15 {
    gap: 15px;
}
.flex.gap-20,
.flex-xxs.gap-20,
.flex-xs.gap-20,
.flex-sm.gap-20,
.flex-md.gap-20,
.flex-lg.gap-20,
.flex-xl.gap-20 {
    gap: 20px;
}
.flex.column,
.flex-xxs.column,
.flex-xs.column,
.flex-sm.column,
.flex-md.column,
.flex-lg.column,
.flex-xl.column {
    flex-direction: column;
}
.flex.wrap,
.flex-xxs.wrap,
.flex-xs.wrap,
.flex-sm.wrap,
.flex-md.wrap,
.flex-lg.wrap,
.flex-xl.wrap {
    flex-wrap: wrap;
}
.flex.align-s,
.flex-xxs.align-s,
.flex-xs.align-s,
.flex-sm.align-s,
.flex-md.align-s,
.flex-lg.align-s,
.flex-xl.align-s {
    align-items: flex-start;
}
.flex.align-c,
.flex-xxs.align-c,
.flex-xs.align-c,
.flex-sm.align-c,
.flex-md.align-c,
.flex-lg.align-c,
.flex-xl.align-c {
    align-items: center;
}
.flex.align-e,
.flex-xxs.align-e,
.flex-xs.align-e,
.flex-sm.align-e,
.flex-md.align-e,
.flex-lg.align-e,
.flex-xl.align-e {
    align-items: flex-end;
}
.flex.baseline,
.flex-xxs.baseline,
.flex-xs.baseline,
.flex-sm.baseline,
.flex-md.baseline,
.flex-lg.baseline,
.flex-xl.baseline {
    align-items: baseline;
}
.flex.jstfy-s,
.flex-xxs.jstfy-s,
.flex-xs.jstfy-s,
.flex-sm.jstfy-s,
.flex-md.jstfy-s,
.flex-lg.jstfy-s,
.flex-xl.jstfy-s {
    justify-content: flex-start;
}
.flex.jstfy-c,
.flex-xxs.jstfy-c,
.flex-xs.jstfy-c,
.flex-sm.jstfy-c,
.flex-md.jstfy-c,
.flex-lg.jstfy-c,
.flex-xl.jstfy-c {
    justify-content: center;
}
.flex.jstfy-e,
.flex-xxs.jstfy-e,
.flex-xs.jstfy-e,
.flex-sm.jstfy-e,
.flex-md.jstfy-e,
.flex-lg.jstfy-e,
.flex-xl.jstfy-e {
    justify-content: flex-end;
}
.flex.spc-arnd,
.flex-xxs.spc-arnd,
.flex-xs.spc-arnd,
.flex-sm.spc-arnd,
.flex-md.spc-arnd,
.flex-lg.spc-arnd,
.flex-xl.spc-arnd {
    justify-content: space-around;
}
.flex.spc-btwn,
.flex-xxs.spc-btwn,
.flex-xs.spc-btwn,
.flex-sm.spc-btwn,
.flex-md.spc-btwn,
.flex-lg.spc-btwn,
.flex-xl.spc-btwn {
    justify-content: space-between;
}
.flex.spc-even,
.flex-xxs.spc-even,
.flex-xs.spc-even,
.flex-sm.spc-even,
.flex-md.spc-even,
.flex-lg.spc-even,
.flex-xl.spc-even {
    justify-content: space-evenly;
}
.flex
    .grow,
.flex-xxs
    .grow,
.flex-xs
    .grow,
.flex-sm
    .grow,
.flex-md
    .grow,
.flex-lg
    .grow,
.flex-xl
    .grow {
    flex-grow: 1;
}
.flex
    .no-shrink,
.flex-xxs
    .no-shrink,
.flex-xs
    .no-shrink,
.flex-sm
    .no-shrink,
.flex-md
    .no-shrink,
.flex-lg
    .no-shrink,
.flex-xl
    .no-shrink {
    flex-shrink: 0;
}
.flex
    .first,
.flex-xxs
    .first,
.flex-xs
    .first,
.flex-sm
    .first,
.flex-md
    .first,
.flex-lg
    .first,
.flex-xl
    .first {
    order: -1;
}
.flex
    .last,
.flex-xxs
    .last,
.flex-xs
    .last,
.flex-sm
    .last,
.flex-md
    .last,
.flex-lg
    .last,
.flex-xl
    .last {
    order: 99;
}
@media all and (min-width: 768px) {
    .flex.row-sm {
        flex-direction: row;
    }
    .flex
        > .last-sm {
        order: 99;
    }
}
.white {
    color: var(
        --white
    );
}
.black {
    color: var(
        --black
    );
}
.error-red {
    color: var(
        --error-red
    );
}
.blue {
    color: var(
        --blue
    );
}
.light-blue {
    color: var(
        --light-blue
    );
}
.red {
    color: var(
        --red
    );
}
.light-red {
    color: var(
        --light-red
    );
}
.dark-blue {
    color: var(
        --dark-blue
    );
}
.dark-blue-50 {
    color: var(
        --dark-blue-50
    );
}
.theme-primary {
    color: var(
        --theme-primary
    );
}
.bg-black {
    background-color: var(
        --black
    );
}
.bg-white {
    background-color: var(
        --white
    );
}
.bg-dark-blue {
    background-color: var(
        --dark-blue
    );
}
.bg-blue {
    background-color: var(
        --blue
    );
}
.bg-light-blue {
    background-color: var(
        --light-blue
    );
}
.bg-red {
    background-color: var(
        --red
    );
}
.bg-light-red {
    background-color: var(
        --light-red
    );
}
.bg-theme-primary {
    background-color: var(
        --theme-primary
    );
}
.bg-theme-secondary {
    background-color: var(
        --theme-secondary
    );
}
.bdr-t-white {
    border-top: 0.5px
        solid
        var(
            --white
        );
}
.bdr-b-white {
    border-bottom: 0.5px
        solid
        var(
            --white
        );
}
.bdr-b-dark-blue {
    border-bottom: 0.5px
        solid
        var(
            --dark-blue
        );
}
.bdr-t-dark-blue {
    border-top: 0.5px
        solid
        var(
            --dark-blue
        );
}
.bdr-b-dark-blue-30 {
    border-bottom: 0.5px
        solid
        var(
            --dark-blue-30
        );
}
.bdr-t-dark-blue-30 {
    border-top: 0.5px
        solid
        var(
            --dark-blue-30
        );
}
.bdr-b-white-30 {
    border-bottom: 0.5px
        solid
        var(
            --white-30
        );
}
#container
    .invalid {
    border-color: var(
        --error-red
    );
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: var(
        --global-font-size
    );
}
html,
body {
    color: var(
        --default-text-color
    );
    font-family: var(
        --sans
    );
    font-weight: 300;
    letter-spacing: 0.02em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    line-height: 1.2em;
}
.serif {
    font-family: var(
        --serif
    );
    font-weight: 400;
    letter-spacing: 0;
}
.bold {
    font-weight: 700;
}
.semibold {
    font-weight: 600;
}
.italic {
    font-style: italic;
}
p,
address {
    line-height: var(
        --global-line-height
    );
}
p:not(
    :last-child
),
address:not(
    :last-child
) {
    margin-bottom: 1em;
}
.big-title,
.med-title,
.small-title,
.smaller-title,
.tiny-title {
    margin-bottom: 1em;
}
.big-title.less-mar,
.med-title.less-mar,
.small-title.less-mar,
.smaller-title.less-mar,
.tiny-title.less-mar {
    margin-bottom: 0.4em;
}
.big-title.bdr-b-dark-blue,
.med-title.bdr-b-dark-blue,
.small-title.bdr-b-dark-blue,
.smaller-title.bdr-b-dark-blue,
.tiny-title.bdr-b-dark-blue {
    padding-bottom: 0.6em;
}
.big-title.bdr-t-dark-blue,
.med-title.bdr-t-dark-blue,
.small-title.bdr-t-dark-blue,
.smaller-title.bdr-t-dark-blue,
.tiny-title.bdr-t-dark-blue {
    padding-top: 0.6em;
}
.big-title.bdr-b-white,
.med-title.bdr-b-white,
.small-title.bdr-b-white,
.smaller-title.bdr-b-white,
.tiny-title.bdr-b-white {
    padding-bottom: 0.6em;
}
.big-title.bdr-t-white,
.med-title.bdr-t-white,
.small-title.bdr-t-white,
.smaller-title.bdr-t-white,
.tiny-title.bdr-t-white {
    padding-top: 0.6em;
}
.big-title.has-quote
    svg,
.med-title.has-quote
    svg,
.small-title.has-quote
    svg,
.smaller-title.has-quote
    svg,
.tiny-title.has-quote
    svg {
    display: inline-block;
    width: 1em;
}
.big-title {
    line-height: 0.9em;
}
.med-title,
.small-title,
.smaller-title,
.tiny-title {
    line-height: 1.2em;
}
.huge-text {
    font-size: 80px;
    line-height: 1em;
}
.huge-text.bdr-b-dark-blue {
    margin-bottom: 0.3em;
    padding-bottom: 0.2em;
}
.huge-text.first-char {
    float: left;
    font-size: 5em;
    line-height: 0.6em;
    padding: 0.25em
        0.25em
        0
        0;
}
.popular-number {
    flex: 0
        0
        40px;
    font-size: 40px;
    line-height: 1em;
}
.small {
    font-size: 12px;
}
.tiny {
    font-size: 10px;
}
.mw-less {
    max-width: 24em;
}
.mw {
    max-width: 36em;
}
.mw-more {
    max-width: 48em;
}
.cms
    blockquote {
    border-bottom: 0.5px
        solid
        var(
            --dark-blue
        );
    border-top: 0.5px
        solid
        var(
            --dark-blue
        );
    color: var(
        --red
    );
    font-family: var(
        --serif
    );
    font-weight: 700;
    padding: 1em
        0
        1em
        calc(
            var(
                    --quote-width
                ) +
                1em
        );
    position: relative;
}
.cms
    blockquote::before {
    background: url("images/quote.svg")
        no-repeat;
    background-size: contain;
    content: "";
    height: var(
        --quote-height
    );
    left: 0;
    position: absolute;
    top: 1em;
    width: var(
        --quote-width
    );
}
.cms
    blockquote:not(
        :first-child
    ) {
    margin-top: 1.5em;
}
.cms
    blockquote:not(
        :last-child
    ) {
    margin-bottom: 1.5em;
}
.cms
    blockquote
    p {
    line-height: 1.2em;
}
.cms
    h3 {
    font-weight: 700;
}
.cms
    h3:not(
        :first-child
    ) {
    margin-top: 1.5em;
}
.cms
    h3:not(
        :last-child
    ) {
    margin-bottom: 0.8em;
}
.cms
    ul:not(
        :last-child
    ),
.cms
    ol:not(
        :last-child
    ) {
    margin-bottom: 1em;
}
.cms
    ul
    li,
.cms
    ol
    li {
    line-height: var(
        --global-line-height
    );
    position: relative;
}
.cms
    ul
    li {
    padding-left: 26px;
}
.cms
    ul
    li::before {
    background: var(
        --default-text-color
    );
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    top: calc(
        var(
                --global-line-height
            ) /
            2
    );
    transform: translateY(
        -50%
    );
    width: 6px;
}
.cms
    ol {
    counter-reset: counter;
}
.cms
    ol
    li {
    padding-left: 23px;
}
.cms
    ol
    li::before {
    content: counter(
            counter
        )
        ".";
    counter-increment: counter;
    left: 0;
    position: absolute;
    top: 0;
}
.caps {
    text-transform: uppercase;
}
.text-l {
    text-align: left;
}
.text-r {
    text-align: right;
}
.text-c {
    text-align: center;
}
@media all and (min-width: 0) and (max-width: 767px) {
    .big-title {
        font-size: 26px;
    }
    .med-title {
        font-size: 22px;
    }
    .small-title {
        font-size: 16px;
    }
    .smaller-title,
    .cms
        blockquote {
        font-size: 16px;
    }
    .tiny-title {
        font-size: 14px;
    }
    .cms
        blockquote {
        --quote-width: 27px;
        --quote-height: 21px;
    }
}
@media all and (min-width: 768px) {
    .big-title {
        font-size: 40px;
    }
    .med-title {
        font-size: 32px;
    }
    .small-title {
        font-size: 26px;
    }
    .smaller-title,
    .cms
        blockquote {
        font-size: 22px;
    }
    .tiny-title {
        font-size: 14px;
    }
    .cms
        blockquote {
        --quote-width: 54px;
        --quote-height: 42px;
    }
}
a
    img {
    border: 0;
}
svg {
    display: block;
    height: auto;
    width: 100%;
}
img,
video {
    display: block;
}
img.w-100,
video.w-100 {
    height: auto;
}
img.h-100,
video.h-100 {
    width: auto;
}
img.obj-cvr,
img.obj-cntn,
video.obj-cvr,
video.obj-cntn {
    height: 100%;
    width: 100%;
}
img.obj-cvr,
video.obj-cvr {
    object-fit: cover;
}
img.obj-cntn,
video.obj-cntn {
    object-fit: contain;
}
.iframe-video-wrap::before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}
.iframe-video-wrap
    iframe,
.iframe-video-wrap
    video {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.tiny-thumb,
.small-thumb,
.med-thumb {
    border-radius: 50%;
    height: var(
        --size
    );
    object-fit: cover;
    width: var(
        --size
    );
}
.tiny-thumb {
    --size: 36px;
}
.small-thumb {
    --size: 48px;
}
.med-thumb {
    --size: 80px;
}
.square-tiny {
    width: 60px;
}
.image-overlay {
    z-index: 1;
}
.image-overlay::after {
    background: var(
        --black-gradient
    );
    bottom: 0;
    content: "";
    height: 80px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}
.play-btn {
    color: var(
        --theme-primary
    );
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(
        --size
    );
    width: var(
        --size
    );
}
.play-btn.circle {
    background: var(
        --white
    );
    border-radius: 50%;
    position: absolute;
    top: 0;
    z-index: 5;
}
.play-btn.circle
    svg {
    margin-left: calc(
        var(
                --size
            ) *
            0.1
    );
    width: calc(
        var(
                --size
            ) *
            0.4
    );
}
.play-btn.circle
    svg
    path {
    fill: currentColor;
}
.play-btn.circle.centred {
    left: 50%;
    transform: translate(
        -50%,
        -50%
    );
    position: absolute;
}
.play-btn.circle.play-audio {
    left: 0;
}
.play-btn.circle.play-audio.playing
    svg {
    display: none;
}
.play-btn.circle.play-audio.playing::before,
.play-btn.circle.play-audio.playing::after {
    background: var(
        --red
    );
    border: 0;
    border-radius: 4px;
    content: "";
    display: block;
    height: calc(
        var(
                --size
            ) *
            0.4
    );
    position: absolute;
    top: 50%;
    transform: translate(
        -50%,
        -50%
    );
    width: calc(
        var(
                --size
            ) *
            0.1
    );
}
.play-btn.circle.play-audio.playing::before {
    left: 40%;
}
.play-btn.circle.play-audio.playing::after {
    left: 60%;
}
@media all and (min-width: 0) and (max-width: 767px) {
    .play-btn.circle.centred {
        --size: 60px;
    }
}
@media all and (min-width: 768px) {
    .play-btn.circle.centred {
        --size: 100px;
    }
}
button,
input:not(
    [type="file"]
) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
input[type="checkbox"],
input[type="radio"],
button {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled,
button:disabled {
    opacity: 0.3;
}
button {
    display: inline-flex;
    text-align: left;
}
button.block,
button.flex:not(
        .inline
    ) {
    width: 100%;
}
button:not(
    :disabled
) {
    cursor: pointer;
}
.field-wrap
    input.text {
    background-color: rgba(
        0,
        0,
        0,
        0
    );
    border: 0;
    border-bottom: 0.5px
        solid
        var(
            --white
        );
    border-radius: 0;
    color: var(
        --white
    );
    display: block;
    height: 40px;
    padding: 10px
        0;
    width: 100%;
}
.field-wrap
    input.text::placeholder {
    color: var(
        --white
    );
}
.field-wrap
    input.text::-webkit-input-placeholder {
    color: var(
        --white
    );
}
.field-wrap
    input.text::-moz-placeholder {
    color: var(
        --white
    );
}
.field-wrap
    input.text::-ms-input-placeholder {
    color: var(
        --white
    );
}
.subscribe-form
    .field-wrap
    input.text {
    border-bottom: 0;
    height: 30px;
    padding: 5px
        0;
}
a {
    color: var(
        --default-text-color
    );
    text-decoration: none;
}
a.underline {
    text-decoration: underline;
}
a,
button,
.btn {
    transition:
        color
            0.3s,
        background-color
            0.3s,
        border-color
            0.3s,
        opacity
            0.3s;
}
.btn {
    align-items: center;
    border-radius: 18px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    padding: 0
        20px;
    text-align: center;
}
.btn.short {
    border-radius: 14px;
    height: 28px;
    padding: 0
        15px;
}
.btn.bdr-theme-primary {
    border: 1px
        solid
        var(
            --theme-primary
        );
    color: var(
        --theme-primary
    );
}
.btn.bdr-theme-primary.light-hover:hover {
    background-color: var(
        --white
    );
    border-color: var(
        --white
    );
    color: var(
        --dark-blue
    );
}
.btn.bdr-theme-primary.dark-hover:hover {
    background-color: var(
        --theme-primary
    );
    border-color: var(
        --theme-primary
    );
    color: var(
        --white
    );
}
.btn.bg-blue {
    background-color: var(
        --blue
    );
    color: var(
        --white
    );
}
.btn.bg-blue.light-hover:hover {
    background-color: var(
        --white
    );
    color: var(
        --dark-blue
    );
}
.btn.bg-blue.dark-hover:hover {
    background-color: var(
        --dark-blue
    );
    color: var(
        --white
    );
}
.btn.bg-red {
    background-color: var(
        --red
    );
    color: var(
        --white
    );
}
.btn.bg-red.light-hover:hover {
    background-color: var(
        --white
    );
    color: var(
        --dark-blue
    );
}
.btn.bg-red.dark-hover:hover {
    background-color: var(
        --dark-red
    );
    color: var(
        --white
    );
}
.btn.bg-dark-blue {
    background-color: var(
        --dark-blue
    );
    color: var(
        --white
    );
}
.btn.bg-dark-blue.light-hover:hover {
    background-color: var(
        --white
    );
    color: var(
        --dark-blue
    );
}
.btn.bg-dark-blue.dark-hover:hover {
    background-color: var(
        --blue
    );
    color: var(
        --white
    );
}
.btn.bg-white {
    background-color: var(
        --white
    );
    color: var(
        --dark-blue
    );
}
.btn.bg-white.light-hover:hover {
    background-color: var(
        --blue
    );
    color: var(
        --white
    );
}
.btn.bg-white.dark-hover:hover {
    background-color: var(
        --dark-blue
    );
    color: var(
        --white
    );
}
.social-icons {
    --size: 20px;
}
.social-icons
    a {
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 0;
    height: var(
        --size
    );
    width: var(
        --size
    );
}
.social-icons
    a
    svg {
    width: auto;
}
.social-icons
    a
    svg
    path {
    transition: fill
        0.3s;
}
.social-icons
    a:hover
    svg
    path {
    fill: var(
        --white
    );
}
.circle-arrow {
    --size: 30px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    height: var(
        --size
    );
    width: var(
        --size
    );
}
.circle-arrow.white {
    border: 1px
        solid
        var(
            --white
        );
    border-radius: 50%;
}
.circle-arrow.white
    svg {
    width: 14px;
}
.circle-arrow.white
    svg
    path {
    stroke: var(
        --white
    );
}
.circle-arrow.white:hover {
    background-color: var(
        --white
    );
}
.circle-arrow.white:hover
    svg
    path {
    stroke: var(
        --dark-blue
    );
}
.share-btn {
    background: var(
        --theme-primary
    );
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
}
.share-btn
    svg {
    width: 22px;
}
.share-btn:hover {
    background: var(
        --dark-blue
    );
}
.share-wrap:not(
    .has-api
) {
    display: none;
}
.media-lozenge {
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    gap: 5px;
    height: 20px;
    justify-content: center;
    padding: 0
        10px;
    transition:
        background-color
            0.3s,
        color
            0.3s;
}
.media-lozenge.blue {
    color: var(
        --blue
    );
}
.media-lozenge.blue:hover {
    background-color: var(
        --blue
    );
    color: var(
        --white
    );
}
.media-lozenge.red {
    color: var(
        --red
    );
}
.media-lozenge.red:hover {
    background-color: var(
        --red
    );
    color: var(
        --white
    );
}
.media-lozenge
    svg {
    width: 8px;
}
.media-lozenge
    svg
    path {
    fill: currentColor;
}
.zoom-image
    img {
    transition: transform
        0.6s;
}
.zoom-image:hover
    img {
    transform: scale(
        1.05
    );
}
.post-link
    .title {
    transition: color
        0.3s;
}
.post-link:hover
    .title {
    color: var(
        --blue
    );
}
.home-icon-link
    .title,
.opinion-link
    .title {
    transition: color
        0.3s;
}
.home-icon-link:hover
    .title,
.opinion-link:hover
    .title {
    color: var(
        --red
    );
}
.hidden {
    display: none;
}
.block {
    display: block;
}
.flex {
    display: flex;
}
.flex.inline {
    display: inline-flex;
}
@media all and (min-width: 375px) {
    .hidden-xxs {
        display: none;
    }
    .block-xxs {
        display: block;
    }
    .inline-xxs {
        display: inline;
    }
    .flex-xxs {
        display: flex;
    }
    .flex-xxs.inline {
        display: inline-flex;
    }
}
@media all and (min-width: 600px) {
    .hidden-xs {
        display: none;
    }
    .block-xs {
        display: block;
    }
    .inline-xs {
        display: inline;
    }
    .flex-xs {
        display: flex;
    }
    .flex-xs.inline {
        display: inline-flex;
    }
}
@media all and (min-width: 768px) {
    .hidden-sm {
        display: none;
    }
    .block-sm {
        display: block;
    }
    .inline-sm {
        display: inline;
    }
    .flex-sm {
        display: flex;
    }
    .flex-sm.inline {
        display: inline-flex;
    }
}
@media all and (min-width: 1024px) {
    .hidden-md {
        display: none;
    }
    .block-md {
        display: block;
    }
    .inline-md {
        display: inline;
    }
    .flex-md {
        display: flex;
    }
    .flex-md.inline {
        display: inline-flex;
    }
}
@media all and (min-width: 1260px) {
    .hidden-lg {
        display: none;
    }
    .block-lg {
        display: block;
    }
    .inline-lg {
        display: inline;
    }
    .flex-lg {
        display: flex;
    }
    .flex-lg.inline {
        display: inline-flex;
    }
}
@media all and (min-width: 1420px) {
    .hidden-xl {
        display: none;
    }
    .block-xl {
        display: block;
    }
    .inline-xl {
        display: inline;
    }
    .flex-xl {
        display: flex;
    }
    .flex-xl.inline {
        display: inline-flex;
    }
}
.vh-100 {
    height: var(
        --vh-100
    );
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}
.abs-box,
.fxd-box {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.abs-box,
.abs {
    position: absolute;
}
.fxd-box {
    position: fixed;
}
.rds-50 {
    border-radius: 50%;
}
.landscape-box {
    aspect-ratio: 16/9;
}
.sq-box {
    aspect-ratio: 1;
}
.rel {
    position: relative;
}
.z-1 {
    z-index: 1;
}
.z-5 {
    z-index: 5;
}
.z-10 {
    z-index: 10;
}
.over-hide {
    overflow: hidden;
}
.over-auto {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
body {
    --vh-100: 100vh;
}
#container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 320px;
}
#main {
    flex-grow: 1;
    padding-top: var(
        --header-height
    );
}
#header {
    height: var(
        --header-height
    );
    left: 0;
    padding: var(
            --header-pad-y
        )
        0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}
#header-top::before,
#header-top::after {
    background: var(
        --white
    );
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
}
#header-top::before {
    left: 0;
    right: calc(
        50% +
            var(
                --logo-width
            ) /
            2 +
            20px
    );
}
#header-top::after {
    right: 0;
    left: calc(
        50% +
            var(
                --logo-width
            ) /
            2 +
            20px
    );
}
#logo {
    background: url("images/logo.svg")
        no-repeat;
    background-size: contain;
    font-size: 0;
    height: var(
        --logo-height
    );
    width: var(
        --logo-width
    );
}
#header-search-btn {
    left: 0;
    position: absolute;
    top: 0;
    width: 23px;
}
#nav-btn {
    height: 19px;
    right: 0;
    position: absolute;
    top: 0;
    width: 23px;
}
#nav-btn
    span {
    background: var(
        --white
    );
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transition: 0.3s;
}
#nav-btn
    span.line-1 {
    top: 0;
}
#nav-btn
    span.line-2,
#nav-btn
    span.line-3 {
    top: 7px;
}
#nav-btn
    span.line-4 {
    top: 14px;
}
body.nav-open
    #nav-btn
    span.line-1,
body.nav-open
    #nav-btn
    span.line-4 {
    opacity: 0;
}
body.nav-open
    #nav-btn
    span.line-2 {
    transform: rotate(
        45deg
    );
}
body.nav-open
    #nav-btn
    span.line-3 {
    transform: rotate(
        -45deg
    );
}
#header-bottom {
    height: 58px;
    padding: 20px
        0
        10px;
}
#primary-nav
    ul.menu {
    display: flex;
    gap: 20px;
}
#primary-nav
    ul.menu
    > li
    > a {
    align-items: center;
    color: var(
        --white
    );
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    position: relative;
}
#primary-nav
    ul.menu
    > li.current
    > a::after {
    background: var(
        --red
    );
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translateX(
        -50%
    );
    width: 18px;
}
#nav-wrap {
    left: 0;
    position: fixed;
    right: 0;
    top: var(
        --header-height
    );
    z-index: 5;
}
body.nav-open
    #nav-wrap {
    opacity: 1;
    visibility: visible;
}
@media all and (min-width: 0) and (max-width: 1023px) {
    #nav-wrap {
        border-top: 0.5px
            solid
            var(
                --white
            );
        bottom: 0;
    }
    #nav-wrap
        #nav {
        -webkit-overflow-scrolling: touch;
        bottom: 68px;
        left: 0;
        overflow: auto;
        padding: 20px
            var(
                --gutter
            )
            0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }
    #nav-wrap
        #nav
        ul.menu
        > li
        > a,
    #nav-wrap
        #nav
        ul.menu
        > li
        > button {
        align-items: center;
        color: var(
            --white
        );
        display: flex;
        height: 60px;
        font-family: var(
            --serif
        );
        font-size: 26px;
        font-weight: 700;
        justify-content: space-between;
        width: 100%;
    }
    #nav-wrap
        #nav
        ul.menu
        > li
        > a
        svg,
    #nav-wrap
        #nav
        ul.menu
        > li
        > button
        svg {
        transition: 0.3s;
        width: 22px;
    }
    #nav-wrap
        #nav
        ul.menu
        > li:not(
            :last-child
        )
        > a,
    #nav-wrap
        #nav
        ul.menu
        > li:not(
            :last-child
        )
        > button {
        border-bottom: 0.5px
            solid
            var(
                --white-30
            );
    }
    #nav-wrap
        #nav
        ul.menu
        > li
        > .sub-menu-wrap {
        height: 0;
        overflow: hidden;
        transition: height
            0.3s;
    }
    #nav-wrap
        #nav
        ul.menu
        > li
        > .sub-menu-wrap
        > ul.sub-menu {
        columns: 2;
        column-gap: 20px;
        padding: 20px
            0;
    }
    #nav-wrap
        #nav
        ul.menu
        > li
        > .sub-menu-wrap
        > ul.sub-menu
        > li {
        font-size: 14px;
        line-height: 2em;
    }
    #nav-wrap
        #nav
        ul.menu
        > li
        > .sub-menu-wrap
        > ul.sub-menu
        > li
        > a {
        color: var(
            --white
        );
    }
    #nav-wrap
        #nav
        ul.menu
        > li:not(
            .active
        )
        > a
        svg,
    #nav-wrap
        #nav
        ul.menu
        > li:not(
            .active
        )
        > button
        svg {
        opacity: 0.3;
    }
    #nav-wrap
        #nav
        ul.menu
        > li.active
        > a
        svg,
    #nav-wrap
        #nav
        ul.menu
        > li.active
        > button
        svg {
        transform: rotate(
            180deg
        );
    }
    #mobile-nav-bottom {
        position: absolute;
        bottom: 20px;
        left: var(
            --gutter
        );
        right: var(
            --gutter
        );
    }
}
@media all and (min-width: 1024px) {
    #header-date-time {
        bottom: 10px;
        left: 0;
        line-height: 18px;
        position: absolute;
    }
    #header-buttons {
        bottom: 10px;
        right: 0;
        position: absolute;
    }
    #nav-wrap
        #nav {
        border-top: 0.5px
            solid
            var(
                --white
            );
        padding: 20px
            0
            40px;
    }
    #nav-wrap
        ul.menu {
        display: grid;
        grid-template-columns: repeat(
            6,
            1fr
        );
    }
    #nav-wrap
        ul.menu
        > li
        > a,
    #nav-wrap
        ul.menu
        > li
        > button {
        border-bottom: 0.5px
            solid
            var(
                --white-30
            );
        color: var(
            --red
        );
        display: block;
        font-size: 12px;
        font-weight: 700;
        padding: 0
            10px
            10px;
        width: 100%;
    }
    #nav-wrap
        ul.menu
        > li
        > a
        svg,
    #nav-wrap
        ul.menu
        > li
        > button
        svg {
        display: none;
    }
    #nav-wrap
        ul.menu
        > li:first-child
        > a,
    #nav-wrap
        ul.menu
        > li:first-child
        > button {
        padding-left: 0;
    }
    #nav-wrap
        ul.menu
        > li:not(
            :first-child
        )
        > .sub-menu-wrap {
        border-left: 0.5px
            solid
            var(
                --white-30
            );
        padding-left: 10px;
    }
    #nav-wrap
        ul.menu
        > li
        > .sub-menu-wrap {
        padding-right: 10px;
        padding-top: 15px;
    }
    #nav-wrap
        ul.menu
        > li
        > .sub-menu-wrap
        > ul.sub-menu
        > li {
        font-size: 14px;
        line-height: 2em;
    }
    #nav-wrap
        ul.menu
        > li
        > .sub-menu-wrap
        > ul.sub-menu
        > li
        > a {
        color: var(
            --white
        );
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap {
        background: var(
            --dark-blue
        );
        left: 0;
        position: fixed;
        right: 0;
        top: var(
            --header-height
        );
        z-index: 5;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        ul.sub-menu {
        display: flex;
        flex-wrap: wrap;
        max-width: 400px;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        ul.sub-menu
        > li {
        flex: 0
            0
            33.333%;
        padding-bottom: 10px;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        ul.sub-menu
        > li:nth-child(
            -n
                + 3
        ) {
        padding-top: 20px;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        ul.sub-menu
        > li:not(
            :nth-child(
                3n
            )
        ) {
        border-right: 0.5px
            solid
            var(
                --white-30
            );
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        ul.sub-menu
        > li:not(
            :nth-child(
                3n
                    + 1
            )
        ) {
        padding-left: 15px;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        ul.sub-menu
        > li
        > a {
        color: var(
            --white
        );
        display: block;
        font-size: 14px;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        .nav-article {
        padding-top: 20px;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        .nav-article:first-child {
        border-right: 0.5px
            solid
            var(
                --white-30
            );
        padding-right: 20px;
    }
    #primary-nav
        ul.menu
        > li
        > .sub-menu-wrap
        .nav-article:last-child {
        padding-left: 20px;
    }
    #primary-nav
        ul.menu
        > li.active
        > .sub-menu-wrap {
        opacity: 1;
        visibility: visible;
    }
}
.footer-menu
    a,
.legal-menu
    a {
    color: var(
        --white
    );
}
.footer-menu
    a:hover,
.legal-menu
    a:hover {
    opacity: 0.7;
}
#logo-footer {
    font-size: 0;
    width: var(
        --logo-width
    );
}
.footer-menu
    li {
    line-height: 2em;
}
.legal-menu
    ul {
    display: flex;
}
.legal-menu
    ul
    li:not(
        :last-child
    )::after {
    color: var(
        --white-30
    );
    content: "|";
    margin: 0
        10px;
}
.fx.fade-in,
.fx.fade-out {
    transition: opacity
        1s;
}
.fx.fade-in.roll-up,
.fx.fade-in.roll-right,
.fx.fade-in.roll-left,
.fx.fade-out.roll-up,
.fx.fade-out.roll-right,
.fx.fade-out.roll-left {
    transition:
        opacity
            1s,
        transform
            1s;
}
.fx.fade-in.roll-up.animated,
.fx.fade-in.roll-right.animated,
.fx.fade-in.roll-left.animated,
.fx.fade-out.roll-up.animated,
.fx.fade-out.roll-right.animated,
.fx.fade-out.roll-left.animated {
    transform: translateZ(
        0
    );
}
.fx.fade-in.roll-up,
.fx.fade-out.roll-up {
    transform: translateY(
        30px
    );
}
.fx.fade-in.roll-right,
.fx.fade-out.roll-right {
    transform: translateX(
        -30px
    );
}
.fx.fade-in.roll-left,
.fx.fade-out.roll-left {
    transform: translateX(
        30px
    );
}
.fx.fade-in {
    opacity: 0;
}
.fx.fade-in.animated {
    opacity: 1;
}
.fx.fade-in.roll-up.animated,
.fx.fade-in.roll-right.animated,
.fx.fade-in.roll-left.animated {
    transform: translateZ(
        0
    );
}
.fx.fade-out.animated {
    opacity: 0;
}
.fx.fade-out.animated.roll-up {
    transform: translateY(
        -30px
    );
}
.fx.fade-out.animated.roll-right {
    transform: translateX(
        30px
    );
}
.fx.fade-out.animated.roll-left {
    transform: translateX(
        -30px
    );
}
.fade {
    transition: 0.3s;
}
.fade.slow {
    transition: 0.6s;
}
.invis {
    opacity: 0;
    visibility: hidden;
}
.anim-height {
    height: 0;
    overflow: hidden;
    transition: height
        0.3s;
}
.anim-height.default-open {
    height: auto;
}
.scroll-prompt {
    animation: scroll-prompt
        forwards
        infinite
        2s
        ease-out;
    bottom: 0;
    height: 100px;
    left: 50%;
    position: absolute;
    transform-origin: center
        top;
    width: 1px;
    z-index: 5;
}
@keyframes scroll-prompt {
    0% {
        transform: scaleY(
            0
        );
    }
    50% {
        transform: scaleY(
            1
        );
    }
}
.crsl-wrap {
    position: relative;
}
.crsl-wrap
    .crsl {
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.crsl-wrap
    .crsl-cell
    img {
    pointer-events: none;
}
.crsl-wrap.slide {
    --gap: 0px;
    --per-view: 1;
}
.crsl-wrap.slide
    .crsl {
    display: flex;
    transition-property: transform;
}
.crsl-wrap.slide.interactive
    .crsl {
    cursor: grab;
}
.crsl-wrap.slide.interactive
    .crsl.pointer-down {
    cursor: grabbing;
}
.crsl-wrap.slide
    .crsl-cell {
    flex: 0
        0
        calc(
            (
                    100% -
                        var(
                            --gap
                        ) *
                        (
                            var(
                                    --per-view
                                ) -
                                1
                        )
                ) /
                var(
                    --per-view
                )
        );
    margin-right: var(
        --gap
    );
}
.crsl-wrap.dissolve
    .crsl {
    display: grid;
}
.crsl-wrap.dissolve
    .crsl-cell {
    grid-column: 1;
    grid-row: 1;
    opacity: 0;
    transition:
        opacity
            0.6s,
        visibility
            0.6s;
    visibility: hidden;
}
.crsl-wrap.dissolve
    .crsl-cell.active {
    opacity: 1;
    visibility: visible;
}
.crsl-wrap.per-view-4,
.crsl-wrap.home,
.crsl-wrap.opinion {
    --gap: 15px;
}
.crsl-wrap.per-view-4
    .crsl-cell,
.crsl-wrap.home
    .crsl-cell,
.crsl-wrap.opinion
    .crsl-cell {
    border-right: 0.5px
        solid
        var(
            --dark-blue-30
        );
    padding-right: var(
        --gap
    );
}
.crsl-wrap.home
    .crsl-cell {
    padding-bottom: var(
        --gap
    );
}
@media all and (min-width: 0) and (max-width: 1259px) {
    .crsl-wrap.per-view-4,
    .crsl-wrap.home {
        --per-view: 1;
    }
    .crsl-wrap.per-view-4
        .crsl-cell,
    .crsl-wrap.home
        .crsl-cell {
        flex: 0
            0
            90%;
        max-width: 300px;
    }
    .crsl-wrap.opinion {
        --per-view: 1;
    }
    .crsl-wrap.opinion
        .crsl-cell {
        flex: 0
            0
            250px;
    }
}
@media all and (min-width: 1260px) {
    .crsl-wrap {
        overflow: hidden;
    }
    .crsl-wrap.per-view-4,
    .crsl-wrap.opinion {
        --per-view: 4;
    }
    .crsl-wrap.home {
        --per-view: 5;
    }
    .crsl-wrap.per-view-4
        .crsl-cell,
    .crsl-wrap.home
        .crsl-cell {
        flex: 0
            0
            calc(
                (
                        100% -
                            var(
                                --gap
                            ) *
                            (
                                var(
                                        --per-view
                                    ) -
                                    2
                            )
                    ) /
                    var(
                        --per-view
                    )
            );
    }
}
.pagination-wrap {
    border-bottom: 0.5px
        solid
        var(
            --dark-blue
        );
    height: 70px;
}
.pagination-wrap
    .page-link {
    --size: 36px;
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    background: var(
        --dark-blue-10
    );
    border-radius: 50%;
    height: var(
        --size
    );
    width: var(
        --size
    );
}
.pagination-wrap
    .page-link.current {
    background: var(
        --blue
    );
    color: var(
        --white
    );
}
.pagination-wrap
    .prev-next-link {
    border-left: 0.5px
        solid
        var(
            --dark-blue
        );
    border-right: 0.5px
        solid
        var(
            --dark-blue
        );
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 40px;
}
.pagination-wrap
    .prev-next-link
    svg {
    width: 11px;
}
.pagination-wrap
    .prev-next-link.prev
    svg {
    transform: rotate(
        180deg
    );
}
.pagination-wrap
    .prev-next-link.next {
    border-left: 0.5px
        solid
        var(
            --dark-blue
        );
}
.ticker-wrap
    .ticker {
    animation: ticker
        forwards
        infinite
        linear;
    min-width: fit-content;
    white-space: nowrap;
}
.ticker-wrap
    .ticker:hover {
    animation-play-state: paused;
}
.ticker-wrap
    .ticker
    .item {
    border-radius: 15px;
    height: 30px;
    margin-right: 10px;
    padding: 0
        10px;
}
.ticker-wrap
    .ticker
    .item
    svg {
    width: 14px;
}
@keyframes ticker {
    0% {
        transform: translateX(
            0
        );
    }
    100% {
        transform: translateX(
            -50%
        );
    }
}
.text-page-wrap::before {
    background: var(
        --light-blue
    );
    content: "";
    height: 300px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
@media all and (min-width: 0) and (max-width: 767px) {
    .layout-text.first {
        padding: 20px
            var(
                --gutter
            )
            0;
        width: auto;
    }
}
@media all and (min-width: 768px) {
    .layout-text.first {
        padding-top: 60px;
    }
}
@media all and (min-width: 0) and (max-width: 767px) {
    #hero-wrap.article
        #hero-text {
            padding: 30px 0 30px 10px;
    }
    #hero-wrap.video
        #hero-text {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #hero-wrap.audio
        #hero-text {
        padding-bottom: 20px;
        padding-top: 40px;
    }
}
@media all and (min-width: 0) and (max-width: 1259px) {
    #article-main {
        padding-top: 20px;
    }
}
@media all and (min-width: 768px) {
    #hero-wrap.article
        #hero-text {
            padding: 100px 0 100px 30px;
    }
    #hero-wrap.video
        #hero-text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #hero-wrap.audio
        #hero-text {
        padding-bottom: 170px;
        padding-top: 60px;
    }
    #hero-video,
    #hero-audio {
        margin-top:0;
    }
    #hero-image
        .landscape-box {
        aspect-ratio: auto;
        height: 100%;
    }
}
@media all and (min-width: 1260px) {
    #article-main {
        padding-top: 60px;
    }
    #article-top {
        margin-bottom: 0;
    }
    #article-meta {
        position: absolute;
        top: 0;
        left: 0;
        width: 190px;
    }
    #article-meta
        .author-wrap
        .author {
        margin-bottom: 5px;
    }
    #article-meta
        .cat-links {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    #article-share {
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
    }
}
.grid.hero-grid,
.grid.home-grid,
.grid.featured-grid,
.grid.top-stories-grid,
.grid.opinion-grid {
    --margin: 15px;
}
.grid.opinion-grid {
    row-gap: var(
        --margin
    );
}
.grid.featured-grid
    .featured-listing
    .image {
    width: var(
        --image-size
    );
}
.grid.simple-grid
    .grid-listing {
    border-right: 0.5px
        solid
        var(
            --dark-blue
        );
    border-bottom: 0.5px
        solid
        var(
            --dark-blue
        );
    padding: 15px;
}
.grid.home-grid
    .primary-col {
    text-align: center;
}
.grid.top-stories-grid
    .title-col {
    padding-bottom: var(
        --margin
    );
}
.grid.top-stories-grid
    .primary-col {
    border-bottom: 0.5px
        solid
        var(
            --dark-blue
        );
    padding-bottom: var(
        --margin
    );
}
.grid.top-stories-grid
    .secondary-col
    .top-secondary-listing:not(
        :first-child
    ) {
    padding-top: var(
        --margin
    );
}
.grid.top-stories-grid
    .secondary-col
    .top-secondary-listing:not(
        :last-child
    ) {
    border-bottom: 0.5px
        solid
        var(
            --dark-blue-30
        );
    padding-bottom: var(
        --margin
    );
}
.grid.top-stories-grid
    .secondary-col
    .top-secondary-listing
    .landscape-box {
    width: 110px;
}
.grid.top-stories-grid
    .secondary-col
    .top-secondary-listing
    .cat-label {
    bottom: 0;
    position: absolute;
    right: 0;
}
@media all and (min-width: 0) and (max-width: 599px) {
    .grid.hero-grid
        .tertiary-listing:not(
            :nth-child(
                3
            )
        ),
    .grid.home-grid
        .tertiary-listing:not(
            :nth-child(
                3
            )
        ) {
        display: block;
    }
    .grid.hero-grid
        .tertiary-listing:not(
            :nth-child(
                3
            )
        )
        .square-tiny,
    .grid.home-grid
        .tertiary-listing:not(
            :nth-child(
                3
            )
        )
        .square-tiny {
        display: none;
    }
    .grid.featured-grid
        .featured-listing {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue-30
            );
        padding-bottom: 15px;
        padding-top: 15px;
    }
}
@media all and (min-width: 0) and (max-width: 767px) {
    .grid.simple-grid
        .grid-listing:nth-child(
            2n
        ) {
        border-right: none;
    }
    .grid.featured-grid
        .featured-listing {
        --image-size: 100px;
    }
    .grid.top-stories-grid
        .secondary-col {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        margin-bottom: var(
            --margin
        );
        padding-bottom: var(
            --margin
        );
    }
}
@media all and (min-width: 0) and (max-width: 1023px) {
    .grid.opinion-grid {
        padding-bottom: var(
            --margin
        );
    }
    .grid.opinion-grid
        .leading {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue-30
            );
        margin-bottom: var(
            --margin
        );
        padding-bottom: var(
            --margin
        );
    }
    .grid.opinion-grid
        .secondary {
        margin-left: calc(
            -1 *
                var(
                    --gutter
                )
        );
        margin-right: calc(
            -1 *
                var(
                    --gutter
                )
        );
        padding-left: var(
            --gutter
        );
        padding-right: var(
            --gutter
        );
    }
    .grid.hero-grid
        .primary-col,
    .grid.home-grid
        .primary-col {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        margin-bottom: var(
            --margin
        );
        padding-bottom: var(
            --margin
        );
    }
    .grid.hero-grid
        .secondary-col,
    .grid.home-grid
        .secondary-col {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        margin-bottom: var(
            --margin
        );
        padding-bottom: var(
            --margin
        );
    }
    .grid.hero-grid
        .secondary-col
        .secondary-listing:nth-child(
            1
        ),
    .grid.home-grid
        .secondary-col
        .secondary-listing:nth-child(
            1
        ) {
        border-right: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-right: var(
            --margin
        );
    }
    .grid.hero-grid
        .secondary-col
        .secondary-listing:nth-child(
            2
        ),
    .grid.home-grid
        .secondary-col
        .secondary-listing:nth-child(
            2
        ) {
        padding-left: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-listing:nth-child(
            1
        ),
    .grid.hero-grid
        .tertiary-listing:nth-child(
            4
        ),
    .grid.home-grid
        .tertiary-listing:nth-child(
            1
        ),
    .grid.home-grid
        .tertiary-listing:nth-child(
            4
        ) {
        border-right: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-right: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-listing:nth-child(
            2
        ),
    .grid.hero-grid
        .tertiary-listing:nth-child(
            5
        ),
    .grid.home-grid
        .tertiary-listing:nth-child(
            2
        ),
    .grid.home-grid
        .tertiary-listing:nth-child(
            5
        ) {
        padding-left: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-listing:nth-child(
            3
        ),
    .grid.home-grid
        .tertiary-listing:nth-child(
            3
        ) {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        border-top: 0.5px
            solid
            var(
                --dark-blue
            );
        grid-column: span
            12;
        margin: var(
                --margin
            )
            0;
        padding: var(
                --margin
            )
            0;
    }
}
@media all and (min-width: 0) and (max-width: 1259px) {
    .grid.hero-grid
        .tertiary-col,
    .grid.home-grid
        .tertiary-col {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-bottom: var(
            --margin
        );
    }
    .grid.top-stories-grid
        .primary-col {
        margin-bottom: var(
            --margin
        );
    }
}
@media all and (min-width: 600px) {
    .grid.featured-grid {
        row-gap: var(
            --margin
        );
    }
    .grid.featured-grid
        .grid {
        row-gap: var(
            --margin
        );
    }
    .grid.featured-grid
        .featured-listing {
        border-left: 0.5px
            solid
            var(
                --dark-blue-30
            );
        padding-left: 15px;
    }
    .grid.featured-grid
        .featured-listing:nth-child(
            odd
        ) {
        padding-right: var(
            --margin
        );
    }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
    .grid.simple-grid
        .grid-listing:nth-child(
            3n
        ) {
        border-right: none;
    }
}
@media all and (min-width: 768px) and (max-width: 1259px) {
    .grid.top-stories-grid
        .secondary-col {
        border-right: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-right: var(
            --margin
        );
    }
    .grid.top-stories-grid
        .tertiary-col {
        padding-left: var(
            --margin
        );
    }
}
@media all and (min-width: 768px) {
    .grid.featured-grid
        .featured-listing {
        --image-size: 130px;
    }
    .grid.opinion-grid
        .leading
        .col-12:first-child {
        border-right: 0.5px
            solid
            var(
                --dark-blue-30
            );
        padding-right: var(
            --margin
        );
    }
    .grid.opinion-grid
        .leading
        .col-12:last-child {
        padding-left: var(
            --margin
        );
    }
}
@media all and (min-width: 1024px) {
    .grid.opinion-grid
        .left-col {
        border-right: 0.5px
            solid
            var(
                --dark-blue-30
            );
        padding-right: var(
            --margin
        );
    }
    .grid.opinion-grid
        .right-col {
        padding-left: var(
            --margin
        );
    }
    .grid.opinion-grid
        .right-col
        .leading {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue-30
            );
        padding-bottom: var(
            --margin
        );
    }
    .grid.opinion-grid
        .right-col
        .secondary
        .opinion-link {
        padding-bottom: var(
            --margin
        );
        padding-top: var(
            --margin
        );
    }
}
@media all and (min-width: 1024px) and (max-width: 1259px) {
    .grid.hero-grid
        .primary-col,
    .grid.home-grid
        .primary-col {
        border-right: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-right: var(
            --margin
        );
    }
    .grid.hero-grid
        .secondary-col,
    .grid.home-grid
        .secondary-col {
        padding-left: var(
            --margin
        );
    }
    .grid.hero-grid
        .secondary-col
        .secondary-listing:first-child,
    .grid.home-grid
        .secondary-col
        .secondary-listing:first-child {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        margin-bottom: var(
            --margin
        );
        padding-bottom: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-col,
    .grid.home-grid
        .tertiary-col {
        border-top: 0.5px
            solid
            var(
                --dark-blue
            );
        margin-top: var(
            --margin
        );
        padding-top: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-col
        .tertiary-listing:not(
            :nth-child(
                4
            )
        ),
    .grid.home-grid
        .tertiary-col
        .tertiary-listing:not(
            :nth-child(
                4
            )
        ) {
        border-right: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-right: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-col
        .tertiary-listing:not(
            :first-child
        ),
    .grid.home-grid
        .tertiary-col
        .tertiary-listing:not(
            :first-child
        ) {
        padding-left: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-col
        .tertiary-listing:nth-child(
            5
        ),
    .grid.home-grid
        .tertiary-col
        .tertiary-listing:nth-child(
            5
        ) {
        display: none;
    }
    .grid.simple-grid
        .grid-listing:nth-child(
            4n
        ) {
        border-right: none;
    }
}
@media all and (min-width: 1260px) {
    .grid.hero-grid {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-bottom: var(
            --margin
        );
    }
    .grid.hero-grid
        .primary-col {
        border-right: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-right: var(
            --margin
        );
    }
    .grid.hero-grid
        .secondary-col {
        padding-left: var(
            --margin
        );
        padding-right: var(
            --margin
        );
    }
    .grid.hero-grid
        .secondary-col
        .secondary-listing:first-child {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        margin-bottom: var(
            --margin
        );
        padding-bottom: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-col {
        border-left: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-left: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-col
        .tertiary-listing:not(
            :first-child
        ) {
        padding-top: var(
            --margin
        );
    }
    .grid.hero-grid
        .tertiary-col
        .tertiary-listing:not(
            :last-child
        ) {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-bottom: var(
            --margin
        );
    }
    .grid.home-grid {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-bottom: var(
            --margin
        );
    }
    .grid.home-grid
        .primary-col {
        padding-left: var(
            --margin
        );
        padding-right: var(
            --margin
        );
    }
    .grid.home-grid
        .secondary-col {
        border-right: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-right: var(
            --margin
        );
    }
    .grid.home-grid
        .secondary-col
        .secondary-listing:first-child {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        margin-bottom: var(
            --margin
        );
        padding-bottom: var(
            --margin
        );
    }
    .grid.home-grid
        .tertiary-col {
        border-left: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-left: var(
            --margin
        );
    }
    .grid.home-grid
        .tertiary-col
        .tertiary-listing:not(
            :first-child
        ) {
        padding-top: var(
            --margin
        );
    }
    .grid.home-grid
        .tertiary-col
        .tertiary-listing:not(
            :last-child
        ) {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue
            );
        padding-bottom: var(
            --margin
        );
    }
    .grid.simple-grid {
        grid-template-columns: repeat(
            5,
            1fr
        );
    }
    .grid.simple-grid
        .grid-listing:nth-child(
            5n
        ) {
        border-right: none;
    }
    .grid.top-stories-grid {
        grid-template-rows: auto 1fr;
    }
    .grid.top-stories-grid
        .title-col {
        padding-right: var(
            --margin
        );
    }
    .grid.top-stories-grid
        .secondary-col {
        padding-left: var(
            --margin
        );
        padding-right: var(
            --margin
        );
    }
    .grid.top-stories-grid
        .secondary-col
        .top-secondary-listing:last-child {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue-30
            );
        padding-bottom: var(
            --margin
        );
    }
    .grid.top-stories-grid
        .tertiary-col {
        border-left: 0.5px
            solid
            var(
                --dark-blue
            );
        grid-column: 9 /
            span
            4;
        grid-row: 1 /
            span
            2;
        padding-left: var(
            --margin
        );
    }
}
#home-ticker {
    border: 0.5px
        solid
        var(
            --dark-blue
        );
    border-top: 0;
    padding: 7px
        0
        7px
        10px;
}
.cat-label-overlay {
    bottom: 0;
    padding: 10px
        15px;
    position: absolute;
    left: 50%;
    transform: translate(
        -50%,
        50%
    );
}
.home-icon-link
    .icon {
    width: 39px;
}
.home-icon-link
    .arrow {
    width: 14px;
}
@media all and (min-width: 0) and (max-width: 1023px) {
    .home-icon-link:not(
        :first-child
    ) {
        padding-top: 15px;
    }
    .home-icon-link:not(
        :last-child
    ) {
        border-bottom: 0.5px
            solid
            var(
                --dark-blue-30
            );
        padding-bottom: 15px;
    }
}
@media all and (min-width: 1024px) {
    .home-icon-link {
        padding-right: 15px;
    }
    .home-icon-link:not(
        :first-child
    ) {
        padding-left: 15px;
    }
    .home-icon-link:not(
        :last-child
    ) {
        border-right: 0.5px
            solid
            var(
                --dark-blue-30
            );
    }
}
#audio-controls-wrap {
    --button-height: 44px;
}
#audio-controls-wrap
    #audio-file {
    position: absolute;
    visibility: hidden;
}
#audio-controls-wrap
    .play-btn {
    --size: var(
        --button-height
    );
}
#audio-controls-wrap
    .end-time {
    font-size: 14px;
}
#audio-controls-wrap
    .skip-btn {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: var(
        --button-height
    );
    justify-content: center;
    width: var(
        --button-height
    );
}
#audio-controls-wrap
    .skip-btn
    svg {
    width: 65%;
}
#audio-controls-wrap
    .skip-btn
    svg
    path {
    fill: var(
        --dark-blue
    );
}
#audio-controls-wrap
    .speed-btn {
    align-items: center;
    color: var(
        --dark-blue
    );
    display: flex;
    font-size: 14px;
    height: var(
        --button-height
    );
    justify-content: center;
    position: relative;
    width: var(
        --button-height
    );
}
#audio-controls-wrap
    .speed-btn::before {
    border: 1px
        solid
        var(
            --dark-blue
        );
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(
        -50%,
        -50%
    );
    width: calc(
        var(
                --button-height
            ) *
            0.8
    );
    height: calc(
        var(
                --button-height
            ) *
            0.8
    );
}
#audio-controls-wrap
    .slider-wrap {
    --height: 28px;
    --line-height: 1px;
    --handle-size: 19px;
    height: var(
        --height
    );
    margin: 0
        calc(
            var(
                    --handle-size
                ) *
                0.5
        );
}
#audio-controls-wrap
    .slider-wrap::before,
#audio-controls-wrap
    .slider-wrap
    .progress {
    height: var(
        --line-height
    );
    left: calc(
        -1 *
            var(
                --handle-size
            ) *
            0.5
    );
    position: absolute;
    top: 50%;
    transform: translateY(
        -50%
    );
}
#audio-controls-wrap
    .slider-wrap::before {
    background: var(
        --dark-blue
    );
    content: "";
    right: 0;
}
#audio-controls-wrap
    .slider-wrap
    .progress {
    background: var(
        --red
    );
    width: var(
        --percent
    );
}
#audio-controls-wrap
    .slider-wrap
    .handle {
    align-items: center;
    display: flex;
    height: var(
        --height
    );
    width: var(
        --height
    );
    left: var(
        --percent
    );
    position: absolute;
    justify-content: center;
    top: 50%;
    transform: translate(
        -50%,
        -50%
    );
}
#audio-controls-wrap
    .slider-wrap
    .handle::before {
    background: var(
        --red
    );
    border-radius: 50%;
    content: "";
    display: block;
    height: var(
        --handle-size
    );
    width: var(
        --handle-size
    );
}