@charset "UTF-8";

/*! updated; 05-05-2025 10:30 AM **/
:root,
html[data-theme=light] {
    --typography_heading: #222222;
    --border-color: #e8e8e8;
    --button-background: #1b4e81;
    --button-text-color: #ffffff;
    --components_border: var(--border-color)
}

html[data-theme=dark] {
    --typography_heading: #ffffff;
    --border-color: rgba(255, 255, 255, 0.08);
    --components_border: var(--border-color)
}

:root,
html[data-theme=light] {
    --background: #ffffff;
    --background-modal-icon: #F4F4F4;
    --brand_primary-lighter-1: #4b78a7;
    --brand_primary-lighter: #1b4e81;
    --brand_primary: #003366;
    --brand_secondary: #c20017;
    --components_border: #e8e8e8;
    --components_border-darker: #cccccc;
    --components_header-border: #1b4e81;
    --components_social: #222222;
    --components_social-border: #222222;
    --components_tags: #f4f4f4;
    --components_tags-border: #f4f4f4;
    --components_profile: #ffffff;
    --components_promoted-carousel-gradient: rgba(0, 51, 102, 0);
    --components_promoted-carousel-gradient-1: rgba(0, 51, 102, 0.25);
    --components_promoted-carousel-gradient-2: rgba(0, 51, 102, 0.9);
    --components_video-list-see-all-border: 1px solid transparent;
    --components_video-list-see-all-inactive: #1b4e81;
    --components_video-list-see-all-hover: #003366;
    --components_video-list-see-all-active: #012B5E;
    --components_video-list-see-all-active-text: #ffffff;
    --components_video-list-fts-pill: #307608;
    --components_video-grid-dek: #003366;
    --components_video-tags: #666666;
    --components_top-ad-bg: #f4f4f4;
    --typography_text: #666666;
    --typography_heading: #222222;
    --typography_anchor: #003366
}

html[data-theme=dark] {
    --background: #05162c;
    --background-modal-icon: rgba(255, 255, 255, 0.08);
    --brand_primary-lighter-1: #64a0de;
    --brand_primary: #05162c;
    --components_border: rgba(255, 255, 255, 0.08);
    --components_border-darker: rgba(255, 255, 255, 0.25);
    --components_header-border: rgba(255, 255, 255, 0.08);
    --components_social: transparent;
    --components_social-border: rgba(255, 255, 255, 0.25);
    --components_tags: transparent;
    --components_tags-border: rgba(255, 255, 255, 0.25);
    --components_profile: #00274e;
    --components_promoted-carousel-gradient: rgba(5, 22, 44, 0);
    --components_promoted-carousel-gradient-1: rgba(5, 22, 44, 0.25);
    --components_promoted-carousel-gradient-2: rgba(5, 22, 44, 0.9);
    --components_video-list-see-all-border: 1px solid rgba(255, 255, 255, 0.33);
    --components_video-list-see-all-inactive: transparent;
    --components_video-list-see-all-hover: rgba(255, 255, 255, 0.33);
    --components_video-list-see-all-active: #ffffff;
    --components_video-list-see-all-active-text: #003366;
    --components_video-list-fts-pill: #307608;
    --components_video-grid-dek: #64a0de;
    --components_video-tags: #ffffff;
    --components_top-ad-bg: rgba(0, 0, 0, 0.25);
    --typography_text: #cccccc;
    --typography_heading: #ffffff;
    --typography_anchor: #ffffff
}

@media (prefers-color-scheme:dark) {
    :root {
        --background: #05162c;
        --brand_primary-lighter-1: #64a0de;
        --brand_primary: #05162c;
        --components_border: rgba(255, 255, 255, 0.08);
        --components_border-darker: rgba(255, 255, 255, 0.25);
        --components_header-border: rgba(255, 255, 255, 0.08);
        --components_social: transparent;
        --components_social-border: rgba(255, 255, 255, 0.25);
        --components_tags: transparent;
        --components_tags-border: rgba(255, 255, 255, 0.25);
        --components_profile: #00274e;
        --components_promoted-carousel-gradient: rgba(5, 22, 44, 0);
        --components_promoted-carousel-gradient-1: rgba(5, 22, 44, 0.25);
        --components_promoted-carousel-gradient-2: rgba(5, 22, 44, 0.9);
        --components_video-list-see-all-border: 1px solid rgba(255, 255, 255, 0.33);
        --components_video-list-see-all-inactive: transparent;
        --components_video-list-see-all-hover: rgba(255, 255, 255, 0.33);
        --components_video-list-see-all-active: #ffffff;
        --components_video-list-see-all-active-text: #003366;
        --components_video-list-fts-pill: #307608;
        --components_video-grid-dek: #64a0de;
        --components_video-tags: #ffffff;
        --typography_text: #cccccc;
        --typography_heading: #ffffff;
        --typography_anchor: #ffffff
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    box-sizing: border-box
}

html #wrapper .hide {
    display: none
}

html #wrapper .show {
    display: block
}

html #wrapper .screen-reader-hide {
    position: absolute;
    left: -99999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

body {
    min-width: 320px;
    color: #666;
    background-color: #f6f8fa;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.hidden {
    visibility: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    font-family: inherit;
    font-weight: 700;
    line-height: normal
}

b,
strong {
    font-weight: 600
}

em,
i {
    font-style: italic
}

.m,
picture {
    position: relative
}

.m a,
picture a {
    display: block;
    position: relative
}

.m img,
picture img {
    display: block;
    width: 100%;
    height: auto
}

section {
    position: relative
}

section:after {
    content: "";
    display: table;
    clear: both
}

.has-gated-overlay {
    position: relative
}

.gated-overlay {
    padding: 0 24px;
    width: 100%;
    height: 100%;
    z-index: 51;
    position: absolute;
    background: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7), rgba(0, 0, 0, .5));
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.gated-overlay input {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.gated-overlay.loading-view .overlay-view {
    opacity: 0;
    transition: opacity .5s
}

.gated-overlay.loading-view::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 6px dotted #d20f26;
    animation: loading 2s cubic-bezier(.41, 1.68, .52, .37) infinite;
    opacity: 1;
    transition: opacity .5s
}

.gated-overlay .logo {
    margin-bottom: 8px
}

.gated-overlay .logo::after {
    content: "";
    display: block;
    position: static;
    margin: auto
}

.gated-overlay .debate-logo::after {
    background-image: url("../images/fox-business-debate-logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 200px;
    height: 16px
}

.gated-overlay .header {
    margin-bottom: 4px
}

.gated-overlay .header-content {
    margin-bottom: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -.25px;
    color: #fff
}

.gated-overlay .header-sub {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #ccc;
    margin-bottom: 0
}

.gated-overlay .content {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #ccc
}

.gated-overlay .content .user-email,
.gated-overlay .content a {
    font-weight: 900;
    color: #fff
}

.gated-overlay .footer a {
    display: inline
}

.overlay-view {
    display: flex;
    flex-basis: 295px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.has-video .gated-overlay,
.inline-video .gated-overlay,
.post-video-container .gated-overlay,
.video-container .gated-overlay {
    background: #000
}

.passwordless-polling .footer-content {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #ccc
}

.passwordless-polling .footer-content a {
    font-weight: 900;
    color: #fff
}

.passwordless-email .email-container {
    margin-bottom: 4px
}

.passwordless-email .gate-email-form {
    display: inline-flex;
    flex-wrap: nowrap
}

.passwordless-email .input-email {
    padding: 8px 12px;
    border-radius: 4px;
    border: 0;
    margin-right: 8px;
    font-size: 12px;
    font-weight: 400;
    min-width: 214px;
    line-height: 18px;
    color: #666;
    cursor: pointer
}

.passwordless-email .input-submit {
    padding: 8px 12px;
    border-radius: 4px;
    border: 0;
    background-color: #d20f26;
    font-size: 12px;
    font-weight: 900;
    line-height: 18px;
    color: #fff;
    cursor: pointer
}

.passwordless-email .footer-content {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #ccc
}

.passwordless-email .footer-content a {
    font-weight: 900;
    color: #fff
}

.passwordless-video {
    flex-basis: 300px
}

.passwordless-video .header-content {
    margin-bottom: 8px
}

.passwordless-video .header-sub {
    display: none
}

.passwordless-video .header {
    margin-bottom: 8px
}

.passwordless-video .gate-email-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    height: 34px;
    margin-bottom: 8px
}

.passwordless-video .email-container {
    width: 100%
}

.passwordless-video .input-wrap {
    flex-basis: 219px;
    margin-right: 8px
}

.passwordless-video .input-email {
    height: 100%;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .33);
    color: #ccc;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.passwordless-video .input-email:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0) inset !important;
    -webkit-text-fill-color: #cccccc !important
}

.passwordless-video .input-email:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0) inset !important;
    -webkit-text-fill-color: #cccccc !important
}

.passwordless-video .input-submit {
    height: 100%;
    padding: 8px 12px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #d20f26;
    background: #d20f26;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 18px;
    cursor: pointer
}

.passwordless-video .legal-statement {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #ccc;
    margin-bottom: 0
}

.passwordless-video .legal-statement a {
    display: inline;
    font-weight: 700;
    text-decoration: underline;
    color: #fff
}

.passwordless-video .message.error {
    border-radius: 4px;
    border: 1px solid #fe2741;
    background: #240c0f;
    color: #fe2741
}

.error {
    padding: 8px 12px;
    border: 1px solid #c20017;
    border-radius: 4px;
    margin-bottom: 4px;
    background-color: #ffdce0;
    color: #c20017;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.gate-thumbnail {
    width: 100%
}

.collection-live-event .article-item .passwordless-video .header-content,
.collection-live-event .item .passwordless-video .header-content {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.25px;
    color: #fff
}

.collection-live-event .article-item .passwordless-video .header-sub,
.collection-live-event .item .passwordless-video .header-sub {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    color: #fff
}

.collection-live-event .article-item .passwordless-video .gate-email-form,
.collection-live-event .item .passwordless-video .gate-email-form {
    margin-bottom: 8px
}

.collection-live-event .article-item .passwordless-video .legal-statement,
.collection-live-event .item .passwordless-video .legal-statement {
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    color: #ccc;
    margin-bottom: 0
}

.collection-live-event .article-item .passwordless-video .legal-statement a,
.collection-live-event .item .passwordless-video .legal-statement a {
    display: inline;
    font-weight: 700;
    text-decoration: underline;
    color: #fff
}

@media screen and (min-width:520px) {
    .gated-overlay .logo {
        margin-bottom: 24px
    }

    .gated-overlay .header-content {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -.5px
    }

    .gated-overlay .header-sub {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.25px
    }

    .gated-overlay .header {
        margin-bottom: 16px
    }

    .gated-overlay .debate-logo::after {
        background-image: url("../images/fox-business-debate-logo-stacked.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        width: 103px;
        height: 64px
    }

    .overlay-view {
        flex-basis: 392px
    }

    .passwordless-email .input-email {
        width: 311px
    }

    .passwordless-email .email-container {
        margin-bottom: 8px
    }

    .passwordless-video {
        flex-basis: 480px
    }

    .passwordless-video .header-content {
        margin-bottom: 8px
    }

    .passwordless-video .gate-email-form {
        height: 56px
    }

    .passwordless-video .input-wrap {
        flex-basis: 359px
    }

    .passwordless-video .input-email {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.25px;
        padding: 16px 20px
    }

    .passwordless-video .input-submit {
        padding: 16px 20px;
        font-size: 18px;
        font-weight: 900;
        line-height: 24px;
        letter-spacing: -.25px
    }

    .passwordless-video .gate-email-form {
        margin-bottom: 16px
    }

    .passwordless-video .legal-statement {
        font-size: 13px;
        line-height: 18px
    }

    .collection-live-event .article-item .passwordless-video .header-content,
    .collection-live-event .item .passwordless-video .header-content {
        margin-bottom: 8px;
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -.5px
    }

    .collection-live-event .article-item .passwordless-video .gate-email-form,
    .collection-live-event .item .passwordless-video .gate-email-form {
        margin-bottom: 16px
    }

    .collection-live-event .article-item .passwordless-video .legal-statement,
    .collection-live-event .item .passwordless-video .legal-statement {
        font-size: 13px;
        line-height: 18px
    }
}

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

    .featured-video.sticky-video .gated-overlay .header,
    .playlist-container.sticky-video .gated-overlay .header {
        margin-bottom: 8px
    }

    .featured-video.sticky-video .gated-overlay .header-sub,
    .playlist-container.sticky-video .gated-overlay .header-sub {
        display: none
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .gated-overlay .header-content,
    .playlist-container .sticky-wrapper:not(.sticky-player) .gated-overlay .header-content {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.5px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .gated-overlay .header,
    .playlist-container .sticky-wrapper:not(.sticky-player) .gated-overlay .header {
        margin-bottom: 8px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .gated-overlay .debate-logo::after,
    .playlist-container .sticky-wrapper:not(.sticky-player) .gated-overlay .debate-logo::after {
        background-image: url("../images/fox-business-debate-logo-stacked.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        width: 156px;
        height: 96px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .overlay-view,
    .playlist-container .sticky-wrapper:not(.sticky-player) .overlay-view {
        flex-basis: 652px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .passwordless-email .input-email,
    .playlist-container .sticky-wrapper:not(.sticky-player) .passwordless-email .input-email {
        padding: 16px 20px;
        min-width: 532px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.25px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .passwordless-email .input-submit,
    .playlist-container .sticky-wrapper:not(.sticky-player) .passwordless-email .input-submit {
        padding: 16px 20px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.25px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .passwordless-email .email-container,
    .playlist-container .sticky-wrapper:not(.sticky-player) .passwordless-email .email-container {
        margin-bottom: 16px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .error,
    .playlist-container .sticky-wrapper:not(.sticky-player) .error {
        padding: 16px 20px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -.25px
    }

    .featured-video .sticky-player .gated-overlay,
    .playlist-container .sticky-player .gated-overlay {
        top: 24px;
        height: calc(96% - 24px)
    }

    .featured-video .sticky-player .gated-overlay .header,
    .playlist-container .sticky-player .gated-overlay .header {
        margin-bottom: 8px
    }

    .featured-video .sticky-player .gated-overlay .header-sub,
    .playlist-container .sticky-player .gated-overlay .header-sub {
        display: none
    }

    .passwordless-video .header-sub {
        display: block;
        margin-bottom: 8px
    }

    .passwordless-video.has-error .header-sub {
        display: none
    }

    .passwordless-video .input-wrap {
        flex-basis: 531px
    }
}

@media screen and (min-width:1024px) {
    .passwordless-video {
        flex-basis: 485px
    }

    .passwordless-video .input-wrap {
        flex-basis: 531px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .passwordless-video {
        flex-basis: 485px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .passwordless-video .header {
        margin-bottom: 16px
    }

    .featured-video .sticky-wrapper:not(.sticky-player) .passwordless-video .header-content {
        font-size: 31px;
        line-height: 37px
    }

    .collection-live-event .article-item .passwordless-video .header-content,
    .collection-live-event .item .passwordless-video .header-content {
        font-size: 31px;
        line-height: 37px
    }

    .item-live-stream .passwordless-video .header-sub {
        display: none
    }
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

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

.login-success-modal {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    z-index: 10001;
    display: flex;
    justify-content: center;
    align-items: center
}

.login-success-content {
    background: #fff;
    padding: 48px;
    border-radius: 10px;
    position: relative
}

.login-success-content .logo {
    margin-bottom: 24px
}

.login-success-content .logo::after {
    background-image: url("../images/fox-news-logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    content: "";
    display: block;
    position: static;
    margin: auto;
    height: 64px;
    width: 64px
}

.login-success-content .logo.fbn:after {
    background-image: url("../images/fox-business-2-color.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.login-success-content .header {
    margin-bottom: 8px
}

.login-success-content .header-content {
    color: #222;
    text-align: center;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    letter-spacing: -.5px
}

.login-success-content .modal-subtext {
    color: #666;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.25px
}

.close-modal {
    position: absolute;
    top: 24px;
    right: 24px;
    border-radius: 50%;
    padding: 8px;
    border: none;
    cursor: pointer
}

.close-modal>span {
    position: absolute;
    left: -99999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.close-modal::after {
    content: "";
    display: block;
    position: static;
    background-image: url("../images/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 10px;
    width: 10px
}

.noticias-disclaimer {
    color: #c94d4d;
    background-color: #f4f4f4;
    text-align: center;
    padding: 12px
}

.noticias-disclaimer a {
    font-weight: 700;
    color: #c94d4d
}

.noticias-disclaimer a:hover {
    color: #ef253d;
    text-decoration: underline
}

:root {
    --video-header-inner-padding: 13px 16px;
    --video-header-video-inner-padding: 13px 16px;
    --video-header-dropdown-right: 16px;
    --video-header-video-dropdown-right: 16px
}

.video-site-header .upper {
    border-top: 2px solid var(--brand_secondary);
    color: #fff;
    background-color: var(--brand_primary)
}

.video-site-header .upper .inner {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    padding: var(--video-header-inner-padding)
}

.video-site-header .expandable-toggle {
    flex: 1
}

.video-site-header .expandable-toggle a {
    background-image: url("../images/menu.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: 100%;
    display: block;
    text-indent: -9999px;
    width: 20px;
    height: 12px
}

.video-site-header .expandable-toggle.is-open a {
    background-image: url("../images/menu-close.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 16px;
    height: 16px
}

.video-site-header .branding a {
    background-image: url("../images/fox-news-logo-small.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: 100%;
    display: block;
    text-indent: -9999px;
    height: 24px;
    width: 128px
}

.video-site-header .profile {
    flex: 1;
    padding-right: 16px
}

.video-site-header .dropdown-toggle {
    float: right;
    display: flex;
    align-items: center
}

.video-site-header .log-in {
    display: none
}

.video-site-header .avatar {
    z-index: 101
}

.video-site-header .avatar a {
    background-image: url("../images/icon-avatar.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: cover;
    display: block;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    border-radius: 100px;
    position: relative
}

.video-site-header .avatar a:after {
    content: "";
    background-image: url("../images/more.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: rotate(90deg);
    height: 24px;
    width: 16px;
    position: absolute;
    top: 0;
    right: -16px
}

.video-site-header .dropdown {
    display: none;
    position: absolute;
    width: 288px;
    background-color: var(--components_profile);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
    border-radius: 10px;
    right: var(--video-header-dropdown-right);
    transform: translateY(4px);
    z-index: 100
}

.video-site-header .dropdown .inner {
    padding: 24px 0 24px 24px
}

.video-site-header .dropdown .section {
    display: flex;
    align-items: center;
    padding-right: 24px;
    justify-content: space-between
}

.video-site-header .dropdown .section:not(:last-of-type) {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--components_border);
    margin-bottom: 16px
}

.video-site-header .dropdown .initial {
    width: 32px;
    height: 32px;
    margin: 10px 0;
    color: #fff;
    background: var(--brand_primary);
    border-radius: 100px;
    text-align: center;
    text-transform: capitalize;
    line-height: 32px
}

.video-site-header .dropdown .text b {
    color: var(--typography_heading);
    font-size: 16px;
    font-weight: 900;
    line-height: 22px
}

.video-site-header .dropdown .text p {
    color: var(--typography_text);
    font-size: 11px;
    margin-bottom: 0;
    line-height: 16px
}

.video-site-header .dropdown .button {
    margin-left: 16px
}

.video-site-header .dropdown .button a {
    padding: 8px 12px;
    background-color: var(--brand_primary-lighter);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 16px;
    border-radius: 3px;
    white-space: nowrap
}

.video-site-header .dropdown .button:hover {
    cursor: pointer
}

.video-site-header .dropdown:before {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 85%;
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent var(--components_profile)
}

.video-site-header .dropdown.is-open {
    display: block
}

.video-site-header .mvpd .text.authenticated {
    padding-left: 40px;
    position: relative
}

.video-site-header .mvpd .text.authenticated::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url("../images/unlocked.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: 10.67px 15.33px;
    background-position: 50%;
    background-color: #036;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    left: 0
}

.video-site-header .dark-mode {
    flex-direction: column
}

.video-site-header .dark-mode .top {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.video-site-header .dark-mode .top .text {
    display: flex;
    align-items: center
}

.video-site-header .dark-mode .top .text::before {
    content: "";
    display: block;
    position: absolute;
    position: static;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

:root .video-site-header .dark-mode .top .text::before,
html[data-theme=light] .video-site-header .dark-mode .top .text::before {
    background-image: url("../images/icon-dark-mode.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

@media (prefers-color-scheme:dark) {

    :root .video-site-header .dark-mode .top .text::before,
    html[data-theme=dark] .video-site-header .dark-mode .top .text::before {
        background-image: url("../images/icon-dark-mode-light.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%
    }
}

.video-site-header .toggle-wrap {
    position: relative
}

.video-site-header .toggle {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 8px;
    background: #ccc;
    text-indent: -9999em;
    overflow: hidden;
    top: 1px;
    height: 16px;
    width: 44px
}

.video-site-header .toggle.dark .circle {
    left: calc(100% - 19px)
}

.video-site-header .toggle.dark .bar {
    left: calc(100% - 20px)
}

.video-site-header .toggle.light {
    left: -1px
}

.video-site-header .toggle-handle {
    transition: all .2s linear;
    height: 20px;
    width: 20px
}

.video-site-header .toggle-handle:hover {
    cursor: pointer
}

.video-site-header .bar,
.video-site-header .circle {
    content: "";
    height: 20px;
    display: block
}

.video-site-header .circle {
    box-sizing: border-box;
    border-radius: 50%;
    transition: .25s ease-in-out;
    background: #fff;
    border: .5px solid rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5);
    position: absolute;
    top: -2px;
    left: 0;
    width: 20px;
    z-index: 4
}

.video-site-header .bar {
    transition: .25s ease-in-out;
    background: #6cca13;
    position: relative;
    left: calc(-100% - 8px);
    height: 16px;
    width: 44px
}

.video-site-header .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--brand_primary);
    border-top: 1px solid var(--components_header-border);
    z-index: 100
}

.video-site-header .nav.is-open {
    display: block
}

.video-site-header .nav-list {
    display: flex;
    flex-direction: column;
    align-items: center
}

.video-site-header .nav-item {
    margin-top: 24px
}

.video-site-header .nav-item:last-of-type {
    margin-bottom: 32px
}

.video-site-header .nav-item a {
    color: #fff;
    font-weight: 900;
    font-size: 16px
}

.video-site-header.video .upper .inner {
    padding: var(--video-header-video-inner-padding)
}

.video-site-header.video .dropdown {
    right: var(--video-header-video-dropdown-right)
}

@keyframes live_pill_pulse {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: .5
    }
}

.video-site-footer {
    border-top: 1px solid var(--components_border)
}

.video-site-footer .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 16px
}

.video-site-footer .branding {
    margin-bottom: 16px
}

.video-site-footer .branding a {
    background-image: url("../images/logo-fox-news-footer-light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: 100%;
    display: block;
    text-indent: -9999px;
    height: 48px;
    width: 48px
}

:root .video-site-footer .branding a,
html[data-theme=light] .video-site-footer .branding a {
    opacity: 100%
}

@media (prefers-color-scheme:dark) {

    :root .video-site-footer .branding a,
    html[data-theme=dark] .video-site-footer .branding a {
        opacity: 25%
    }
}

.video-site-footer .nav ul {
    display: flex;
    flex-direction: column;
    align-items: center
}

.video-site-footer .nav-item {
    margin-bottom: 16px
}

.video-site-footer .nav-item a {
    font-size: 16px;
    font-weight: 900;
    color: var(--typography_anchor)
}

.video-site-footer .copyright {
    text-align: center;
    color: var(--typography_text)
}

.video-site-footer .copyright p {
    font-size: 12px;
    margin-bottom: 0
}

#wrapper {
    background-color: var(--background)
}

a {
    text-decoration: none
}

p {
    font-size: 14px;
    line-height: 21px;
    /* margin-bottom: 14px */
}

::selection {
    color: #fff;
    background: var(--brand_primary)
}

.page-content,
.post-content,
.pre-content {
    width: 100%
}

.row {
    clear: both;
    position: relative
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.sidebar {
    padding: 12px 11px 0 11px
}

body {
    background-color: var(--background)
}

body>#fncmvpd-xdcomm,
body>img[src*="pix.pub"] {
    position: absolute;
    left: -100%
}

.overlay {
    transition: opacity .2s ease-in-out;
    box-shadow: 0 0 4px 5px rgba(0, 0, 0, .3);
    opacity: .8;
    border-radius: 50%;
    color: rgba(0, 0, 0, .2);
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
    text-indent: -9999em
}

a:hover .overlay {
    opacity: 1
}

.video-ct .overlay {
    background-image: url("../images/video.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.list-article-ct .overlay,
.listpage-ct .overlay {
    background-image: url("../images/list.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.interactive-ct .overlay {
    background-image: url("../images/interactive.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.slideshow-ct .overlay {
    background-image: url("../images/slideshow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.ad-container {
    text-align: center
}

.ad-container .ad .gpt {
    text-align: center
}

.ad-container .ad img {
    display: block;
    margin: 0 auto
}

.ad-container.sticky-ad,
.ad-container.sticky-ads {
    position: fixed;
    z-index: 999;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    display: block
}

.ad-container.sticky-ad.flex.ad-container,
.ad-container.sticky-ads.flex.ad-container {
    width: 100%
}

.ad-container.ad-loaded .ad {
    display: flex;
    align-items: center;
    justify-content: center
}

.advert-txt {
    display: block;
    color: #666;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    margin-top: 8px
}

.ad-h-0 {
    padding: 0;
    margin: 0
}

.ad-h-0 .ad {
    margin: 0;
    padding: 0
}

.ad-h-20 {
    min-height: 20px
}

.ad-h-20 .ad {
    min-height: 20px
}

.ad-h-28 {
    min-height: 28px
}

.ad-h-28 .ad {
    min-height: 28px
}

.ad-h-30 {
    min-height: 30px
}

.ad-h-30 .ad {
    min-height: 30px
}

.ad-h-31 {
    min-height: 31px
}

.ad-h-31 .ad {
    min-height: 31px
}

.ad-h-36 {
    min-height: 36px
}

.ad-h-36 .ad {
    min-height: 36px
}

.ad-h-50 {
    min-height: 50px
}

.ad-h-50 .ad {
    min-height: 50px
}

.ad-h-60 {
    min-height: 60px
}

.ad-h-60 .ad {
    min-height: 60px
}

.ad-h-66 {
    min-height: 66px
}

.ad-h-66 .ad {
    min-height: 66px
}

.ad-h-90 {
    min-height: 90px
}

.ad-h-90 .ad {
    min-height: 90px
}

.ad-h-250 {
    min-height: 250px
}

.ad-h-250 .ad {
    min-height: 250px
}

.ad-h-600 {
    min-height: 600px
}

.ad-h-600 .ad {
    min-height: 600px
}

.ad-h-1050 {
    min-height: 1050px
}

.ad-h-1050 .ad {
    min-height: 1050px
}

.ad-h-1136 {
    min-height: 1136px
}

.ad-h-1136 .ad {
    min-height: 1136px
}

.ad-h-1334 {
    min-height: 1334px
}

.ad-h-1334 .ad {
    min-height: 1334px
}

.ad-h-1920 {
    min-height: 1920px
}

.ad-h-1920 .ad {
    min-height: 1920px
}

.ad-h-1920 {
    min-height: 1920px
}

.ad-h-1920 .ad {
    min-height: 1920px
}

.ad-w-120 {
    min-width: 120px
}

.ad-w-120 .ad {
    min-width: 120px
}

.ad-w-160 {
    min-width: 160px
}

.ad-w-160 .ad {
    min-width: 160px
}

.ad-w-168 {
    min-width: 168px
}

.ad-w-168 .ad {
    min-width: 168px
}

.ad-w-216 {
    min-width: 216px
}

.ad-w-216 .ad {
    min-width: 216px
}

.ad-w-300 {
    min-width: 300px
}

.ad-w-300 .ad {
    min-width: 300px
}

.ad-w-320 {
    min-width: 320px
}

.ad-w-320 .ad {
    min-width: 320px
}

.ad-w-640 {
    min-width: 640px
}

.ad-w-640 .ad {
    min-width: 640px
}

.ad-w-728 {
    min-width: 728px
}

.ad-w-728 .ad {
    min-width: 728px
}

.ad-w-750 {
    min-width: 750px
}

.ad-w-750 .ad {
    min-width: 750px
}

.ad-w-970 {
    min-width: 970px
}

.ad-w-970 .ad {
    min-width: 970px
}

.ad-w-1080 {
    min-width: 1080px
}

.ad-w-1080 .ad {
    min-width: 1080px
}

.featured {
    clear: both;
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 24px
}

.featured .m .overlay {
    width: 75px;
    height: 75px;
    right: 20px;
    bottom: 20px
}

.featured .info {
    padding-top: 12px
}

.featured .info .caption {
    border-bottom: 1px solid #cedfef
}

.featured .info .caption .title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px
}

.featured .info .caption p {
    color: #666;
    font-size: 11px;
    line-height: 16px;
    font-weight: 300;
    margin-bottom: 16px
}

.featured.featured-video .control {
    display: none
}

.featured.featured-video .video-container .video-player .unauthorized-mvpd {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    background-color: #000
}

.featured.featured-video .video-container .video-player .unauthorized-mvpd p {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    padding: 0 17%;
    color: #fff;
    font-size: 18px
}

.featured.featured-video .video-container .video-player .unauthorized-mvpd:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .9;
    position: absolute;
    left: 0;
    top: 0
}

.featured.featured-image .slides .m {
    display: block;
    margin: 0;
    -webkit-user-select: none;
    user-select: none
}

.featured.featured-image .slides .slide-container {
    position: relative;
    overflow: hidden;
    list-style: none;
    margin-bottom: 0
}

.featured.featured-image .slides .slide-container:after {
    content: "";
    display: table;
    clear: both
}

.featured.featured-image .slides .slide-container li.slide {
    display: none
}

.featured.featured-image .slides input {
    display: none
}

.featured.featured-image .slides input:checked+.slide {
    display: block
}

.featured.featured-image .ctrl {
    width: 100%;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 56%
}

.featured.featured-image .ctrl .next,
.featured.featured-image .ctrl .prev {
    box-shadow: 0 0 5px 2px;
    transition: opacity .2s ease-in-out;
    opacity: .9;
    width: 45px;
    height: 45px;
    border-radius: 5px;
    background: #fff;
    text-indent: -9999px;
    color: #d3d3d3;
    cursor: pointer
}

.featured.featured-image .ctrl .next:after,
.featured.featured-image .ctrl .next:before,
.featured.featured-image .ctrl .prev:after,
.featured.featured-image .ctrl .prev:before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 20px;
    background: #d3d3d3
}

.featured.featured-image .ctrl .next:before,
.featured.featured-image .ctrl .prev:before {
    top: 6px
}

.featured.featured-image .ctrl .next:after,
.featured.featured-image .ctrl .prev:after {
    bottom: 6px
}

.featured.featured-image .ctrl .next:hover,
.featured.featured-image .ctrl .prev:hover {
    opacity: 1
}

.featured.featured-image .ctrl .prev {
    position: absolute;
    left: -2px
}

.featured.featured-image .ctrl .prev:after,
.featured.featured-image .ctrl .prev:before {
    left: 20px
}

.featured.featured-image .ctrl .prev:before {
    transform: rotate(45deg) translate3d(0, 0, 0)
}

.featured.featured-image .ctrl .prev:after {
    transform: rotate(-45deg) translate3d(0, 0, 0)
}

.featured.featured-image .ctrl .next {
    position: absolute;
    right: -2px
}

.featured.featured-image .ctrl .next:after,
.featured.featured-image .ctrl .next:before {
    right: 20px
}

.featured.featured-image .ctrl .next:before {
    transform: rotate(-45deg) translate3d(0, 0, 0)
}

.featured.featured-image .ctrl .next:after {
    transform: rotate(45deg) translate3d(0, 0, 0)
}

.featured.featured-image .pager {
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 6px
}

.featured.featured-image .info .caption p {
    color: #222;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700
}

.video-container {
    background-color: #000;
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    min-height: 100%;
    width: 100%
}

.video-player {
    position: static
}

.article-single .social-icons a,
.article-single .social-icons button {
    overflow: hidden
}

.social-icons ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.social-icons a,
.social-icons button {
    display: block;
    color: #fff;
    background-color: #036;
    border-radius: 50%;
    transition: background .2s ease-in-out;
    line-height: 30px;
    position: relative;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    width: 30px
}

.social-icons a:after,
.social-icons button:after {
    display: block;
    content: "";
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.social-icons button {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: 0
}

.social-icons .fb>:after {
    background-image: url("../images/facebook.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 7px
}

.social-icons .tw>:after {
    background-image: url("../images/x.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 13px;
    width: 16px
}

.social-icons .ig>:after {
    background-image: url("../images/instagram.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .sc>:after {
    background-image: url("../images/snapchat.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 17px
}

.social-icons .pc>:after {
    background-image: url("../images/podcast.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 10px
}

.social-icons .apple-pc>:after {
    background-image: url("../images/social-podcast.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 13px
}

.social-icons .li>:after {
    background-image: url("../images/linked-in.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .flipboard>:after {
    background-image: url("../images/flipboard.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .iheartradio>:after,
.social-icons .ihr>:after {
    background-image: url("../images/iheartradio.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .spotify>:after {
    background-image: url("../images/spotify.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .youtube>:after,
.social-icons .yt>:after {
    background-image: url("../images/youtube.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .rss>:after {
    background-image: url("../images/rss.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .email>:after {
    background-image: url("../images/email.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 10px;
    width: 15px
}

.social-icons .comments>:after {
    background-image: url("../images/bubble.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 15px
}

.social-icons .print>:after {
    background-image: url("../images/print.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 18px
}

.social-icons .sms>:after {
    background-image: url("../images/imessage.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 20px;
    width: 20px
}

.social-icons .messenger>:after {
    background-image: url("../images/fb-messenger.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .read>:after {
    background-image: url("../images/read-later.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 10px
}

.social-icons .nation>* {
    border-radius: 6px;
    width: 82px;
    height: 30px
}

.social-icons .nation>:after {
    background-image: url("../images/fox-nation-horizontal.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 1px 5px;
    width: 57px;
    height: 14px
}

.social-icons .slack>:after {
    background-image: url("../images/slack.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .newsletters>:after {
    background-image: url("../images/email.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 16px;
    width: 16px
}

.social-icons .link>:after {
    background-image: url("../images/link.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 15px;
    width: 15px
}

.temppass-countdown {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #c20017;
    background: #ffdce0
}

.temppass-countdown .mvpd-login {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    background: #d20f26;
    border-radius: 3px;
    color: #fff;
    font-weight: 900;
    font-size: 13px;
    line-height: 18px;
    border: none;
    cursor: pointer
}

.temppass-countdown .mvpd-login .tablet-desktop {
    margin-left: 4px
}

.temppass-countdown-text {
    color: #c20017;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.25px
}

.temppass-countdown-text .time-remaining {
    font-weight: 700
}

[data-theme=dark] .temppass-countdown {
    border-color: #fe2741;
    background-color: #240c0f
}

[data-theme=dark] .temppass-countdown .mvpd-login {
    background: #fe2741
}

[data-theme=dark] .temppass-countdown-text {
    color: #fe2741
}

.collection-next-up .heading {
    margin-bottom: 16px
}

.collection-next-up .heading .title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
    color: var(--typography_heading)
}

.collection-next-up .content>* {
    margin-bottom: 16px
}

.collection-next-up .video-item {
    display: flex
}

.collection-next-up .video-item:last-of-type {
    margin-bottom: 24px
}

.collection-next-up .m {
    margin-right: 12px;
    flex-shrink: 0
}

.collection-next-up .m a {
    max-width: 132px
}

.collection-next-up img {
    max-width: 100%;
    min-width: 132px;
    min-height: 74px;
    border-radius: 5px
}

.collection-next-up .duration {
    position: absolute;
    right: 4px;
    bottom: 4px;
    padding: 4px 6px;
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    font-weight: 900
}

.collection-next-up .title a {
    font-size: 13px;
    font-weight: 900;
    line-height: 16px;
    color: var(--typography_anchor)
}

.collection-next-up .time {
    font-size: 11px;
    color: var(--typography_text)
}

.subscription-bar {
    display: flex;
    flex-direction: column;
    margin: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.25px;
    color: var(--typography_heading)
}

.subscription-bar-item {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    padding: 12px 16px;
    border: 1px solid var(--components_border);
    border-radius: 4px
}

.subscription-button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    background: var(--button-background);
    border-radius: 3px;
    color: var(--button-text-color);
    font-weight: 900;
    font-size: 13px;
    line-height: 18px
}

.subscription-text {
    display: flex;
    align-items: center
}

.subscription-text::before {
    content: "";
    display: block;
    background-image: url("../images/icon-subscription-light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-right: 14.25px
}

[data-theme=dark] .subscription-text::before {
    background-image: url("../images/icon-subscription-dark.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.page-content {
    width: 100%;
    max-width: 1652px
}

.featured-video .video-container {
    margin-bottom: 12px
}

.featured-video .sticky-player {
    position: fixed;
    top: 0;
    z-index: 1
}

.featured-video .sticky-player .control {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    background-color: #000
}

.featured-video .sticky-player .control .close,
.featured-video .sticky-player .control .top {
    text-indent: -9999px;
    width: 20px;
    height: 20px
}

.featured-video .sticky-player .control .top {
    background-image: url("../images/back-to-top.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.featured-video .sticky-player .control .close {
    background-image: url("../images/menu-close.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.featured-video .sticky-msg {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.featured-video .video-meta {
    padding: 0 16px 25px;
    border-bottom: 1px solid var(--components_border)
}

.featured-video .meta-upper {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: var(--typography_text);
    margin-bottom: 4px
}

.featured-video .clip-meta {
    display: flex;
    align-items: center
}

.featured-video .eyebrow {
    margin-right: 8px
}

.featured-video .eyebrow a,
.featured-video .eyebrow span {
    color: var(--brand_primary-lighter-1);
    font-weight: 900
}

.featured-video .publish-date::after,
.featured-video .runtime::after {
    content: "·";
    display: block;
    float: right;
    margin: 0 4px
}

.featured-video .exp-date,
.featured-video .type {
    padding: 3px;
    border: 1px solid var(--typography_text);
    border-radius: 3px
}

.featured-video .type {
    margin-right: 4px
}

.featured-video .type.live {
    border: none;
    background-color: var(--brand_secondary);
    font-weight: 900;
    color: #fff;
    padding: 4px 6px;
    font-size: 10px
}

.featured-video .provider {
    margin-left: auto
}

.featured-video .info {
    padding: 0;
    margin-bottom: 16px
}

.featured-video .info .title {
    color: var(--typography_heading);
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 900
}

.featured-video .info .dek {
    color: var(--typography_text);
    margin-bottom: 0;
    font-size: 12px;
    -webkit-line-clamp: none
}

.featured-video .info .dek .is-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical
}

.featured-video .info .dek .dek-show-button {
    padding: 0;
    background: 0 0;
    color: var(--typography_anchor);
    border: none;
    font: inherit;
    cursor: pointer
}

.featured-video .info .dek .dek-show-button:hover {
    text-decoration: underline
}

.featured-video .meta-lower {
    display: flex;
    align-items: center
}

.featured-video .social-sharing {
    cursor: pointer
}





.featured-video .video-tags {
    border-top: 1px solid var(--components_border);
    margin-top: 25px;
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 31px;
    padding-bottom: 16px
}

.featured-video .tags-wrapper {
    padding: 0 16px;
    white-space: nowrap;
    overflow-x: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.featured-video .tags-wrapper::-webkit-scrollbar {
    display: none
}

.featured-video .tags-wrapper span {
    color: var(--typography_text);
    font-size: 12px;
    line-height: 18px;
    margin-right: 8px
}

.featured-video .tags {
    display: inline-block
}

.featured-video .tag {
    display: inline-block;
    margin-right: 8px;
    font-size: 10px;
    font-weight: 900;
    line-height: 14px;
    padding: 6px 10px;
    background-color: var(--components_tags);
    border: 1px solid var(--components_tags-border);
    border-radius: 26px
}

.featured-video .tag a {
    color: var(--components_video-tags)
}

.featured-video .toggle {
    display: flex;
    align-items: center;
    padding: 7.5px 12px;
    background-color: var(--components_social);
    border: 1px solid var(--components_social-border);
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

.featured-video .toggle::before {
    content: "";
    display: block;
    background-image: url("../images/icon-comment.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 15px;
    height: 16px;
    margin-right: 4.5px
}

.page-content:after {
    content: "";
    display: table;
    clear: both
}

html .fn.article-single .alert-banner,
html .fn.live-event .alert-banner {
    bottom: 75px
}

html .fn.article-single .site-footer,
html .fn.live-event .site-footer {
    padding-bottom: 68px
}

html .mobile {
    display: block
}

html .mobile.ad-container {
    display: block;
    margin-bottom: 22px
}

html .mobile.ad-container.ad-placeholder-load {
    background-color: var(--components_top-ad-bg);
    min-height: 298px
}

html .mobile.ad-container.ad-placeholder-load .inline {
    display: flex;
    align-items: center;
    justify-content: center
}

html .mobile.ad-container.ad-loaded {
    margin: 24px 0
}

html .mobile.sticky-ad,
html .mobile.sticky-ads {
    position: fixed;
    z-index: 999;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    left: 0
}

html .mobile.sticky-ad.flex.ad-container,
html .mobile.sticky-ads.flex.ad-container {
    width: 100%
}

html .mobile.adhesion-ad {
    height: 68px;
    background: rgba(0, 0, 0, .75)
}

html .mobile.adhesion-ad .ad {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

html .mobile.adhesion-ad.stuck .ad-container.sticky-ad,
html .mobile.adhesion-ad.stuck .ad-container.sticky-ads {
    position: absolute
}

html .mobile-tablet {
    display: block
}

html .mobile-tablet.ad-container {
    display: block;
    margin-bottom: 22px
}

html .mobile-tablet .mobile.ad-container {
    display: block
}

html .mobile-tablet .tablet.ad-container {
    display: none
}

html .mobile-desktop {
    display: block
}

html .mobile-desktop.ad-container {
    display: block;
    margin-bottom: 22px
}

html .mobile-desktop .mobile.ad-container {
    display: block
}

html .mobile-desktop .desktop.ad-container {
    display: none
}

html .tablet {
    display: none
}

html .tablet.ad-container {
    display: none
}

html .tablet-desktop {
    display: none
}

html .tablet-desktop.ad-container {
    display: none
}

html .desktop {
    display: none
}

html .desktop.ad-container {
    display: none
}

#ifr-mktfutures,
.gpt-inst {
    position: absolute;
    top: 0;
    left: 0
}

body.modal-open {
    overflow: hidden
}

.popup-modal {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .96);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    z-index: 520
}

.modal {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .2) 0 0 300px 0;
    border-radius: 5px;
    position: relative;
    margin: 50px auto 0;
    min-width: 296px;
    width: 100%
}

.modal:before {
    content: "Click anywhere outside the window to close.";
    color: #666;
    font-size: 11px;
    text-align: center;
    position: absolute;
    left: 0;
    top: -18px;
    width: 100%
}

.modal .close {
    display: block;
    float: left;
    background: url("../images/close.png") no-repeat;
    background-size: 100% 100%;
    text-indent: -9999px;
    position: absolute;
    top: -12px;
    right: -12px;
    height: 24px;
    width: 24px;
    z-index: 1
}

.modal .content .m .fox-video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.modal .content .m .fox-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal .info {
    padding: 16px;
    text-align: center
}

.modal .title {
    font-size: 14px;
    margin-bottom: 6px
}

.modal span {
    font-size: 12px;
    line-height: 20px
}

.popup-modal {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .96);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 24px;
    z-index: 250
}

.modal-notification {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .2) 0 0 300px 0;
    border-radius: 5px;
    position: relative;
    top: 50%;
    margin: 0 auto;
    transform: translate(0, -50%);
    width: 100%;
    min-width: 296px;
    max-width: 500px
}

.modal-notification:before {
    content: "Click anywhere outside the window to close.";
    color: #666;
    font-size: 11px;
    text-align: center;
    position: absolute;
    left: 0;
    top: -18px;
    width: 100%
}

.modal-notification .close {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #c94d4d;
    border-radius: 50%;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    height: 24px;
    width: 24px;
    z-index: 1
}

.modal-notification .close svg {
    display: block
}

.modal-notification .close svg path {
    fill: white
}

.modal-notification .info {
    padding: 16px;
    text-align: center
}

.modal-notification .title {
    font-size: 18px;
    line-height: 1.5
}

.modal-notification span {
    font-size: 12px;
    line-height: 1.5
}

.modal-notification a {
    color: inherit;
    text-decoration: underline
}

.modal-notification a:hover {
    text-decoration: none
}

.share-panel {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: var(--background);
    border-radius: 16px;
    padding: 64px 48px 48px;
    min-width: 320px
}

.share-panel__header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
    color: var(--typography_heading);
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: -.25px
}

.share-panel__title {
    font-size: 18px;
    font-weight: 700
}

.share-panel__close {
    background-image: url("../images/close-light-gray.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 8px;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.share-panel__close:hover {
    opacity: .8
}

.share-panel__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width:480px) {
    .share-panel__content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px
    }
}

.share-panel__item a {
    display: grid;
    justify-items: center;
    padding: 0 16px;
    color: var(--typography_text);
    gap: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.25px;
    white-space: nowrap;
    min-width: 0
}

.share-panel__item a:hover {
    opacity: .8
}

.share-panel__item a::before {
    content: "";
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    border-radius: 40px;
    background-color: var(--background-modal-icon)
}

.share-panel__item a.facebook::before {
    background-image: url("../images/shareFacebook.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.share-panel__item a.twitter::before {
    background-image: url("../images/shareX.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.share-panel__item a.email::before {
    background-image: url("../images/shareEmail-light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: auto
}

.share-panel__item a.copy::before {
    background-image: url("../images/shareLink-light.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: auto
}

html[data-theme=dark] .share-panel__item a.email::before {
    background-image: url("../images/shareEmail.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

html[data-theme=dark] .share-panel__item a.copy::before {
    background-image: url("../images/shareLink.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

html[data-theme=dark] .share-panel__close {
    background-image: url("../images/close-gray.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

html[data-theme=dark] .share-panel__content a.email::before {
    background-image: url("../images/shareEmail.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: auto
}

html[data-theme=dark] .share-panel__content a.copy::before {
    background-image: url("../images/shareLink.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-size: auto
}

.sidebar {
    min-width: 300px;
    min-height: 1566px
}

.live-schedule .heading {
    display: flex;
    flex: 1 0 100%;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px
}

.live-schedule .heading .title {
    color: var(--typography_heading);
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: -.25px
}

.live-schedule .heading .tz {
    color: var(--typography_text);
    font-size: 11px;
    font-weight: 400;
    line-height: 16px
}

.live-schedule .content {
    display: flex;
    flex: 1 0 100%;
    width: 100%;
    flex-flow: row wrap;
    padding: 0;
    color: var(--typography_heading);
    min-width: 320px;
    min-height: 401px;
    overflow: hidden;
    width: 100%;
    align-items: flex-start;
    align-content: flex-start
}

.live-schedule .schedule {
    display: flex;
    flex: 1 0 100%;
    width: 100%;
    flex-flow: row wrap;
    flex-flow: row nowrap;
    padding: 0;
    border-top: 1px solid var(--components_border)
}

.live-schedule .timeline {
    display: flex;
    flex: 1 0 100%;
    width: 100%;
    flex-flow: row wrap
}

.live-schedule .timeline .live-tile {
    font-size: 11px;
    color: var(--typography_text);
    line-height: 13px;
    border-left: 0 none
}

.live-schedule .logo {
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 80px;
    text-indent: -9999px
}

.live-schedule .logo:after {
    display: flex;
    content: "";
    width: 48px;
    height: 48px;
    background-size: contain
}

.live-schedule .logo.fnc:after {
    background-image: url("../images/fox-news-logo_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.live-schedule .logo.fbn:after {
    background-image: url("../images/fox-business-2-color_1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.live-schedule .logo.weather:after {
    background-image: url("../images/fox-weather-logo-stacked-color.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.live-schedule .logo.radio:after {
    background-image: url("../images/logo-fox-news-radio.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.live-schedule .logo.live:after {
    background-image: url("../images/logo-fox-news-digital-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.live-schedule .live-tile {
    display: flex;
    flex-flow: row wrap;
    gap: 4px;
    padding: 16px;
    align-content: flex-start;
    overflow: hidden;
    border-left: 1px solid var(--components_border)
}

.live-schedule .live-tile .title {
    display: block;
    flex: 0 1 100%;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: -.03px;
    line-height: 20px;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.live-schedule .live-tile .time-slot {
    display: block;
    width: 100%;
    color: var(--typography_text);
    font-size: 11px;
    line-height: 16px
}

.live-schedule .live-tile .watch-container {
    display: flex;
    flex: 1 0 100%;
    width: 100%;
    flex-flow: row wrap;
    margin-top: 8px
}

.live-schedule .live-tile .watch {
    height: 24px;
    width: 47px;
    border-radius: 3px;
    border: 1px solid var(--components_border-darker);
    color: var(--typography_heading);
    font-size: 11px;
    font-weight: 900;
    line-height: 24px;
    text-align: center;
    box-sizing: content-box
}

.live-schedule .live-tile.timeslot-1 {
    flex: 0 1 calc((100% - 80px)/ 3);
    width: calc((100% - 80px)/ 3)
}

.live-schedule .live-tile.timeslot-2,
.live-schedule .live-tile.timeslot-3 {
    flex: 0 1 calc((100% - 80px)/ 1.5);
    width: calc((100% - 80px)/ 1.5)
}

.live-schedule .live-tile.timeslot-4,
.live-schedule .live-tile.timeslot-5,
.live-schedule .live-tile.timeslot-6 {
    flex: 0 1 calc(100% - 80px);
    width: calc(100% - 80px)
}

.live-schedule .live-tile.not-mobile {
    display: none
}

.live-schedule .live-tile:nth-child(n+3):not(.timeslot-1) {
    flex: 0 1 calc((100% - 80px)/ 3);
    width: calc((100% - 80px)/ 3)
}

.pre-content .ad-container {
    margin-top: 12px;
    min-height: 298px;
    background-color: var(--components_top-ad-bg);
    display: flex;
    flex-flow: column;
    justify-content: center
}

.commenting {
    opacity: 0
}

.commenting.visible {
    opacity: 1
}

html[data-theme=dark] .logo.fbn.fbn:after {
    background-image: url("../images/fox-business-2-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.social-icons .fb>:hover {
    background: #3b5998
}

.social-icons .tw>:hover {
    background: #000
}

.social-icons .ig>* {
    transition: none
}

.social-icons .ig>:hover {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%)
}

.social-icons .sc>:hover {
    background: #fffc00
}

.social-icons .youtube>:hover,
.social-icons .yt>:hover {
    background: red
}

.social-icons .spotify>:hover {
    background: #1db954
}

.social-icons .iheartradio>:hover,
.social-icons .ihr>:hover {
    background: #c6002b
}

.social-icons .pc>:hover {
    background: purple
}

.social-icons .li>:hover {
    background: #0077b5
}

.social-icons .flipboard>:hover {
    background: #e12828
}

.social-icons .rss>:hover {
    background: #f26522
}

.social-icons .email>:hover {
    background: gray
}

.social-icons .slack>:hover {
    background: #481a4d
}

.social-icons .newsletters>:hover {
    background: gray
}

.featured-video .video-player {
    min-width: 320px;
    min-height: 180px
}

.featured-video .video-meta {
    min-width: 320px;
    min-height: 223px
}

.featured-video .video-meta .mobile.ad-container {
    margin-top: 16px;
    margin-bottom: 0
}

.subscription-bar {
    margin: 16px
}

@media screen and (min-width:768px) {
    :root {
        --video-header-inner-padding: 13px 32px;
        --video-header-dropdown-right: 32px
    }

    .video-site-header .expandable-toggle {
        display: none
    }

    .video-site-header .branding {
        flex: 1
    }

    .video-site-header .nav {
        display: block;
        position: static;
        border-top: none;
        width: auto
    }

    .video-site-header .nav-list {
        flex-direction: row;
        justify-content: center
    }

    .video-site-header .nav-item {
        margin: 0 4px 0 0
    }

    .video-site-header .nav-item:last-of-type {
        margin-bottom: 0
    }

    .video-site-header .nav-item a {
        display: block;
        font-size: 14px;
        padding: 6px 12px;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .video-site-header .nav-item a:hover {
        border-color: rgba(255, 255, 255, .33)
    }

    .video-site-header .nav-item .watch-live {
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .video-site-header .nav-item .watch-live::before {
        content: "";
        display: block;
        position: static;
        animation: live_pill_pulse 2s infinite ease-in-out;
        border-radius: 50%;
        background: var(--brand_secondary);
        height: 8px;
        width: 8px;
        margin-right: 8px
    }

    .video-site-header .nav-item .selected {
        background-color: #fff;
        color: var(--brand_primary)
    }

    .video-site-header .dropdown-toggle .log-in {
        display: block;
        z-index: 101
    }

    .video-site-header .dropdown-toggle .log-in a {
        padding: 4.5px 8.5px;
        border: 1px solid rgba(255, 255, 255, .25);
        border-radius: 3px;
        font-size: 11px;
        color: #fff;
        margin-right: 7.5px
    }

    .video-site-footer .inner {
        flex-direction: row;
        padding: 32px
    }

    .video-site-footer .branding {
        margin-right: 24px
    }

    .video-site-footer .nav ul {
        flex-flow: row wrap
    }

    .video-site-footer .nav-item {
        margin: 0 24px 8px 0
    }

    .video-site-footer .copyright {
        text-align: left
    }

    html .fn.article-single .alert-banner,
    html .fn.live-event .alert-banner {
        bottom: 0
    }

    html .fn.article-single .site-footer,
    html .fn.live-event .site-footer {
        padding-bottom: 24px
    }

    html .mobile {
        display: none
    }

    html .mobile.ad-container {
        display: none
    }

    html .mobile-tablet {
        display: block
    }

    html .mobile-tablet.ad-container {
        display: block;
        margin-bottom: 22px
    }

    html .mobile-tablet .mobile.ad-container {
        display: none
    }

    html .mobile-tablet .tablet.ad-container {
        display: block
    }

    html .mobile-desktop {
        display: none
    }

    html .mobile-desktop.ad-container {
        display: none
    }

    html .mobile-desktop .mobile.ad-container {
        display: none
    }

    html .mobile-desktop .desktop.ad-container {
        display: none
    }

    html .tablet {
        display: block
    }

    html .tablet.ad-container {
        display: block;
        margin-bottom: 22px
    }

    html .tablet.ad-container.sticky-ad,
    html .tablet.ad-container.sticky-ads {
        margin-bottom: 0
    }

    html .tablet.ad-container.sticky-ad .inline,
    html .tablet.ad-container.sticky-ads .inline {
        margin-bottom: 0
    }

    html .tablet.ad-container.sticky-ad:has(> [data-ad-slot-rendered="1"]:not([data-ad-slot-empty="1"]))~.post-content .alert-banner,
    html .tablet.ad-container.sticky-ads:has(> [data-ad-slot-rendered="1"]:not([data-ad-slot-empty="1"]))~.post-content .alert-banner {
        bottom: 90px
    }

    html .tablet.ad-container.ad-loaded {
        margin: 24px 0
    }

    html .tablet-desktop {
        display: block
    }

    html .tablet-desktop.ad-container {
        display: block
    }

    html .tablet-desktop .tablet.ad-container {
        display: block
    }

    html .tablet-desktop .desktop.ad-container {
        display: none
    }

    html .desktop {
        display: none
    }

    html .desktop.ad-container {
        display: none
    }

    .sidebar {
        min-width: 300px;
        min-height: 1662px
    }

    .live-schedule .content {
        min-width: 421px;
        min-height: 424px
    }

    .live-schedule .live-tile.not-mobile {
        display: flex
    }

    .live-schedule .live-tile.timeslot-1 {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 1));
        width: calc((100% - 80px)/ calc(5 / 1))
    }

    .live-schedule .live-tile.timeslot-1:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 1));
        width: calc((100% - 80px)/ calc(5 / 1))
    }

    .live-schedule .live-tile.timeslot-1:last-child {
        width: calc((100% - 80px)/ 5);
        flex-shrink: 1;
        display: none
    }

    .live-schedule .live-tile.timeslot-2 {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 2));
        width: calc((100% - 80px)/ calc(5 / 2))
    }

    .live-schedule .live-tile.timeslot-2:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 2));
        width: calc((100% - 80px)/ calc(5 / 2))
    }

    .live-schedule .live-tile.timeslot-2:last-child {
        width: calc((100% - 80px)/ 5);
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-3 {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 3));
        width: calc((100% - 80px)/ calc(5 / 3))
    }

    .live-schedule .live-tile.timeslot-3:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 3));
        width: calc((100% - 80px)/ calc(5 / 3))
    }

    .live-schedule .live-tile.timeslot-3:last-child {
        width: calc((100% - 80px)/ 5);
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-4 {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 4));
        width: calc((100% - 80px)/ calc(5 / 4))
    }

    .live-schedule .live-tile.timeslot-4:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 4));
        width: calc((100% - 80px)/ calc(5 / 4))
    }

    .live-schedule .live-tile.timeslot-4:last-child {
        width: calc((100% - 80px)/ 5);
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-5 {
        flex: 0 0 calc(100% - 80px);
        width: calc(100% - 80px)
    }

    .live-schedule .live-tile.timeslot-5:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(5 / 5));
        width: calc((100% - 80px)/ calc(5 / 5))
    }

    .live-schedule .live-tile.timeslot-5:last-child {
        width: calc((100% - 80px)/ 5);
        flex-shrink: 1
    }

    .featured .m .overlay {
        width: 139px;
        height: 139px
    }

    .featured .info {
        padding-top: 18px
    }

    .featured .info .caption .title {
        font-size: 18px;
        line-height: 24px
    }

    .featured .info .caption p {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 20px
    }

    .featured.featured-video.sticky-video {
        background: url("../images/fox-news-default.png") center center no-repeat #eee;
        height: 450px
    }

    .featured.featured-video.sticky-video .contain {
        position: fixed;
        width: calc(100% - 96px);
        background: #000;
        top: 0;
        z-index: 250
    }

    .featured.featured-video.sticky-video .contain .control {
        display: block
    }

    .featured.featured-video.sticky-video .contain .control .close,
    .featured.featured-video.sticky-video .contain .control .top {
        position: absolute;
        width: 20px;
        height: 20px;
        right: 5px
    }

    .featured.featured-video.sticky-video .contain .control .close {
        color: #666;
        font-size: 12px;
        top: 5px;
        height: 14px;
        width: 46px
    }

    .featured.featured-video.sticky-video .contain .control .close:after,
    .featured.featured-video.sticky-video .contain .control .close:before {
        content: "";
        display: block;
        background: #666;
        position: absolute;
        top: 6px;
        right: 0;
        width: 12px;
        height: 2px
    }

    .featured.featured-video.sticky-video .contain .control .close:before {
        transform: rotate(45deg) translate3d(0, 0, 0)
    }

    .featured.featured-video.sticky-video .contain .control .close:after {
        transform: rotate(-45deg) translate3d(0, 0, 0)
    }

    .featured.featured-video.sticky-video .contain .control .top {
        background: url("../images/article-video-hide.png") center center no-repeat;
        bottom: 5px
    }

    .featured.featured-video.sticky-video .contain .video-container {
        float: left;
        margin-bottom: 0;
        width: 66%
    }

    .featured.featured-video.sticky-video .contain .video-container .video-player .unauthorized-mvpd p {
        font-size: 18px
    }

    .featured.featured-video.sticky-video .contain .info {
        float: left;
        padding: 20px 12px 0;
        width: 30%
    }

    .featured.featured-video.sticky-video .contain .info .caption {
        border: 0 none
    }

    .featured.featured-video.sticky-video .contain .info .title {
        vertical-align: top;
        font-size: 14px;
        line-height: 1.5
    }

    .featured.featured-video.sticky-video .contain .info .title:before {
        content: "NOW PLAYING";
        display: block;
        color: #666;
        font-size: 12px;
        margin-bottom: 2px
    }

    .featured.featured-video.sticky-video .contain .info .title a {
        color: #fff
    }

    .featured.featured-video.sticky-video .contain .info p {
        display: none
    }

    .featured.featured-image .ctrl {
        height: 72px;
        bottom: 50%
    }

    .featured.featured-image .ctrl .next,
    .featured.featured-image .ctrl .prev {
        width: 72px;
        height: 72px
    }

    .featured.featured-image .ctrl .next:after,
    .featured.featured-image .ctrl .next:before,
    .featured.featured-image .ctrl .prev:after,
    .featured.featured-image .ctrl .prev:before {
        height: 30px
    }

    .featured.featured-image .ctrl .next:before,
    .featured.featured-image .ctrl .prev:before {
        top: 11px
    }

    .featured.featured-image .ctrl .next:after,
    .featured.featured-image .ctrl .prev:after {
        bottom: 11px
    }

    .featured.featured-image .ctrl .prev:after,
    .featured.featured-image .ctrl .prev:before {
        left: 35px
    }

    .featured.featured-image .ctrl .next:after,
    .featured.featured-image .ctrl .next:before {
        right: 35px
    }

    .featured.featured-image .pager {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .featured.featured-image .info .caption p {
        font-size: 13px
    }

    .featured-video .video-container {
        margin-bottom: 24px
    }

    .featured-video .video-player {
        min-width: 768px;
        min-height: 432px
    }

    .featured-video .sticky-player .video-player {
        min-width: 300px;
        min-height: 169px
    }

    .featured-video .video-meta {
        min-width: 763px;
        min-height: 181px
    }

    .featured-video .video-meta .info {
        padding-top: 0
    }

    .featured-video .meta-upper {
        margin-bottom: 8px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --video-header-inner-padding: 20px 48px;
        --video-header-video-inner-padding: 13px 24px;
        --video-header-dropdown-right: 48px;
        --video-header-video-dropdown-right: 24px
    }

    .video-site-header .upper {
        border-top: 4px solid var(--brand_secondary)
    }

    .video-site-header .nav-item a {
        font-size: 16px;
        padding: 8px 16px;
        border-radius: 8px
    }

    .ad-container {
        margin-bottom: 12px
    }

    html .mobile {
        display: none
    }

    html .mobile.ad-container {
        display: none
    }

    html .mobile-tablet {
        display: none
    }

    html .mobile-tablet.ad-container {
        display: none
    }

    html .mobile-tablet .mobile.ad-container {
        display: none
    }

    html .mobile-tablet .tablet.ad-container {
        display: none
    }

    html .mobile-desktop {
        display: block
    }

    html .mobile-desktop.ad-container {
        display: block
    }

    html .mobile-desktop .mobile.ad-container {
        display: none
    }

    html .mobile-desktop .desktop.ad-container {
        display: block
    }

    html .tablet {
        display: none
    }

    html .tablet.ad-container {
        display: none
    }

    html .tablet-desktop {
        display: block
    }

    html .tablet-desktop.ad-container {
        display: block
    }

    html .tablet-desktop .tablet.ad-container {
        display: none
    }

    html .tablet-desktop .desktop.ad-container {
        display: block
    }

    html .desktop {
        display: block
    }

    html .desktop.desktop-sm-min {
        display: none
    }

    html .desktop.desktop-sm-min .ad-container {
        display: none
    }

    html .desktop.ad-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

    html .desktop.ad-container.gam {
        min-height: 50px
    }

    html .desktop.ad-container.gam[id^=desktop_desk-][id$=lb1] {
        min-height: 66px;
        width: 100%
    }

    html .desktop.ad-container.gam[id^=desktop_desk-][id*=ban] {
        min-height: 250px
    }

    html .desktop.ad-container.gam[id=ad-desktop-300x250] {
        min-height: 250px
    }

    html .desktop.ad-container.gam[id=ad-desktop-970x250-970x66-728x90],
    html .desktop.ad-container.gam[id=ad-desktop-970x66-970x250-728x90] {
        min-height: 66px
    }

    html .desktop.desktop-lg,
    html .desktop.desktop-md,
    html .desktop.desktop-sm {
        display: none
    }

    html .desktop.desktop-lg.ad-container,
    html .desktop.desktop-md.ad-container,
    html .desktop.desktop-sm.ad-container {
        display: none
    }

    .page {
        padding-top: 0
    }

    .sidebar {
        background-color: initial;
        padding: 0
    }

    .live-schedule .heading {
        padding: 0
    }

    .live-schedule .content {
        min-width: 652px;
        min-height: 474px;
        width: unset;
        overflow: visible
    }

    .live-schedule .live-tile.timeslot-1 {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 1));
        width: calc((100% - 80px)/ calc(6 / 1))
    }

    .live-schedule .live-tile.timeslot-1:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 1));
        width: calc((100% - 80px)/ calc(6 / 1))
    }

    .live-schedule .live-tile.timeslot-1:last-child {
        width: calc((100% - 80px)/ calc(6 / 1));
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-2 {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 2));
        width: calc((100% - 80px)/ calc(6 / 2))
    }

    .live-schedule .live-tile.timeslot-2:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 2));
        width: calc((100% - 80px)/ calc(6 / 2))
    }

    .live-schedule .live-tile.timeslot-2:last-child {
        width: calc((100% - 80px)/ calc(6 / 2));
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-3 {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 3));
        width: calc((100% - 80px)/ calc(6 / 3))
    }

    .live-schedule .live-tile.timeslot-3:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 3));
        width: calc((100% - 80px)/ calc(6 / 3))
    }

    .live-schedule .live-tile.timeslot-3:last-child {
        width: calc((100% - 80px)/ calc(6 / 3));
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-4 {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 4));
        width: calc((100% - 80px)/ calc(6 / 4))
    }

    .live-schedule .live-tile.timeslot-4:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 4));
        width: calc((100% - 80px)/ calc(6 / 4))
    }

    .live-schedule .live-tile.timeslot-4:last-child {
        width: calc((100% - 80px)/ calc(6 / 4));
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-5 {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 5));
        width: calc((100% - 80px)/ calc(6 / 5))
    }

    .live-schedule .live-tile.timeslot-5:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 5));
        width: calc((100% - 80px)/ calc(6 / 5))
    }

    .live-schedule .live-tile.timeslot-5:last-child {
        width: calc((100% - 80px)/ calc(6 / 5));
        flex-shrink: 1
    }

    .live-schedule .live-tile.timeslot-6 {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 6));
        width: calc((100% - 80px)/ calc(6 / 6))
    }

    .live-schedule .live-tile.timeslot-6:nth-child(n+3):not(.timeslot-1) {
        flex: 0 0 calc((100% - 80px)/ calc(6 / 6));
        width: calc((100% - 80px)/ calc(6 / 6))
    }

    .live-schedule .live-tile.timeslot-6:last-child {
        width: calc((100% - 80px)/ calc(6 / 6));
        flex-shrink: 1
    }

    .featured .m .overlay {
        width: 107px;
        height: 107px
    }

    .featured .info {
        padding-top: 16px
    }

    .featured.featured-video.sticky-video .contain {
        top: auto;
        bottom: 0;
        right: 0;
        width: 400px
    }

    .featured.featured-video.sticky-video .contain .control {
        float: none;
        padding: 5px;
        width: auto
    }

    .featured.featured-video.sticky-video .contain .control:after {
        content: "";
        display: table;
        clear: both
    }

    .featured.featured-video.sticky-video .contain .control .close,
    .featured.featured-video.sticky-video .contain .control .top {
        position: relative;
        right: 0
    }

    .featured.featured-video.sticky-video .contain .control .close {
        float: right;
        top: 3px
    }

    .featured.featured-video.sticky-video .contain .control .top {
        float: left;
        bottom: 0
    }

    .featured.featured-video.sticky-video .contain .video-container {
        float: none;
        margin-bottom: 0;
        width: auto
    }

    .featured.featured-video.sticky-video .contain .video-container .video-player .unauthorized-mvpd p {
        font-size: 18px
    }

    .featured.featured-video.sticky-video .contain .info {
        float: none;
        padding: 12px;
        width: auto
    }

    .featured.featured-image .pager {
        margin-bottom: 10px
    }

    .social-icons .sc {
        display: none
    }

    .row {
        margin-top: 16px
    }

    .main-content {
        float: left;
        margin-left: 24px;
        width: calc(100% - 372px)
    }

    .featured-video .video-player {
        min-width: 652px;
        min-height: 367px
    }

    .featured-video .sticky-player {
        top: unset;
        bottom: 24px;
        right: 24px
    }

    .featured-video .sticky-player .control .close,
    .featured-video .sticky-player .control .top {
        width: 14px;
        height: 14px
    }

    .featured-video .sticky-player .video-player {
        min-width: 400px;
        min-height: 225px
    }

    .featured-video .sticky-player img {
        width: 400px
    }

    .featured-video .video-meta {
        padding: 0 0 25px;
        min-width: 652px;
        min-height: 217px
    }

    .featured-video .subscription-bar {
        margin: 0 0 16px
    }

    .featured-video .info .title {
        font-size: 24px
    }

    .featured-video .info .dek {
        font-size: 14px
    }

    .featured-video .video-tags {
        margin-left: 0;
        margin-right: 0
    }

    .featured-video .tags-wrapper {
        padding: 0
    }

    .sidebar {
        float: right;
        margin: 0 24px;
        width: 300px
    }
}

@media screen and (min-width:1280px) {
    :root {
        --video-header-inner-padding: 24px 64px;
        --video-header-video-inner-padding: 24px 24px;
        --video-header-dropdown-right: 64px
    }

    .video-site-header .branding a {
        height: 32px;
        width: 170.67px
    }

    .video-site-header .nav-item a {
        font-size: 18px;
        padding: 12px 24px
    }

    html .desktop.desktop-sm-min {
        display: block
    }

    html .desktop.desktop-sm-min .ad-container {
        display: block
    }

    html .desktop.desktop-sm {
        display: block
    }

    html .desktop.desktop-sm.ad-container {
        display: block
    }

    html .desktop.desktop-lg,
    html .desktop.desktop-md,
    html .desktop.desktop-xs {
        display: none
    }

    html .desktop.desktop-lg.ad-container,
    html .desktop.desktop-md.ad-container,
    html .desktop.desktop-xs.ad-container {
        display: none
    }

    .live-schedule .content {
        min-width: 908px;
        min-height: 474px
    }

    .featured {
        width: auto;
        max-width: none;
        margin-left: 0;
        margin-right: 0
    }

    .featured .m .overlay {
        width: 139px;
        height: 139px
    }

    .featured-video .video-player {
        min-width: 908px;
        min-height: 511px
    }

    .featured-video .video-meta {
        min-width: 908px;
        min-height: 161px
    }

    .featured-video .video-tags {
        margin-left: 0;
        margin-right: 0
    }

    .featured-video .info .title {
        font-size: 30px
    }
}

@media screen and (min-width:1920px) {
    :root {
        --video-header-inner-padding: 24px 96px;
        --video-header-dropdown-right: 96px
    }

    .video-site-header.video .upper .inner {
        max-width: 1652px;
        margin: 0 auto
    }
}

@media screen and (min-width:1920px) and (min-width:1652px) {
    :root {
        --video-header-video-dropdown-right: calc(((100% - 1652px) / 2) + 24px)
    }
}

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

    html .desktop.desktop-lg,
    html .desktop.desktop-sm {
        display: none
    }

    html .desktop.desktop-lg.ad-container,
    html .desktop.desktop-sm.ad-container {
        display: none
    }

    html .desktop.desktop-md {
        display: block
    }

    html .desktop.desktop-md.ad-container {
        display: block
    }
}

@media screen and (min-width:1920px) {
    .page-content {
        margin: 0 auto
    }
}

@media screen and (min-width:1920px) {
    .live-schedule .content {
        min-width: 1068px;
        min-height: 572px
    }
}

@media screen and (min-width:1920px) {
    .featured-video .video-player {
        min-width: 1280px;
        min-height: 720px
    }

    .featured-video .video-tags {
        margin-left: 0;
        margin-right: 0
    }

    .featured-video .sticky-player .video-player {
        min-width: 480px;
        min-height: 271px
    }

    .featured-video .sticky-player img {
        width: 480px
    }

    .featured-video .video-meta {
        min-width: 1280px;
        min-height: 177px
    }
}