html {
margin: 0;
padding: 0;
background: #fff;
-webkit-tap-highlight-color: #0098FE66;
overflow-y: scroll;
-webkit-text-size-adjust: none;
text-size-adjust: none;
--gnt-bgpm: url('data:image/svg+xml;utf8,')
}
body {
overflow: visible !important;
margin: 0;
padding: 0;
background: unset;
font: 10px/13px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
img:not([src]):not([srcset]) {
visibility: hidden
}
img:-moz-loading {
visibility: hidden
}
:focus {
outline-color: #0098fe
}
.gnt_cw {
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 980px;
margin: 0 auto;
padding: 20px 10px 0;
background: #fff;
position: relative
}
.gnt_pr {
width: 660px;
margin: 0 auto 0 0
}
.gnt_rr {
contain: layout;
overflow-anchor: none;
width: 300px
}
@media (min-width:1200px) {
.gnt_cw {
isolation: isolate;
align-content: start;
width: 1020px;
min-height: 480px;
margin: 0 auto;
padding: 30px 60px 0
}
}
body>iframe:not(#gt-nvframe),
body>img,
html>iframe,
html>img {
display: none !important
}
html:not(.gnt__njs) .gnt__hbd {
display: none;
background: unset
}
.gnt_lbl_pm {
background: var(--gnt-bgpm) no-repeat 0 0/120px 10px
}
.gnt_m {
margin: 24px 0 44px
}
.gnt_lbl_lc::before {
content: '';
display: block;
width: 39px;
height: 20px;
background: url('data:image/svg+xml;utf8,') no-repeat 0 0/39px 20px
}
.gnt_ft {
width: 880px;
height: 625px;
margin: -10px auto 0;
padding: 0 10px;
color: #303030;
-webkit-user-select: none;
user-select: none
}
.gnt_ft_lw {
display: flex;
justify-content: space-between;
margin: 56px 0 -653px
}
.gnt_ft_ls {
display: flex;
flex-flow: column;
width: 196px
}
.gnt_ft_ls::before {
content: attr(aria-label);
margin: 0 0 -1px;
font: 700 14px/16px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_ft_a {
margin: 16px auto 0 -2px;
padding: 0 2px;
border: 0;
background: 0 0;
color: #303030;
font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif;
text-decoration: none;
text-align: left;
cursor: pointer
}
.gnt_ft_a:hover {
color: #000
}
.gnt_ft_a__cd {
display: none
}
.gnt_ft_a__yp {
padding-left: 33px;
background: url(/tangstatic/svg/leghorn/your-privacy-check-q1a2z33d5dfed9.svg) no-repeat 0 3px/26px 12px
}
.gnt_ft_cr {
padding: 682px 0 10px;
font: 12px/14px 'Georgia Pro', Georgia, 'Droid Serif', serif;
text-align: center
}
@media (min-width:1200px) {
.gnt_ft {
padding: 0 60px
}
}
.gnt_x__c {
background-color: #f8f8f8
}
.gnt_x_sl {
contain: content;
transform: translate3d(0, 0, 0);
width: 300px;
min-height: 250px;
margin: auto;
position: relative
}
.gnt_x__lbl::before {
content: 'Advertisement';
color: #626262;
font: 10px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
height: 28px;
display: block;
text-align: center
}
.gnt_x__lh::before {
opacity: 0
}
.gnt_x_sl_gpt:empty {
display: none !important
}
.gnt_x_sl_gpt_if {
content-visibility: auto
}
.gnt_x__bv {
width: 660px;
height: 117.5px;
margin: 13px 0 -16px
}
.gnt_x_bv {
width: 728px;
height: 90px;
min-height: unset;
transform: scale(.9065) translate3d(0, 0, 0);
transform-origin: 0 0
}
.gnt_x__bvnh {
margin-bottom: -30px
}
.gnt_x__bvd {
position: fixed;
top: unset;
right: 0;
bottom: calc(-1 * var(--gnt-pu, 0px));
width: 400px;
height: 60px;
z-index: 5;
display: flex;
justify-content: center;
margin: 0
}
.gnt_x_bvd {
width: 320px;
height: 50px;
min-height: 50px;
transform: unset
}
.gnt_x__st {
position: sticky;
top: 120px;
padding: 0 0 8px
}
.gnt_x_sl__st {
transform: unset
}
.gnt_rr_xst {
height: 1086px;
margin: 33px 0 79px
}
.gnt_x_lb {
contain: strict;
overflow: hidden;
transform: translate3d(0, 0, 0);
width: 728px !important;
height: 90px !important;
margin: 0 auto;
padding: 0 0 8px
}
.gnt_x__lb {
margin: 46px auto
}
.gnt_x_sl_if {
content-visibility: auto;
border: 0
}
.gnt__hx .gnt_rr_xpst,
.gnt__hx .gnt_tb,
.gnt__hx .gnt_x__c {
display: none
}
.gnt_x__hi {
contain: layout;
margin: 0;
min-height: 286px
}
.gnt_x_hi {
content-visibility: auto;
width: 970px;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 8px
}
.gnt_rr_xpst {
margin: 38px auto 40px;
height: 636px
}
.gnt_x__pf {
position: sticky !important;
top: 120px;
padding: 0 0 8px;
margin: 0
}
.gnt_x_p {
contain: layout
}
.gnt_x__if {
margin: 24px auto;
height: 286px
}
.gnt_x_if {
position: relative;
z-index: 1;
margin: 0 auto 8px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.gnt_x__mtm {
width: 100%;
min-width: 1000px
}
.gnt_x_sl_gpt__mtm {
width: 100% !important
}
.gnt_x_sl_gpt_f__mtm {
width: 100%
}
.gnt_x__h {
display: none
}
.gnt_m_sl {
contain: layout;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 660px
}
.gnt_m_sl_a {
contain: layout size;
box-sizing: border-box;
flex-flow: column;
position: relative;
width: 320px;
height: 0;
padding: 0 0 75px 85px;
color: #303030;
font: 700 14px/16px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none
}
.gnt_m_sl_a:hover {
color: #000
}
.gnt_m_sl_a_sb {
margin-top: 5px;
line-height: 12px
}
.gnt_m_sl_a_sb::before {
content: attr(data-c-ms);
color: var(--gnt-bc);
font: 700 12px/14px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_m_sl_a_sb__by::after {
content: attr(data-c-by);
margin-left: 5px;
color: #303030;
font: 700 12px/14px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_m_sl_a__nlc {
padding: 0 0 87px 85px;
margin-bottom: 12px;
border-bottom: solid 1px #c2c2c2
}
.gnt_m_sl_i {
position: absolute;
left: 0;
object-fit: cover;
width: 75px;
height: 75px;
margin: 0 10px 0 0;
top: 0
}
.gnt_m_sl_svg {
position: absolute;
top: 51px;
left: 0;
width: 36px;
height: 22px;
margin-top: -12px;
padding: 7px 0;
background: #0098fe;
fill: #FFF
}
.gnt_m_sl_a_sb__op::before {
display: inline-block;
background: #eafe75
}
.gnt_m_sl_a__pm {
padding-top: 16px;
padding-bottom: 71px;
background-origin: content-box;
background-position: 0 -14px
}
.gnt_m_sl_s__lc::before {
margin-bottom: 4px
}
.gnt_m_sl_a__lcpm {
padding-top: 0;
padding-bottom: 87px;
background-position: 51px 6px
}
.gnt_m_tl {
margin: 0 0 0px;
text-decoration: none;
color: #303030
}
.gnt_m_tl:hover {
color: #000
}
.gnt_m_tl_c {
margin: 4px 0 6px;
font: 700 16px/18px'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_m_tl_i {
display: block;
width: 210px;
height: 118px
}
.gnt_m_tt {
contain: layout;
display: flex;
position: relative;
margin-bottom: 44px
}
.gnt_m_tt_col {
display: flex;
flex-flow: column;
width: 430px
}
.gnt_m_tt_col__fc {
width: 210px;
margin: 0 20px 0 0
}
@media (min-width:1200px) {
.gnt_m_tt::after {
content: '';
position: absolute;
top: 0;
right: -30px;
height: 100%;
border-right: 1px solid #c2c2c2
}
}
.gnt_m_tli {
display: flex;
margin: 0 0 22px;
flex-flow: row;
color: #303030;
gap: 1rem;
text-decoration: none
}
.gnt_m_tli:hover {
color: #000
}
.gnt_m_tli__fc {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #c2c2c2
}
.gnt_m_tli_c {
display: flex;
flex-flow: column;
width: 285px;
font: 700 16px/18px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
color: #000;
}
.gnt_m_tli_brief {
order: 1;
margin: 6px 0 4px;
color: #303030;
font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif;
}
.gnt_m_tli_f {
order: 2;
margin: 0 0 0 15px
}
.gnt_m_tli_i {
display: block;
width: 130px;
height: 130px
}
.gnt_m_tli_c__pm {
padding-top: 13px
}
.gnt_m_tli_c__lc::before {
margin-bottom: 5px
}
.gnt_m_tli_c__lcpm {
padding-top: 0;
background-position: 51px 6px
}
.gnt_m_spl {
contain: layout size;
box-sizing: border-box;
display: flex;
flex-flow: column;
position: relative;
width: 660px;
height: 248px;
padding: 27px 365px 0 35px;
color: #fff;
font: 700 24px/26px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
background: #0a2149;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.gnt_m_spl:hover {
color: #e0e0e0
}
.gnt_m_spl::before {
content: attr(data-c-lbl);
margin-bottom: 5px;
color: #fff;
font-size: 12px;
line-height: 15px
}
.gnt_m_spl_i {
position: absolute;
top: 0;
right: 0;
width: 330px;
height: 248px
}
.gnt_m_spl::after {
content: attr(data-c-br);
margin: 8px 0 0;
color: #fff;
font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif
}
.gnt_m_sb {
contain: layout size;
box-sizing: border-box;
display: flex;
flex-flow: column;
position: relative;
width: 660px;
height: 150px;
margin: 56px 0;
padding: 22px 19px 0 210px;
border-top: 5px solid var(--gnt-bc);
border-right: 5px solid var(--gnt-bc)
}
.gnt_m_sb::before {
content: attr(data-m-lbl);
position: absolute;
top: -16px;
left: 0;
height: 26px;
padding-right: 12px;
background: #fff;
color: #303030;
font: 700 24px/26px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_m_sb_i {
position: absolute;
top: 22px;
left: 0;
width: 210px;
height: 118px
}
.gnt_m_sb_hl {
display: flex;
align-items: center;
height: 16px;
margin: 7px 0 0 16px;
padding: 1px 0 8px;
border-bottom: 1px solid #c2c2c2;
fill: #303030;
color: #303030;
font: 700 14px/16px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none
}
.gnt_m_sb_hl__fi {
margin-top: -1px
}
.gnt_m_sb_hl__li {
border-bottom: 0;
padding-bottom: 1px
}
.gnt_m_sb_mn {
position: absolute;
right: 11px;
bottom: -57px;
padding: 0 0 4px 3px;
color: #303030;
font: 700 14px/16px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
text-align: right
}
.gnt_m_sb_hl:hover,
.gnt_m_sb_mn:hover {
fill: #000;
color: #000
}
.gnt_m_sb_mn_svg {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 0 -4px 4px;
vertical-align: bottom;
fill: #0098FE
}
.gnt_m_sb_svg {
width: 18px;
height: 18px;
margin: 0 -4px 0 4px
}
.gnt_m_sb_hl__pm {
padding-left: 15px;
background: url('data:image/svg+xml;utf8,') no-repeat 0 1.1px/140px 17px
}
.gnt_m_th {
contain: layout;
display: flex;
flex-flow: column
}
.gnt_m_th::before {
content: '';
order: -2;
height: 10px;
margin: 13px 0 0;
background: #b9e1ff
}
.gnt_m_th::after {
content: attr(aria-label);
order: -1;
margin: -27px 0 10px;
color: #303030;
font: 700 italic 24px/26px 'Georgia Pro', Georgia, 'Droid Serif', serif
}
.gnt_m_th_a {
margin: 9px 0 0;
padding: 0 0 9px;
outline-offset: -1px;
border-bottom: 1px solid #c2c2c2;
color: #303030;
font: 700 14px/16px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
word-break: break-word
}
.gnt_m_th_a:hover {
color: #000
}
.gnt_m_th_a__lst {
border-bottom: none;
margin-bottom: 18px;
padding-bottom: 2px
}
.gnt_m_th_em {
display: flex;
margin: 0 -2px 0 -1px;
padding: 0 2px 0 1px;
text-decoration: none
}
.gnt_m_th_em::after {
content: attr(aria-label);
color: #303030;
font: 700 14px/21px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: underline;
text-decoration-color: #0098FE;
text-decoration-thickness: 2px;
text-underline-offset: 2px
}
.gnt_m_th_em:hover::after {
color: #000
}
.gnt_m_th_em_svg {
width: 22px;
height: 22px;
margin: 0 4px 0 -4px;
fill: #0098FE
}
.gnt_m_th_by {
margin-top: 2px
}
.gnt_m_th_a__pm {
padding-top: 15px;
background-position: 0 2px
}
.gnt_m_th_a__lc::before {
margin-top: 3px;
margin-bottom: 4px
}
.gnt_m_th_a__lcpm {
padding-top: 0;
background-position: 51px 9px
}
.gnt_x__nft {
contain: layout;
margin-bottom: 0;
min-height: 158px
}
.gnt_sbt {
order: 2;
color: #303030;
font: 700 12px/14px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_sbt__ms::before {
content: attr(data-c-ms);
margin: 10px 5px 0 0;
color: var(--gnt-bc);
font-family: 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_sbt__op::before {
background: #eafe75
}
.gnt_sbt__ts::after {
content: attr(data-c-dt);
display: inline-block;
color: #626262;
font: 12px/14px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
letter-spacing: -.2px
}
.gnt_m_he {
display: flex;
flex-flow: column;
outline-offset: 2px;
color: #303030;
font: 700 32px/34px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none
}
.gnt_m_he:hover {
color: #000
}
.gnt_sbt__mg {
order: 2;
margin: 6px 0 0
}
.gnt_m_he_i {
width: 430px;
height: 242px;
margin-bottom: 6px
}
.gnt_m_he__br::after {
content: attr(data-c-br);
order: 1;
display: block;
margin: 6px 0 0;
color: #303030;
font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif
}
.gnt_n {
contain: layout size;
overflow-anchor: none;
box-sizing: border-box;
position: sticky;
z-index: 9999999;
top: 0;
width: 100%;
height: 80px;
padding: 52px 0 0;
background: #fff;
-webkit-user-select: none;
user-select: none
}
.gnt_n_fl {
display: flex;
max-width: 896px;
width: calc(100% - 309px);
height: 52px;
margin: -52px auto 0;
padding: 0 4px 0 0
}
.gnt_n_fl_l {
overflow: hidden;
flex-direction: column;
width: calc(200 / 896 * 100%);
height: 40px;
margin: 0 calc(32 / 896 * 100%) 0 0;
border-top: 5px solid #aa50e6;
color: #303030;
font: 700 14px/1 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap
}
.gnt_n_fl_l:hover {
color: #000
}
.gnt_n_fl_l::before {
content: attr(data-c-lbl);
display: block;
color: #626262;
font-size: 10px;
line-height: 20px
}
.gnt_n_fl_l__li {
margin: 0
}
.gnt_n_lg {
display: block;
width: 100%;
height: 100%;
outline-offset: -7px
}
.gnt_n_lg_w {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 147.14100000000002px;
height: 52px;
padding: 0 0 0 calc(50% - 683px)
}
.gnt_n_lg_svg {
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
padding: 10px 29px
}
.gnt_n_sb {
opacity: 0;
box-sizing: border-box;
z-index: -1;
position: absolute;
height: 100%;
width: 147.14100000000002px;
outline-offset: -7px;
margin: 0;
padding: 5px 0 4px;
border: 0;
background: #fff;
color: #303030;
font: 12px/1 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
white-space: nowrap;
pointer-events: none
}
.gnt_n_sb:focus {
opacity: 1;
z-index: 1;
min-width: 147px;
background-clip: content-box;
touch-action: manipulation;
cursor: pointer;
pointer-events: auto
}
.gnt_n_sb:focus::before {
content: 'Skip to main content'
}
.gnt_n_mn {
contain: layout size;
display: flex;
justify-content: space-between;
height: 28px;
padding: 0 calc(50% - 599px);
background: #303030;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.gnt_n_mn_l {
overflow: hidden;
padding: 0 10px;
color: #fff;
font: 700 12px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
white-space: nowrap
}
.gnt_n_mn_l__fi {
margin: 0 0 0 19px
}
.gnt_n_mn_ce:hover {
color: #e0e0e0;
fill: #E0E0E0
}
.gnt_n_dd_bt {
height: 28px;
margin: 0 0 0 8px;
padding: 5px;
border: 0;
background: 0 0;
color: #fff;
fill: #FFF;
touch-action: manipulation;
cursor: pointer
}
.gnt_n_dd_bt_svg {
width: 10px;
height: 6px;
padding: 4px 8px;
border-style: solid;
border-width: 2px;
border-radius: 9px
}
.gnt_n_dd__sz {
display: none
}
.gnt_n_se_a {
display: flex;
width: 24px;
height: 24px;
margin: 0 9px 0 5px;
padding: 2px;
fill: #FFF
}
.gnt_n_se_a_svg {
width: 24px
}
.gnt_n_wt {
display: flex;
flex: none;
justify-content: space-between;
width: 69px;
margin: 0 8px 0 0;
padding: 0 4px 0 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
color: #fff;
font: 700 12px/18px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: underline;
text-decoration-color: #0098FE;
text-decoration-thickness: 2px;
text-underline-offset: 1px;
text-align: right
}
.gnt_n_us {
display: flex;
width: calc(31% + 51px)
}
.gnt_n_us_sb {
display: block;
visibility: var(--gnt-sbvi, 'visible');
overflow: hidden;
overflow: clip;
white-space: nowrap;
padding: 0 8px;
flex-shrink: 0;
width: 74px;
background: #1665cf;
color: #fff;
font: 700 12px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
text-align: center
}
.gnt_n_us_sb::after {
content: var(--gnt-sbtx, 'Subscribe')
}
.gnt_n_us_sb:hover {
background: #0a32a0
}
.gnt_n_us_a {
display: flex;
flex: 1;
margin: 0 0 0 14px;
padding: 0 29px 0 6px;
fill: #FFF;
color: #fff;
font: 700 12px/28px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: underline;
text-decoration-color: #0098FE;
text-decoration-skip-ink: none;
text-decoration-thickness: 2px;
text-underline-offset: 1px;
text-align: left;
white-space: nowrap
}
.gnt_n_us_a::before {
content: 'Sign In'
}
[data-u-n] .gnt_n_us_a::before {
content: 'Hi, ' var(--gnt-uwn);
overflow: hidden;
max-width: 102px;
text-overflow: ellipsis
}
.gnt_n_us_a_svg {
width: 10px;
height: 26px;
padding: 2px 0 0 6px
}
.gnt_n_sm {
position: absolute;
top: 0;
right: 0;
margin: 0 10px 0 0;
padding: 0 calc(50% - 683px) 0 0
}
.gnt_n_sm_a {
display: flex;
flex-flow: column;
justify-content: center;
width: 140px;
height: 52px;
outline-offset: -2px;
color: #303030;
font: 700 12px/14px 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-align: center;
text-decoration: none
}
.gnt_n_sm_a::after {
content: var(--gnt-sm-mm, '$5 for the first year')
}
.gnt_n_sm_a::before {
content: var(--gnt-sm-mt, 'SUBSCRIBE NOW');
margin: 0 0 2px;
color: #1665cf;
font: 700 16px/18px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
[data-u-s=anon] [data-u-sr]:not([data-u-sr~=anon]),
[data-u-s=reg] [data-u-sr]:not([data-u-sr~=reg]),
[data-u-s=sub] [data-u-sr]:not([data-u-sr~=sub]),
html:not([data-u-s]) [data-u-sr] {
visibility: hidden;
display: none
}
@media (min-width:1200px) {
.gnt_n_fl {
padding: 0
}
.gnt_n_fl_l {
font-size: 16px
}
.gnt_n_mn_l {
font-size: 14px
}
.gnt_n_se_a {
margin: 0 16px 0 10px
}
.gnt_n_wt {
width: 74px;
margin: 0 20px 0 3px;
font-size: 14px;
line-height: 16px
}
.gnt_n_us {
display: flex;
width: calc(27.4% + 83px)
}
}
@media (min-width:1250px) {
.gnt_n_sm {
margin: 0 17px 0 0
}
}
.gnt_x__prmt {
width: 980px !important;
height: 420px !important
}
.gnt_x_sl_gpt_if__prmt {
height: 100%
}
@media (min-width:1200px) {
.gnt_x__prmt {
width: 1020px !important;
height: 437px !important
}
}
.gnt_em_vp__tp {
display: flex;
flex-flow: column;
clear: both;
width: 660px;
min-height: 371.25px;
margin: 16px 0 0
}
.gnt_em_vp_w {
contain: size;
position: relative;
width: 660px;
height: 371.25px;
background: #000
}
.gnt_em_vp__tp_a {
display: flex;
position: absolute;
z-index: 2;
width: 660px;
height: 371.25px;
margin: 0;
padding: 0;
border: 0;
background: #000;
touch-action: manipulation;
cursor: pointer
}
.gnt_em_vp_img {
width: 100%;
height: 100%;
object-fit: cover
}
.gnt_em_vp_svg {
position: absolute;
z-index: 15;
top: calc(50% - 42px);
left: calc(50% - 42px);
width: 84px;
height: 84px;
pointer-events: none
}
.gnt_em_vh {
margin: 8px 0 11px;
font: 700 16px/18px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_em_vh::before {
content: attr(data-c-et);
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: inherit;
-webkit-box-orient: vertical
}
.gnt_em_vb {
overflow: hidden;
display: -webkit-box;
margin: 8px 0 11px;
font: 12px/15px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
-webkit-line-clamp: inherit;
-webkit-box-orient: vertical
}
.gnt_em_vb::before {
content: attr(aria-label) ' '
}
.gnt_em_vb::after {
content: attr(data-c-credit);
font-style: italic
}
[data-g-s~=vp_ld] .gnt_em_vp_a {
display: none
}
.gnt_em_vb__he {
margin-top: -7px
}
.gnt_em_vp_c {
contain: strict;
position: absolute;
bottom: 0;
width: 100%;
height: 100%
}
.gnt_em_vp_c[data-g-s=vp_dk] {
position: fixed;
z-index: 5;
bottom: 60px;
right: 0;
width: 400px;
height: 250px;
background: #303030
}
.gnt_em_vp_db {
display: none
}
[data-g-s=vp_dk] .gnt_em_vp_db {
display: flex;
position: absolute;
right: 0;
height: 25px;
margin: 0;
padding: 6px;
border: none;
outline-offset: -4px;
background: 0;
fill: #FFF;
color: #fff;
touch-action: manipulation;
cursor: pointer
}
.gnt_em_vp_db:hover {
fill: #E0E0E0 !important;
color: #e0e0e0 !important
}
.gnt_em_vp_db::before {
content: 'CLOSE';
padding: 1px 6px 0 4px;
font: 11px/13px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_em_vp_db_svg {
width: 13px;
height: 13px
}
.gnt_m_sc {
contain: layout;
display: flex
}
.gnt_m_sc_a {
contain: layout;
width: 100%;
margin-right: 15px;
outline-offset: 2px;
font: 700 16px/20px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
color: #303030;
text-decoration: none;
display: block; /* or inline-block if needed */
}
.gnt_m_sc_a p {
font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif;
color: #303030;
margin: 6px 0px 0px;
}
.gnt_m_tl-2 {
margin: 0 0 0px;
text-decoration: none;
color: #303030;
}
.gnt_m_sc_i {
display: block;
width: 210px;
height: 210px;
margin: 0 0 6px
}
.gnt_m_sc_svg {
position: absolute;
width: 23px;
height: 23px;
fill: #0098FE;
margin: -1px 0 0 -23px
}
.gnt_m_dl {
color: #303030;
font: italic 700 32px/34px 'Georgia Pro', Georgia, 'Droid Serif', serif;
user-select: none;
-webkit-user-select: none
}
.gnt_m_dl::after {
content: '';
display: block;
height: 10px;
margin-top: -12px;
background: #b9e1ff
}
.gnt_em__el::after {
content: '';
width: 105px;
height: 1px;
background: #0098fe
}
.gnt_m_fs {
border: 6px solid #0098fe;
padding: 14px 16px 16px;
margin: 36px 0;
color: #303030;
font: 700 italic 14px/16px 'Georgia Pro', Georgia, 'Droid Serif', serif
}
.gnt_m_fs::before {
content: "We're always working to improve your experience. "
}
.gnt_m_fs_a {
color: #303030;
text-decoration-color: #0098FE;
text-underline-offset: 2px;
text-decoration-thickness: 2px
}
.gnt_m_fs_a:hover {
color: #000
}
.gnt_m_fs_a::after {
content: 'Let us know what you think.'
}
.gnt_m_nls {
contain: content;
display: flex;
flex-wrap: wrap;
padding: 20px;
background: #303030;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.gnt_m_nls::before {
content: attr(data-c-nlt);
font: 700 18px/20px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif
}
.gnt_m_nls::after {
content: attr(data-c-nlsd);
width: 100%;
margin: 11px 0 13px;
font: 14px/18px 'Georgia Pro', Georgia, 'Droid Serif', serif
}
.gnt_m_nls_em {
order: 1;
width: calc(100% - 64px);
height: 36px;
padding: 0 14px;
border: 0;
border-radius: 0;
color: #303030;
font: 700 12px/14px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: initial;
-moz-osx-font-smoothing: initial
}
.gnt_m_nls_em::placeholder {
color: #303030;
opacity: 1
}
.gnt_m_nls_sb {
order: 2;
width: 36px;
height: 36px;
padding: 0;
border: 0;
outline-offset: -1px;
background: #626262;
font: 700 14px/16px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
color: #fff;
-webkit-user-select: none;
user-select: none
}
.gnt_m_nls_em:valid+.gnt_m_nls_sb {
background: #1665cf;
touch-action: manipulation;
cursor: pointer
}
.gnt__mo {
overflow: hidden;
overflow: clip;
margin-right: var(--gnt-sw, 0);
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.gnt_m_nls_sb_svg {
width: 24px;
height: 24px;
padding: 2px 0 0;
fill: #FFF
}
.gnt_tbb {
isolation: isolate;
contain: content;
clear: right;
transform: translate3d(0, 0, 0);
min-height: 600px;
margin-top: 44px;
font: initial;
-webkit-user-select: none;
user-select: none
}
.gnt_tbr {
contain: strict;
content-visibility: auto;
transform: translate3d(0, 0, 0);
height: 200px !important;
margin: 0 auto 32px;
-webkit-user-select: none;
user-select: none
}
@media (max-width: 768px) {
.gnt_cw {
display: none;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 980px;
margin: 0 auto;
padding: 20px 10px 0;
background: #fff;
position: relative;
flex-direction: column;
}
.gnt_m_tt {
contain: layout;
display: flex;
position: relative;
margin-bottom: 44px;
flex-direction: column;
}
.gnt_n_mn {
display: none;
}
.gnt_n_fl {
display: none;
}
.gnt_n_sm {
display: none;
}
.gnt_ft_cr {
display: none;
}
.gnt_ft_lw {
display: flex;
justify-content: space-between;
margin: 56px 0 -653px;
flex-direction: column;
}
.gnt_cw {
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
padding: 20px 10px 0;
background: #fff;
position: relative;
flex-direction: column;
}
aside {
display: none;
unicode-bidi: isolate;
}
.gnt_m_sb {
contain: layout size;
box-sizing: border-box;
display: flex;
flex-flow: column;
position: relative;
width: 63%;
height: 150px;
margin: 56px 0;
padding: 22px 19px 0 0px;
border-top: 5px solid var(--gnt-bc);
border-right: 5px solid var(--gnt-bc);
}
.gnt_n {
width: 50%;
}
.gnt_ft {
width: 95%;
height: 862px;
margin: -10px auto 0;
padding: 0 0px;
color: #303030;
-webkit-user-select: none;
user-select: none;
}
.gnt_m_tli {
display: flex;
margin: 0 0 22px;
flex-flow: row;
flex-direction: column;
color: #303030;
text-decoration: none;
}
.gnt_m_tli_c {
content: attr(aria-label);
display: flex;
flex-flow: column;
width: 100%;
font: 700 16px / 18px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
}
.gnt_m_sl {
contain: layout;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 660px;
flex-direction: column;
}
.gnt_m_sc {
contain: layout;
display: flex;
flex-direction: column;
width: 22%;
}
.gnt_m_spl {
contain: layout size;
box-sizing: border-box;
display: flex;
flex-flow: column;
position: relative;
width: 63%;
height: 248px;
padding: 27px 95px 0 35px;
color: #fff;
font: 700 24px / 26px 'Unify Sans', 'Helvetica Neue', 'Arial Nova', Helvetica, Arial, sans-serif;
text-decoration: none;
background: #0a2149;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.gnt_em_vp__tp_a {
display: flex;
position: absolute;
z-index: 2;
width: 65%;
height: 371.25px;
margin: 0;
padding: 0;
border: 0;
background: #000;
touch-action: manipulation;
cursor: pointer;
}
.gnt_em_vp_w {
contain: size;
position: relative;
width: 65%;
height: 371.25px;
background: #000;
}
.gnt_m_dl {
color: #303030;
font: italic 700 32px / 34px 'Georgia Pro', Georgia, 'Droid Serif', serif;
user-select: none;
-webkit-user-select: none;
width: 65%;
}
.gnt_tbb {
isolation: isolate;
contain: content;
clear: right;
transform: translate3d(0, 0, 0);
min-height: 600px;
margin-top: 44px;
width: 22%;
font: initial;
-webkit-user-select: none;
user-select: none;
}
}
.desktop-open{
display: block;
}
.ad-container {
display: flex;
gap: 20px;
justify-content: center;
}
.ad-card {
background-color: #fff;
overflow: hidden;
max-width: 330px;
width: 100%;
display: flex;
flex-direction: column;
}
.ad-card img {
width: 100%;
height: auto;
display: block;
}
.ad-content {
padding: 10px 1px 16px 1px ;
display: flex;
flex-direction: column;
gap: 0px;
}
.ad-title {
font-size: 13px;
font-weight: bold;
line-height: 15px;
}
.ad-source {
font-size: 14px;
color: #777;
padding-top: 7px;
}
.ad-buttons {
margin-top: 10px;
display: flex;
gap: 10px;
}
.ad-buttons button {
padding: 7px 11px;
border-radius: 20px;
font-size: 10px;
border: 1px solid black;
background-color: white;
cursor: pointer;
font-weight: 600;
}
.ad-buttons button:hover {
background-color: #f0f0f0;
}
.flex{
display: flex;
align-items: center;
gap: 4px;
}
.flex2{
display: flex;
align-items: center;
gap: 8px;
}
.headline-grid {
display: flex;
flex-direction: column;
gap: 24px;
}
.headline-card {
display: flex;
gap: 16px;
align-items: flex-start;
border-bottom: 1px solid #eaeaea;
padding-bottom: 16px;
}
.headline-thumbnail {
flex-shrink: 0;
width: 30%;
height: 8rem;
object-fit: cover;
}
.headline-info {
flex: 1;
}
.headline-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 6px;
color: #222;
line-height: 20px;
}
.headline-category {
font-size: 14px;
font-weight: 600;
color: #555;
}
.section-heading-wrapper {
display: flex;
align-items: center;
gap: 12px;
margin: 20px 0;
}
.section-heading-title {
font-size: 24px;
font-weight: 700;
color: #000;
white-space: nowrap;
}
.section-heading-line {
flex-grow: 1;
height: 4px;
background-color: #666;
border-radius: 2px;
}
@media (max-width: 600px) {
.headline-card {
flex-direction: column;
gap: 10px;
}
.headline-thumbnail {
width: 100%;
height: auto;
}
}
@media (max-width: 768px){
.desktop-open{
display: none;
}
.ad-container {
flex-direction: column;
align-items: center;
}
}
/* Mobile Header */
.mobile-header {
display: none;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background-color: #fff;
border-bottom: 1px solid #ddd;
}
.mobile-header button {
background: none;
border: none;
font-size: 24px;
color: #222;
cursor: pointer;
}
.mobile-logo {
display: flex;
align-items: center;
gap: 6px;
font-weight: bold;
font-size: 16px;
color: #222;
}
.mobile-logo-circle {
width: 20px;
height: 20px;
background-color: #0098FE;
border-radius: 50%;
}
/* Slide-out Menu */
.menu-overlay {
position: fixed;
top: 79px;
left: -114%;
width: 90%;
height: 100vh;
background-color: #222;
color: #fff;
transition: left 0.3s ease-in-out;
z-index: 1000;
padding: 20px;
}
.menu-overlay.open {
left: 0;
}
.menu-item {
font-size: 18px;
font-weight: bold;
padding: 16px 0;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 3px solid transparent;
}
.menu-item.for-you {
border-color: #0098FE;
}
.menu-item.us {
border-color: #0098FE;
}
.menu-item.politics {
border-color: #ccc;
}
.chevron {
font-size: 14px;
}
/* Search Overlay Styles */
.search-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(34, 34, 34, 0.95);
z-index: 1001;
justify-content: center;
align-items: center;
padding: 20px;
}
.search-overlay.active {
display: flex;
}
.search-box {
width: 100%;
max-width: 400px;
position: relative;
}
.search-box input {
width: 75%;
padding: 14px 48px 14px 16px;
font-size: 16px;
border: none;
border-radius: 8px;
outline: none;
}
.search-box button {
position: absolute;
right: 42px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
font-size: 18px;
color: #555;
cursor: pointer;
}
/* Show only on mobile */
@media (max-width: 768px) {
.mobile-header {
display: flex;
}
}
@media (min-width: 769px) {
.search-overlay {
display: none !important;
}
}