/*! Herbie 2019 > 2019/05/20 ---------------- */

:root {

 --contain: 940; --sx: 20px; --sy: 20px; --st: 0px; --gx: 20px; --s1: 32px; --s2: 48px; --s3: 72px; --s4: 108px;
 --nx: calc(var(--sx) * -1); --ny: calc(var(--sy) * -1);
 --vws: 1px; --vwx: calc(var(--vw, 1vw) * 100); --vhx: calc(var(--vh, 1vh) * 100);

 --ff_1: Nuacht Serif Text,Nuacht Serif Headline,Georgia,serif;
 --ff_2: Nuacht Serif Headline,Georgia,serif;
 --ff_3: Nuacht Sans,Helvetica Neue,Arial,sans-serif;

 --c_d1: #000000; --c_d1t: var(--c_d1); /* ui: black, headers */
 --c_d2: #333333; --c_d2t: var(--c_d2); /* ui: dark gray, text */
 --c_d3: #666666; --c_d3t: var(--c_d3); /* ui: gray, figcaptions */
 --c_d4: #999999; --c_d4t: var(--c_d4); /* ui: gray, elements */
 --c_d5: #cacaca; --c_d5t: var(--c_d5); /* ui: light gray, fields */
 --c_d6: #e8e8e8; --c_d6t: var(--c_d6); /* ui: lightest gray, backgrounds */
 --c_d7: #f8f8f8; --c_d7t: var(--c_d7); /* ui: almost white, background */
 --c_d8: #ffffff; --c_d8t: var(--c_d8); /* ui: white, background */
 --c_o1: #cacaca; --c_o1t: var(--c_o1); /* borders: gray, fields */
 --c_o2: #666666; --c_o2t: var(--c_o2); /* borders: dark gray, fields */
 --c_e1: #DE4A5B; --c_e1t: var(--c_e1); /* error: red, fields */

 --c_focus:    #fff8ec;
 --c_breaking: #d0021b;
 --c_results:  #4f82cc;

 --c_brand:    #00605C;
 --c_news:     #b5201f;
 --c_business: #004F9E;
 --c_opinion:  #697380;
 --c_sport:    #D84D15;
 --c_life:     #00AEAB;
 --c_style:    #D10072;
 --c_entertainment: #EA7C16;
 --c_travel:   #42B4E6;
 --c_archive:  #666666;
 --c_farm:     #4681B4;
 --c_sundaylife: #34759a;
 --c_local:    #10365b;
 
 --xw_1: 1260px;
 --xw_2:  940px;
 --xw_3:  620px;
 --xw_4:  300px;

 --t8n_d1: 0.3s;
 --t8n_p1: border-color, background, background-size, box-shadow, transform, opacity, filter, clip-path, -webkit-clip-path;
 --t8n_p2: var(--t8n_p1), visibility;
 --t8n_e1: cubic-bezier(.5,0,0,1);
 --t8n_e2: cubic-bezier(.35,.6,.45,1);

 --c_reb_premium: #d2db56;
 --c_reb_shade: #F9F9F4;
 --c_reb_tab_active: #F3F4F2;
}

@media screen and (max-width: 1023px) { :root { --vws: calc((100vw - 320px) / (1280 - 320)); --s1: 30px; --s2: 40px; --s3: 60px; --s4: 80px; } }
@media screen and (max-width:  719px) { :root { --sx: 14px; --s1: 24px; --s2: 32px; --s3: 48px; --s4: 68px; } }
@media screen and (max-width:  319px) { :root { --vws: 0px; } }

@font-face { font-family: 'Icons'; font-weight: normal; font-style: normal; src: url('../fonts/icomoon/fonts/icomoon.ttf?1594231594') format('truetype'), url('../fonts/icomoon/fonts/icomoon.woff?1594231594') format('woff'), url('../fonts/icomoon/fonts/icomoon.svg?1594231594#icomoon') format('svg'); }
@font-face { font-family: "Nuacht Serif Text"; font-weight: 400; font-style: normal; src: url("../fonts/nuachtseriftext/nuachtseriftext-400.woff2") format("woff2"), url("../fonts/nuachtseriftext/nuachtseriftext-400.woff") format("woff"), url("../fonts/nuachtseriftext/nuachtseriftext-400.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Serif Text"; font-weight: 700; font-style: normal; src: url("../fonts/nuachtseriftext/nuachtseriftext-700.woff2") format("woff2"), url("../fonts/nuachtseriftext/nuachtseriftext-700.woff") format("woff"), url("../fonts/nuachtseriftext/nuachtseriftext-700.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Serif Headline"; font-weight: 400; font-style: normal; src: url("../fonts/nuachtserifheadline/nuachtserifheadline-400.woff2") format("woff2"), url("../fonts/nuachtserifheadline/nuachtserifheadline-400.woff") format("woff"), url("../fonts/nuachtserifheadline/nuachtserifheadline-400.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Serif Headline"; font-weight: 400; font-style: italic; src: url("../fonts/nuachtserifheadline/nuachtserifheadline-400i.woff2") format("woff2"), url("../fonts/nuachtserifheadline/nuachtserifheadline-400i.woff") format("woff"), url("../fonts/nuachtserifheadline/nuachtserifheadline-400i.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Serif Headline"; font-weight: 500; font-style: normal; src: url("../fonts/nuachtserifheadline/nuachtserifheadline-500.woff2") format("woff2"), url("../fonts/nuachtserifheadline/nuachtserifheadline-500.woff") format("woff"), url("../fonts/nuachtserifheadline/nuachtserifheadline-500.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Serif Headline"; font-weight: 700; font-style: normal; src: url("../fonts/nuachtserifheadline/nuachtserifheadline-700.woff2") format("woff2"), url("../fonts/nuachtserifheadline/nuachtserifheadline-700.woff") format("woff"), url("../fonts/nuachtserifheadline/nuachtserifheadline-700.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Serif Headline"; font-weight: 900; font-style: normal; src: url("../fonts/nuachtserifheadline/nuachtserifheadline-900.woff2") format("woff2"), url("../fonts/nuachtserifheadline/nuachtserifheadline-900.woff") format("woff"), url("../fonts/nuachtserifheadline/nuachtserifheadline-900.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Sans"; font-weight: 400; font-style: normal; src: url("../fonts/nuachtsans/nuachtsans-400.woff2") format("woff2"), url("../fonts/nuachtsans/nuachtsans-400.woff") format("woff"), url("../fonts/nuachtsans/nuachtsans-400.ttf") format("truetype"); }
@font-face { font-family: "Nuacht Sans"; font-weight: 500; font-style: normal; src: url("../fonts/nuachtsans/nuachtsans-500.woff2") format("woff2"), url("../fonts/nuachtsans/nuachtsans-500.woff") format("woff"), url("../fonts/nuachtsans/nuachtsans-500.ttf") format("truetype"); }

/*   ______  _______ _______ _______
 *   |_____] |_____| |______ |______
 *   |_____] |     | ______| |______
*/

@media screen {
 .-contain { max-width: 940px; max-width: calc(var(--contain) * 1px + 2 * var(--sx)); margin-left: auto; margin-right: auto; border-left: 20px solid transparent; border-right: 20px solid transparent; border-left-width: var(--sx); border-right-width: var(--sx); }
 .-decontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); }
 .-recontain { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); padding-left: calc(var(--vw, 1vw) * 50 - 50%); padding-right: calc(var(--vw, 1vw) * 50 - 50%); }
}
@media screen and (max-width: 1023px) {
.-recontain\<l { margin-left: calc(50% - var(--vw, 1vw) * 50); margin-right: calc(50% - var(--vw, 1vw) * 50); padding-left: calc(var(--vw, 1vw) * 50 - 50%); padding-right: calc(var(--vw, 1vw) * 50 - 50%); }
}

/* grid */

[grid] { --gap: 20px; display: flex; flex-wrap: wrap; margin-top: -40px; margin-left: -20px; margin-right: -20px; margin-top: calc(var(--row-gap,var(--gap)) * -1); margin-left: calc(var(--gap) / -2); margin-right: calc(var(--gap) / -2); padding: 0; pointer-events: none; }
[grid~="inline"] { display: inline-flex; }
 [grid] > * { width: var(--column, auto); min-width: 0; margin-bottom: 0; border: 1px solid transparent; border-width: 40px 20px 0; border-width: var(--row-gap,var(--gap)) calc(var(--gap) / 2) 0; background-clip: padding-box; pointer-events: auto; }
  [grid] > li:before { display: none; }

  [g1] { --gc: 12; --gy: 20px; --gx: 20px; display: grid; grid-template-columns: repeat(var(--gc, 12), 1fr); grid-row-gap: var(--gy); margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); padding: 0; }
  [g1~="end"] { align-items: end; }[g1~="center"] { align-items: center; }
   [g1]>* { grid-column: var(--c, auto) / span var(--w, var(--gc, 12)); order: var(--o,0); margin-bottom: 0; margin-left: calc(var(--gx) / 2); margin-right: calc(var(--gx) / 2); }
    [g1]>*:before { display: none; }

  [g2] { --gc: 12; --gx: 20px; --gy: 20px; display: flex; flex-wrap: wrap; margin-top: calc(var(--gy,var(--gx)) * -1); margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); padding: 0; pointer-events: none; }
  [g2~="inline"] { display: inline-flex; }[g2~="between"] { justify-content: space-between; }[g2~="end"] { align-items: flex-end; }[g2~="center"] { align-items: center; }
   [g2]>* { order: var(--o,0); width: calc(100% * (var(--w,0) / var(--gc, 12) * 0.9999)); min-width: 0; margin-bottom: 0; border: 1px solid transparent; border-width: var(--gy,var(--gx)) calc(var(--gx) / 2) 0; background-clip: padding-box; pointer-events: auto; }
    [g2]>*:before { display: none; }

  [w^="a/"]{width:auto}[w^="1/"]{--w:1}[w^="2/"]{--w:2}[w^="3/"]{--w:3}[w^="4/"]{--w:4}[w^="5/"]{--w:5}[w^="6/"]{--w:6}[w^="7/"]{--w:7}[w^="8/"]{--w:8}[w^="9/"]{--w:9}[w^="10/"]{--w:10}[w^="11/"]{--w:11}[w^="12/"]{--w:12}
  [c^="-1/"]{grid-column:span var(--w, var(--gc, 12))/-1}[c^="0/"]{--c:1}[c^="1/"]{--c:2}[c^="2/"]{--c:3}[c^="3/"]{--c:4}[c^="4/"]{--c:5}[c^="5/"]{--c:6}[c^="6/"]{--c:7}[c^="7/"]{--c:8}[c^="8/"]{--c:9}[c^="9/"]{--c:10}[c^="10/"]{--c:11}[c^="11/"]{--c:12}
  [o^="-1/"]{--o:-1}[o^="0/"]{--o:0}[o^="1/"]{--o:1}[o^="2/"]{--o:2}[o^="3/"]{--o:3}
  @media screen and (max-width: 719px) {[w^="0/"] { display: none; }}
  @media screen and (min-width: 720px) and (max-width: 1023px) {[w*="/0/"] { display: none; }}
  @media print, screen and (min-width: 720px){[w*="/a/"]{width:auto}[w*="/1/"]{--w:1}[w*="/2/"]{--w:2}[w*="/3/"]{--w:3}[w*="/4/"]{--w:4}[w*="/5/"]{--w:5}[w*="/6/"]{--w:6}[w*="/7/"]{--w:7}[w*="/8/"]{--w:8}[w*="/9/"]{--w:9}[w*="/10/"]{--w:10}[w*="/11/"]{--w:11}[w*="/12/"]{--w:12}[c*="/-1/"]{grid-column:span var(--w, var(--gc, 12))/-1}[c*="/0/"]{--c:1}[c*="/1/"]{--c:2}[c*="/2/"]{--c:3}[c*="/3/"]{--c:4}[c*="/4/"]{--c:5}[c*="/5/"]{--c:6}[c*="/6/"]{--c:7}[c*="/7/"]{--c:8}[c*="/8/"]{--c:9}[c*="/9/"]{--c:10}[c*="/10/"]{--c:11}[c*="/11/"]{--c:12}[o*="/-1/"]{--o:-1}[o*="/0/"]{--o:0}[o*="/1/"]{--o:1}[o*="/2/"]{--o:2}[o*="/3/"]{--o:3}}
  @media print, screen and (min-width: 1024px){[w$="/0"]{display:none}[w$="/a"]{width:auto}[w$="/1"]{--w:1}[w$="/2"]{--w:2}[w$="/3"]{--w:3}[w$="/4"]{--w:4}[w$="/5"]{--w:5}[w$="/6"]{--w:6}[w$="/7"]{--w:7}[w$="/8"]{--w:8}[w$="/9"]{--w:9}[w$="/10"]{--w:10}[w$="/11"]{--w:11}[w$="/12"]{--w:12}[c$="/-1"]{grid-column:span var(--w, var(--gc, 12))/-1}[c$="/0"]{--c:1}[c$="/1"]{--c:2}[c$="/2"]{--c:3}[c$="/3"]{--c:4}[c$="/4"]{--c:5}[c$="/5"]{--c:6}[c$="/6"]{--c:7}[c$="/7"]{--c:8}[c$="/8"]{--c:9}[c$="/9"]{--c:10}[c$="/10"]{--c:11}[c$="/11"]{--c:12}[o$="/-1"]{--o:-1}[o$="/0"]{--o:0}[o$="/1"]{--o:1}[o$="/2"]{--o:2}[o$="/3"]{--o:3}}

[width="-"]{width:100%;height:0;margin:0;border-width:0}[width^="16/"]{width:16.666%}[width^="20/"]{width:19.999%}[width^="25/"]{width:24.999%}[width^="33/"]{width:33.333%}[width^="40/"]{width:39.999%}[width^="50/"]{width:49.999%}[width^="60/"]{width:59.999%}[width^="66/"],[width^="67/"]{width:66.666%}[width^="75/"]{width:74.999%}[width^="80/"]{width:74.999%}[width^="99/"],[width^="100/"]{width:100%}
@media screen and (max-width: 1023px){[width*="/a/"]{width:auto}[width*="/16/"]{width:16.666%}[width*="/20/"]{width:19.999%}[width*="/25/"]{width:24.999%}[width*="/33/"]{width:33.333%}[width*="/40/"]{width:39.999%}[width*="/50/"]{width:49.999%}[width*="/60/"]{width:59.999%}[width*="/66/"],[width*="/67/"]{width:66.666%}[width*="/75/"]{width:74.999%}[width*="/80/"]{width:79.999%}[width*="/100/"]{width:100%}}
@media screen and (max-width:  719px) {[width$="/a"]{width:auto}[width$="/16"]{width:16.666%}[width$="/20"]{width:19.999%}[width$="/25"]{width:24.999%}[width$="/33"]{width:33.333%}[width$="/40"]{width:39.999%}[width$="/50"]{width:49.999%}[width$="/60"]{width:59.999%}[width$="/66"],[width$="/67"]{width:66.666%}[width$="/75"]{width:74.999%}[width$="/80"]{width:79.999%}[width$="/100"]{width:100%}}
@media screen and (min-width: 1024px){[width^="0/"]{display:none !important}} @media screen and (min-width: 720px) and (max-width: 1024px){[width*="/0/"]{display:none !important}} @media screen and (max-width: 719px){[width$="/0"]{display:none !important}}

/* reveal */

@media screen {
[reveal^="1"] { transition-duration: 0.5s; transition-timing-function: ease; }
[reveal^="2"] { transition-duration: 1s; }
[r5s]:not([ready]) [reveal^="1+/"], [r5s] [reveal^="1/"]:not([revealed]) { opacity: 0; transform: translateY(30px); }
[r5s]:not([ready]) [reveal^="2+/"], [r5s] [reveal^="2/"]:not([revealed]) { opacity: 0; }
[reveal]{--rd:0;transition-delay:calc(var(--rd,0) * var(--rs, 0.1s))}[reveal$="/0"]{--rd:0}[reveal$="/1"]{--rd:1}[reveal$="/2"]{--rd:2}[reveal$="/3"]{--rd:3}[reveal$="/4"]{--rd:4}[reveal$="/5"]{--rd:5}[reveal$="/6"]{--rd:6}[reveal$="/7"]{--rd:7}[reveal$="/8"]{--rd:8}[reveal$="/9"]{--rd:9}[reveal$="/10"]{--rd:10}
[aligned]{transition-delay:calc(var(--rd,0) * var(--rs, 0.1s) + var(--rq) * 0.1s)}
}

/*   _______        _______ _______ _______ __   _ _______ _______
 *   |______ |      |______ |  |  | |______ | \  |    |    |______
 *   |______ |_____ |______ |  |  | |______ |  \_|    |    ______|
*/

/**
 * @name .anchor1
 * @description Localscroll helper
 * @example { }
 */

.anchor1 { --offset: calc(var(--st) * -1 - var(--gx, 0)); overflow: hidden; height: 1px; margin: 0; }
 .anchor1-target { overflow: hidden; height: 0; margin: var(--offset) 0 0; }

/**
 * @name .badge1
 * @description Limited offer badge
 * @example { }
 */

.badge1 { display: inline-block; color: var(--c_d8); font: 700 13px/1 var(--ff_1); }
p.badge1 { display: block; }
 .badge1-wrap { display: inline-block; padding: 5px 6px 3px; background: var(--c_brand); font: 500 14px/1 var(--ff_3); letter-spacing: -0.01em; vertical-align: top; }

/**
 * @name .browser1
 * @description Browser warning
 * @example { }
 */

.browser1 { font: 16px/1.2 Nuacht Serif Text,Nuacht Serif Headline,Georgia,serif; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
@supports(display: grid) { .browser1 { display: none; } }
 .browser1:before { content: attr(data-warning); }

/**
 * @name .button1
 * @description Default button look
 * @example { }
 */

.button1, [type="submit"], [type="reset"] { --bcn: var(--c_d1t); --own: 1px; --orn: 4px; --ocn: var(--bc); --tcn: var(--c_d8t); --ow: var(--own); --oc: var(--ocn); --or: var(--orn); --bc: var(--bcn); --tc: var(--tcn); }
.button1, [type="submit"], [type="reset"] { display: inline-flex; justify-content: center; align-items: center; height: auto; min-height: 40px; padding: 10px 15px; border: none; border-radius: var(--or); box-shadow: inset 0 0 0 var(--ow) var(--oc); background: var(--bc); color: var(--tc); font: 500 16px/20px var(--ff_3); text-align: center; text-decoration: none !important; transition-property: var(--t8n_p1), color; margin-top:5px;}
input[type="submit"] { --bcf: var(--bcn); }
.button1:hover, [type="submit"]:hover, [type="button"]:hover, [type="reset"]:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); box-shadow: inset 0 0 0 var(--ow) var(--oc), 0 2px 4px rgba(0,0,0,0.5); color: var(--tc); }
 .button1 > span:not(:first-child) { margin-left: 5px; }
 .button1 > span:not(:last-child) { margin-right: 5px; }

 .button1.-block { display: flex; width: 100%; }
 .button1.-ghost { --bcn: transparent; --ocn: var(--c_d1t); --tcn: var(--c_d1t); }
 .button1.-small { min-height: 32px; padding: 6px 15px; font-size: 14px; }
 .button1.-coral { --bcn: var(--c_micro1); --tcn: var(--c_d8); }
 .button1.-mw1 { width: 100%; max-width: 260px; }
 .button1.-mw2 { min-width: 140px; }
 
@media print {
.button1, [type="submit"], [type="button"], [type="reset"] { --bcn: transparent; --ow: 2px; --ocn: var(--c_d1t); --tcn: var(--c_d1t); }
}

/**
 * @name .checklist1
 * @description Paywall key highlights
 * @example { }
 */

.checklist1 { --c1gy: 10px; padding: 0; font-size: 16px; }
 .checklist1 li { margin-bottom: var(--c1gy); padding-left: 20px; }
 .checklist1 li[disabled] { opacity: 0.3; }
  .checklist1 li[disabled] del { text-decoration: none; font: inherit; }
  .checklist1 li:before { content: '\e5ca'; margin-top: 4px; color: var(--c_brand); font: 14px/1 Icons; }

@media screen and (min-width: 600px) {
.checklist1 { display: grid; grid-column-gap: var(--gx); grid-row-gap: var(--c1gy); grid-template-columns: repeat(2, 1fr); }
.checklist1.-c1 { grid-template-columns: repeat(1, 1fr); }
 @supports(display: grid) { .checklist1 li { margin-bottom: 0; } }
}

/**
 * @name .clear1
 * @description Clear field icon
 * @example { }
 */

.clear1 { display: inline-flex; justify-content: center; align-items: center; overflow: hidden; width: 10px; height: 10px; border-radius: 50%; background: var(--c_d5t); color: var(--c_d8t); font: inherit; cursor: pointer; }
.clear1:hover { background-color: var(--c_d4t); }
input[type] ~ .clear1 { margin-left: -15px; margin-right: 5px; opacity: 0; pointer-events: none; }
input[type]:not(:placeholder-shown) ~ .clear1 { opacity: 1; pointer-events: auto; }
:root:not([js]) .clear1 { display: none; }
 .clear1:before { content: '\e5cd'; font: 8px/1 Icons; }

/**
 * @name .embed1
 * @description Responsive embeds
 */

.embed1 { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: calc(var(--r, 0.5625) * 100%); }
 .embed1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/**
 * @name .field1
 * @description Field with escaping label
 * @example { }
 */

.field1 { position: relative; padding-top: 5px; }
 .field1 label[for] { position: absolute; left: 0; top: 0; color: var(--c_d3t); font-size: 12px; line-height: 1.25; transform-origin: 0 0; transition-duration: 0.15s; }
 .field1.-blank label[for] { transform: translateY(20px) scale(1.33); pointer-events: none; }
 .field1 input[type], .field1 textarea, .field1 select { --orn: 0; --bcf: transparent; padding: 15px 0 5px; box-shadow: inset 0 -1px var(--oc); }
 .field1 select { background-position: 100% 19px; }

 .field1.-placeholder label[for] { transform: none; pointer-events: auto; }
 .field1.-normalized label[for] { display: block; position: relative; left: auto; top: auto; margin-bottom: 6px; color: var(--c_d2t); transform: none; pointer-events: auto; font-size: 16px; }
 .field1.-normalized input[type], .field1.-normalized textarea, .field1.-normalized select { --bcn: var(--c_d7t); --bcf: var(--bcn); padding: 8px; }

/**
 * @name .field2
 * @description Normalized .field1
 * @example { }
 */

.field2 { }
 .field2 > .error {--oc: var(--c_e1t);}
 .field2 [disabled] { opacity: 0.5; pointer-events: none; }
 .field2 label { display: flex; justify-content: space-between; }
  .field2 label small { font-size: 14px; opacity: 0.5; }
 .field2 input[type], .field2 textarea, .field2 select { --orn: 4px; }
 .field2 select.is-placeholder { color: var(--tc); }

/**
 * @name .fieldbox3
 * @description Search page field
 * @example { }
 */

.fieldbox3 { display: flex; position: relative; }
 .fieldbox3 label[for] { position: absolute; overflow: hidden; width: 0; height: 0; }
 .fieldbox3 input[type] { --or: 0px; --oc: var(--c_d1t); --bcn: transparent; --bcf: transparent; padding: 0 20px 0 0; box-shadow: inset 0 -2px 0 0 var(--oc); font: 32px/40px var(--ff_3); }
 .fieldbox3 .clear1 { flex: none; align-self: center; }
 .fieldbox3 button { --ocn: transparent; --bcn: transparent; --tcn: var(--c_d1t); display: flex; justify-content: center; align-items: center; width: 50px; min-height: 40px; padding: 0; font-size: 24px; }
 .fieldbox3 button:hover { box-shadow: none; }

/**
 * @name .fieldbox4
 * @description Footer search box
 * @example { }
 */

.fieldbox4 { --h: 32px; display: flex; align-items: center; }
 .fieldbox4 label[for] { position: absolute; overflow: hidden; width: 0; height: 0; }
 .fieldbox4 input[type] { --py: 6px; --px: 10px; --pcn: var(--c_d5t); --bcn: var(--c_d8t); --bcf: var(--bcn); height: var(--h); padding-right: 25px; font: 16px/20px var(--ff_3); }
 .fieldbox4 input[type] ~ .clear1 { margin-left: -20px; margin-right: 10px; }
 .fieldbox4 button[type] { --ocn: transparent; --bcn: transparent; --tcn: var(--c_d1t); min-height: var(--h); padding: 0 0 0 10px; background: none; box-shadow: none; font-size: 24px; }

/**
 * @name .fieldbox5
 * @description Top search box
 * @example { }
 */

.fieldbox5 { display: inline-flex; align-items: center; position: relative; border-right: 25px solid transparent; }
 .fieldbox5 label[for] { position: absolute; overflow: hidden; width: 0; height: 0; }
 .fieldbox5 input[type] { --own: 0; --orn: 0; --bcf: transparent; --pcn: inherit; width: 50px; height: 24px; padding: 2px 0; font-size: 14px; font-weight: 500; transition-property: width; }
 .fieldbox5 input[type]:focus { --pcn: var(--c_d5t); width: 170px; padding-right: 20px; box-shadow: 0 1px; }
 .fieldbox5 input[type]:not(:placeholder-shown) { --pcn: var(--c_d5t); width: 170px; padding-right: 20px; box-shadow: 0 1px; }
 .fieldbox5 input[type]:placeholder-shown ~ button { pointer-events: none; }
 .fieldbox5 button[type] { --own: 0px; --bcn: transparent; --tcn: inherit; position: absolute; right: 0; top: 0; width: 20px; min-height: 24px; padding: 0 0 1px; box-shadow: none; font-size: 18px; line-height: 1; transform: translateX(calc(100% + 5px)); }

/**
 * @name .go1
 * @description Back/forward link
 * @example { backward: true }
 */

.go1 { color: var(--c_d3t); font-family: var(--ff_3); line-height: 1.2; }
 .go1 a { --aown: 0; display: inline-flex; }
  .go1 a:hover .icon1:first-child { transform: translateX(-3px); }
  .go1 a:hover .icon1:last-child { transform: translateX(3px); }
  .go1 a:hover span { box-shadow: 0 1px; }

/**
 * @name .headlines1
 * @description Related links list
 * @example { }
 */

.headlines1 { --h1gy: 10px; display: grid; grid-column-gap: var(--gx); grid-row-gap: var(--h1gy); padding: 0; font: 500 18px/1.44 var(--ff_2); }
 .headlines1 li { margin-bottom: var(--h1gy); padding-left: 20px; }
  .headlines1-brow { display: block; margin-bottom: 4px; font-size: 10px; letter-spacing: 1; }
  .headlines1 a { color: var(--c_d1t); }
  .headlines1 a:not(:hover) { box-shadow: none; }

@supports(display: grid) { .headlines1 li { margin-bottom: 0; } }

/**
 * @name .headlines2
 * @description Timestamped headlines
 * @example { }
 */

.headlines2 { --gy: 12px; --l: 20px; padding: 0; }
 .headlines2 li { margin-bottom: var(--gy); padding-left: var(--l); }
  ol.headlines2 li { --l: 25px; }
 .headlines2 li ~ li { padding-top: var(--gy); border-top: 1px solid var(--c_d6t); }
  .headlines2 li:before { margin-top: -6px; margin-left: calc(var(--l) * -1); }
  ol.headlines2 li:before { content: counter(ordered); margin-top: 0; font: 500 32px/1 var(--ff_2); }
  .headlines2-brow { display: block; margin-bottom: 4px; font-size: 10px; letter-spacing: 1; }
   .headlines2 .time2:not(:last-child) { margin-right: 5px; }
  .headlines2 a { --aown: 2px; }

/**
 * @name .hr1
 * @description Line divider
 * @example { }
 */

.hr1 { border-top: 1px solid; }
.hr1.-thick { border-top-width: 2px; }

/**
 * @name .hr2
 * @description Domino divider
 * @example { }
 */

.hr2 { height: 8px; border-width: 0; background: linear-gradient(to right, #c8c8c8 1px, transparent 1px); background-size: 4px 1px }
.n-theme1 .hr2 { background-image: linear-gradient(to right, #666 1px, transparent 1px); }

/**
 * @name .icon1
 * @description Font face icon
 * @example { }
 */

.icon1 { display: inline-block; font-family: 'Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }
 .icon1:before, .icon1:after { transition-property: var(--t8n_p1); }
 .icon1 i { font: inherit; }
 .icon1 span { display: none; }

.-i\:independent:before { content: "\e924"; color: var(--c_d1t)); }
.-i\:independent:after { content: "\e925"; margin-left: -6.6591796875em; color: var(--c_brand); }
.-i\:beltel:before { content: "\e928"; color: var(--c_brand); }
.-i\:beltel:after { content: "\e929"; margin-left: -1em; color: #fff; }
.-i\:belfasttelegraph:before { content: "\e92a"; color: var(--c_d1t); }
.-i\:belfasttelegraphdigital:before { content: "\e912"; color: rgb(29,29,27); }
.-i\:belfasttelegraphdigital:after { content: "\e913"; margin-left: -10.3671875em; color: rgb(29,29,26); }
.-i\:harp:before { content: "\e918"; }
.-i\:herald:before { content: "\e914"; color: rgb(237,28,36); }
.-i\:herald:after { content: "\e915"; margin-left: -4.5263671875em; color: rgb(0,0,0); }
.-i\:inm:before { content: "\e90c"; }
.-i\:mediahuis:before { content: "\e92d"; color: rgb(255, 38, 31); }
.-i\:mediahuis>i:before { content: "\e92e"; margin-left: -5.5390625em; color: rgb(235, 235, 235); }
.-i\:mediahuis>i:after { content: "\e92f"; margin-left: -5.5390625em; color: rgb(255, 138, 23); }
.-i\:mediahuis:after { content: "\e930"; margin-left: -5.5390625em; color: rgb(190, 190, 190); }

.-i\:apple:before { content: "\e92c"; }
.-i\:pencil:before { content: "\e923"; }
.-i\:phone:before { content: "\e922"; }
.-i\:cog:before { content: "\e921"; }
.-i\:expand:before { content: "\e920"; }
.-i\:external:before { content: "\e901"; }
.-i\:google:before { content: "\e91f"; }
.-i\:lock:before { content: "\e900"; }
.-i\:play:before { content: "\e91e"; }
.-i\:star:before { content: "\e917"; }
.-i\:newsletter:before { content: "\e904"; }
.-i\:opinion:before { content: "\e905"; }
.-i\:select:before { content: "\e906"; }
.-i\:live:before { content: "\e902"; }
.-i\:arrowdown:before { content: "\e5c5"; }
.-i\:arrowup:before { content: "\e5c7"; }
.-i\:arrowright:before { content: "\e91c"; }
.-i\:arrowleft:before { content: "\e91d"; }
.-i\:update:before { content: "\e307"; }
.-i\:latest:before { content: "\e307"; }
.-i\:check:before { content: "\e5ca"; }
.-i\:close:before { content: "\e5cd"; }
.-i\:menu:before { content: "\e3c7"; }
.-i\:opinion2:before { content: "\e244"; }
.-i\:podcast:before { content: "\e310"; }
.-i\:read:before { content: "\e02f"; }
.-i\:email:before { content: "\e159"; }
.-i\:user:before { content: "\e7ff"; }
.-i\:gallery:before { content: "\e412"; }
.-i\:poll:before { content: "\e801"; }
.-i\:breaking:before { content: "\e80b"; }
.-i\:search:before { content: "\e8b6"; }
.-i\:share:before { content: "\e80d"; }
.-i\:video:before { content: "\e04b"; }
.-i\:dot:before { content: "\e919"; }
.-i\:user-filled:before { content: "\e916"; }
.-i\:down:before { content: "\e313"; }
.-i\:left:before { content: "\e314"; }
.-i\:right:before { content: "\e315"; }
.-i\:up:before { content: "\e316"; }
.-i\:comment:before { content: "\e903"; }
.-i\:drag:before { content: "\e90d"; }
.-i\:letter:before { content: "\e911"; }
.-i\:feed:before { content: "\e90e"; }
.-i\:soundcloud:before { content: "\e90f"; }
.-i\:apodcast:before { content: "\e910"; }
.-i\:whatsapp:before { content: "\e907"; }
.-i\:instagram:before { content: "\e908"; }
.-i\:gplus:before { content: "\e909"; }
.-i\:twitter:before { content: "\e90a"; }
.-i\:facebook:before { content: "\e90b"; }

/**
 * @name .icon2
 * @description Article type icon
 * @example { }
 */

.icon2 { display: inline-flex; flex: none; justify-content: center; align-items: center; min-width: 1em; min-height: 1em; margin: -0.2em 0 0; background: var(--c_d2t); color: var(--c_d8t); font: 1em/1 'Icons'; font-size: inherit; speak: none; text-transform: none; vertical-align: middle; }
 .icon2:before, .icon2:after { font-size: 0.55em; transition-property: var(--t8n_p1); }
 .icon2 span { display: none; }

@media print {
.icon2 { box-shadow: inset 0 0 0 1px var(--c_d5t); background: var(--c_d8t); color: var(--c_d1t); }
}

/**
 * @name .img1
 * @description Image wrapper
 */

.img1 { --i1or: 6px; --i1is: 40px; --aown: 0; --aowh: 0; display: block; position: relative; overflow: hidden; width: 100%; margin-left: auto; margin-right: auto; border-radius: var(--i1or); background: var(--c_d7t); }
.img1.-straight { --i1or: 0px; }
.img1.-round { --i1or: 50%; }
.img1.-blank { background-color: transparent; }
.img1.-fit { --of: contain; background-color: transparent; }
 .img1[style*="--r:"]:before { display: block; content: ''; width: 100%; padding-bottom: calc(var(--r) * 100%); }
 .img1 img, .img1 video { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: var(--of, cover); object-position: var(--x, 50%) var(--y, 50%); }
 .img1[style*="--r:"] img { position: absolute; left: 0; top: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 .img1.-left { --x: 0; } .img1.-right { --x: 100%; } .img1.-top { --y: 0; } .img1.-bottom { --y: 100%; }
 .img1-corner { display: flex; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; color: #fff; font: var(--i1is)/var(--i1is) var(--ff_3); }
  .img1-corner .icon2 { margin-top: 0; background: rgba(0,0,0,0.7); color: #fff; font-size: inherit; line-height: inherit; vertical-align: top; }
  .img1-corner small { flex-grow: 1; padding: 0 0.5em; font-size: var(--ict, 0.4em); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); vertical-align: top; }
 .img1 .icon1.-i\:expand { --s: 15px; display: flex; align-items: center; justify-content: center; position: absolute; right: var(--s); top: var(--s); width: 1em; height: 1em; border-radius: 50%; background: rgba(0,0,0,0.4); color: var(--c_d8); font-size: 40px; line-height: 1; opacity: 0; pointer-events: none; }
 a.img1:hover .icon1.-i\:expand, .img1 a:hover .icon1.-i\:expand, .img1 a.icon1.-i\:expand:hover { opacity: 1; }
  .img1 .icon1.-i\:expand:before { font-size: 0.45em; }

@media screen and (max-width: 1023px) {
.img1.-straight\<l { --i1or: 0px; }
}

@media print {
.img1-corner .icon2 { box-shadow: none; background: var(--c_d8t); color: var(--c_d2t); }
.img1-corner small { background: none; }
}

/**
 * @name .inm1
 * @description INM logo
 * @example { }
 */

.inm1 { display: inline-flex; align-items: center; color: var(--c_d3t); box-shadow: none; font: 10px/2.4 var(--ff_3); text-transform: uppercase; }
.inm1:hover { box-shadow: none; }
 .inm1 .icon1 { margin: 0 0.1em; color: #202c74; font-size: 2.4em; line-height: 1; }

/**
 * @name .invalid1
 * @description Validation message
 */

 .field1 > .error {--oc: var(--c_e1t);}
 .invalid1[class] { display: none; margin-top: 8px; color: var(--c_e1t); font: 13px/16px var(--ff_3);}
 .-validated:invalid ~ .invalid1, .-validated:invalid + label .invalid1, .invalid1.-visible { display: block; }

/**
 * @name .lead2
 * @description Card lead paragraph
 * @example { }
 */

.lead2 { color: var(--c_d3t); font: 18px/1.33 var(--ff_3); }

/**
 * @name .live1
 * @description Pulsing live icon
 * @example { }
 */

.live1 { display: inline-block; position: relative; content: ''; width: 0.5em; height: 0.5em; margin: 0 6px 0 3px; border-radius: 50%; background: currentColor; color: var(--c_breaking); font-style: normal; vertical-align: 0.1em; }
 .live1:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; content: ''; border-radius: inherit; background: inherit; animation: live1 1.5s infinite; }
@keyframes live1 { 0% { transform: scale(1); opacity: 0.6; } 70% { transform: scale(2.5); opacity: 0; } 100% { transform: scale(1); opacity: 0; } }

@media print {
.live1 { box-shadow: inset 0 0 0 10px currentColor; }
 .live1:before { opacity: 0.2; transform: scale(2); animation: none; }
}

/**
 * @name .loader1
 * @description Loading spinner
 */

.loader1 { display: block; position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; color: var(--c_d5t); font-size: var(--l1fs, 24px); animation: loader1 1s 1 linear; pointer-events: none; transition-property: var(--t8n_p2); }
.loader1.-infinite { animation-iteration-count: infinite; }
.lazyloading ~ .loader1 { animation-iteration-count: infinite; }
.lazyloaded ~ .loader1, html:not([js]) .loader1 { visibility: hidden; opacity: 0; animation-iteration-count: 1; }
 .loader1:before { display: block; content: ''; width: 1em; height: 1em; border: 0.1em solid; border-top-color: transparent; border-radius: 50%; }

@keyframes loader1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/**
 * @name .message1
 * @description Poll thank you message
 * @example { }
 */

.message1 { color: var(--c_results); font: 500 14px/1.29 var(--ff_3); text-align: center; }
 .message1 strong:first-child { font-weight: inherit; text-transform: uppercase; }

/**
 * @name .message2
 * @description Premium subscriber message
 * @example { }
 */

 .message2 { position: fixed; right: 0; top: var(--st); right: 0; z-index: 121; overflow: hidden; max-width: 100%; margin: 0; padding: var(--sy) var(--sx); color: #e5f0ea; font: 18px/1.2 var(--ff_3); pointer-events: none; }
 .message2-outer { display: block; max-width: 100%; width: 450px; margin: 0 0 var(--sy) auto; padding: 25px var(--sx); border-radius: 6px; box-shadow: 0 1px 8px 0 rgba(0,0,0,0.05); background: currentColor; pointer-events: auto; }
 .message2-outer.-error { color: #fbe5e5; }
 .message2-outer.-hidden { transform: translateX(120%); }
  .message2-wrap { color: var(--c_d2t); }
   .message2-wrap .icon1 { float: right; margin: 0 0 0 15px; }

@media screen and (max-width: 599px) {
.message2 { font-size: 15px; }
 .message2-outer { padding: 15px var(--sx); margin-bottom: 10px; }
}

/**
 * @name .message3
 * @description Subscription message
 * @example { }
 */

.message3 { background: currentColor; color: var(--c_d1t); font: 18px/1.2 var(--ff_3); font-size: inherit; text-align: center; }
 .message3 > span { display: block; padding: 25px var(--sx); color: var(--c_d8t); }
 .message3.-recontain > span { padding-left: 0; padding-right: 0; }

 /**
 * @name .message4
 * @description Subscription message
 * @example { }
 */

.message4 { font: 14px/1.3 var(--ff_3); }
 .message4 > span { display: inline-block; padding: 10px 15px; border-radius: 2px; background: #fbe5e5; color: var(--c_e1t); vertical-align: top; }

/**
 * @name .name1
 * @description Author text
 * @example { }
 */

.name1 { color: var(--c_d1t); font: 500 16px/1.19 var(--ff_3); }

/**
 * @name .name2
 * @description Op-ed author
 * @example { }
 */

.name2 { color: var(--c_d3t); font: 500 38px/1.24 var(--ff_2); }

@media screen and (max-width: 1023px) {
.name2 { font-size: 32px; }
}

/**
 * @name .partner1
 * @description Partner line for advert cards
 * @example { }
 */

.partner1 { display: flex; justify-content: flex-end; align-items: center; color: var(--c_d3t); font: 16px/1.33 var(--ff_3); }
.partner1.-left { justify-content: flex-start; }
 .partner1 span:first-child { margin-right: 5px; }
 .partner1 a { color: var(--c_d1t); }
 .partner1 a.-as\:1 { margin-left: 5px; }

/**
 * @name .prefix1
 * @description Title prefix
 * @example { }
 * @example { class: '-c:d3t', text: 'Live' }
 */

.prefix1 { display: inline-block; position: relative; margin-right: 0.1em; padding-right: 0.4em; color: var(--c_breaking); font: inherit; font-style: normal; font-family: var(--ff_3); text-transform: uppercase; vertical-align: top; }
 .prefix1:after { position: absolute; right: 0; top: 50%; content: ''; height: 1em; margin: -0.5em 0 0; border-right: 1px solid; }

/**
 * @name .premium1
 * @description Premium badge
 * @example { }
 */

.premium1 { display: inline-block; color: var(--c_d8); font: 700 13px/1 var(--ff_1); }
p.premium1 { display: block; margin-bottom: 12px; }
.premium1.-large { font-size: 20px; }
 .premium1-wrap { display: inline-flex; align-items: center; padding: 0.23em 0.4em; border-radius: 2px; background: var(--c_brand); }
 .premium1.-local .premium1-wrap { background-color: var(--c_local); }
  .premium1-wrap .icon1:not(:first-child) { margin-left: 0.2em; }
  .premium1-wrap small { display: inline-block; margin: 0.1em 0 0 0.1em; font: 400 1.33em/1px var(--ff_3); vertical-align: top; }

.premium2 {
  color: var(--c_d1);
  font: 500 12px/1 var(--ff_3);
  text-transform: uppercase;
  letter-spacing: 0.75px;
}

p.premium2 {
  display: block;
  margin-bottom: 12px;
}

.premium2.-large {
  font-size: 20px;
}

.premium2.-huge {
  font-size: 26px;
}

.premium2-wrap {
  background: var(--c_reb_premium);
  padding: 4px;
}

.premium2-wrap .icon1:not(:first-child) {
  margin-left: 0.2em;
}

.premium2-wrap small {
  display: inline-block;
  margin: 0.1em 0 0 0.1em;
  font: 400 1.33em/1px var(--ff_3);
  vertical-align: top;
}

/**
 * @name .price1
 * @description Paywall price
 * @example { }
 */

.price1 { color: var(--c_d3t); font: 13px/1.2 var(--ff_3); }
 .price1 big { display: block; margin: 1px 0 3px; color: var(--c_d1t); font-size: 28px; font-weight: 500; }
  .price1 sup { padding-left: 2px; font-size: 0.5em; line-height: 1; vertical-align: 0.75em; }

/**
 * @name .progress1
 * @description Progress bar
 * @example { }
 */

.progress1 { display: block; position: relative; height: 6px; border-radius: 3px; box-shadow: inset 0 0 0 1px var(--c_d5t); background: var(--c_d7t); transform: translateZ(0); }
 .progress1:before { display: block; content: ''; width: var(--width); height: inherit; border-radius: inherit; background: var(--c_results); transform-origin: 0 50%; transition-property: width; transition-duration: 1s; }
 .progress1:after { position: absolute; right: 0; bottom: 100%; content: attr(data-votes); margin: 0 0 5px; color: var(--c_d4t); font: 14px/1 var(--ff_3); transition-duration: 1s; }

/**
 * @name .rating1
 * @description Rating stars
 * @example { }
 */

.rating1 { display: inline-flex; position: relative; margin-left: 0; font: 16px/1 Icons; }
 .rating1:before, .rating1:after { content: '\e917\e917\e917\e917\e917'; letter-spacing: -0.1em; }
 .rating1:before { opacity: 0.2; }
 .rating1:after { position: absolute; left: 0; top: 0; overflow: hidden; width: calc(var(--rating,0) / 5 * 100%); }
 .rating1 span { display: none; }

.rebrand {
 height: 30px;
}

/**
 * @name .section1
 * @description Section label in card brow
 * @example { }
 */

.section1 { margin-bottom: 4px; color: var(--c_d3t); font: 13px/1.23 var(--ff_3); }
 .section1 .prefix1 { font-weight: 500; }
 .section1-main:not(:last-child) { margin-right: 0.5em; }
 .section1 a, a.section1 { box-shadow: none; }
 .section1 a:hover, a.section1:hover { color: var(--c_d2t); }

/**
 * @name .settings1
 * @description Sticky privacy settings bar
 * @example { }
 */

.settings1 { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 101; margin: 0; font: 16px/1 var(--ff_3); text-align: right; }
 .settings1 p { display: inline-block; border-radius: 4px 0 0 0; background: currentColor; color: var(--c_brand); vertical-align: top; }
  .settings1 a { display: flex; justify-content: center; align-items: center; padding: 5px 10px; color: var(--c_d8t); }
   .settings1 a > * { flex: none; }
   .settings1 a > :first-child:not(:last-child) { margin-right: 5px; }

/**
 * @name .skips1
 * @description Skip links
 */

.skips1 { position: absolute; top: 100%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
:root:not([keyboard]) .skips1 { display: none; }
 .skips1 li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
  .skips1 li:before { display: none;  }
  .skips1 li a { display: inline-block; position: absolute; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
  .skips1 li a:focus, .skips1 li a:active { position: relative; left: 0; }

/**
 * @name .slot1
 * @description Ad slot
 * @example { }
 */

.slot1 { flex-grow: 1; }
 .slot1-wrap { position: -webkit-sticky; position: sticky; top: calc(var(--st, 0) + var(--gx, 0)); text-align: center; }
  .slot1-wrap > * { text-align: unset; }

/**
 * @name .slot2
 * @description Sticky side ads
 * @example { }
 */

.slot2 { position: absolute; left: 100%; top: 0; bottom: 0; width: 170px; margin: 0 0 0 15px; }
.slot2.-left { left: auto; right: 100%; margin: 0 15px 0 0; }
 .slot2-wrap { position: -webkit-sticky; position: sticky; top: var(--st, 0); margin: 0; text-align: center; }
  .slot2-wrap > * { text-align: unset; }

@media screen and (max-width: 1309px) {
.slot2 { display: none; }
}

/**
 * @name .slot3
 * @description Floating video track
 * @example { }
 */

.slot3 { display: flex; align-items: flex-end; position: absolute; right: 0; top: 0; bottom: 0; z-index: 11; width: 300px; margin: 0; pointer-events: none; transition-property: var(--t8n_p2); }
 .slot3-wrap { position: -webkit-sticky; position: sticky; bottom: var(--s1); width: 100%; margin: 0; pointer-events: auto; }
  .slot3-close { display: flex; justify-content: center; align-items: center; margin: -1em 0 0 auto; width: 1em; height: 1em; font-size: 30px; line-height: 1; }
   .slot3-close:before { font-size: 0.75em; }
.slot3.-hidden { visibility: hidden; opacity: 0; }
 .slot3.-hidden .slot3-wrap { pointer-events: none; }

@media print, screen and (max-width: 1023px) {
.slot3 { display: none; }
}


/**
 * @name .source1
 * @description Article source
 * @example { }
 */

.source1 { color: var(--c_d3t); font: 16px/1.5 var(--ff_3); }
 .source1 a { --aown: 0px; --aowh: 1px; }

/**
 * @name .subtitle1
 * @description Listicle subtitle
 * @example { }
 * @example { prefix: '3-0' }
 * @example { class: '-autonum' }
 */

.subtitle1 { counter-increment: body; margin-top: 30px; padding-bottom: 6px; border-bottom: 2px solid var(--c_d1t); }
.subtitle1:first-child { margin-top: 0; }
 .subtitle1.-autonum:before, .-autonum .subtitle1:before { display: inline-block; content: counter(body) '.'; margin: 0 5px -0.25em 0; font-size: 1.5em; font-weight: bolder; vertical-align: baseline; }
 .subtitle1-prefix { display: inline-block; margin: 0 5px -0.25em 0; font-size: 1.5em; vertical-align: baseline; }

/**
 * @name .subtitle2
 * @description Paywall subtitle with sidebar
 */

.subtitle2.-flex { display: flex; align-items: baseline; justify-content: space-between; }
 .subtitle2.-flex > * { min-width: 0; margin: 0; }
 .subtitle2.-flex > :last-child:not(:first-child) { flex: none; min-width: 0; max-width: 50%; padding-left: 20px; }

@media screen and (min-width: 720px) {
.subtitle2 { display: flex; align-items: baseline; justify-content: space-between; }
 .subtitle2 > * { min-width: 0; margin: 0; }
 .subtitle2 > :last-child:not(:first-child) { flex: none; min-width: 0; max-width: 50%; padding-left: 20px; }
}

/**
 * @name .summary1
 * @description Summary block
 * @example { }
 */

.summary1 { color: var(--c_d3t); font: 400 20px/1.4 var(--ff_1); }
.summary1.-force * { color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; }

/**
 * @name .switch1
 * @description iOS-like switch
 * @example { }
 */

.switch1 { --w: 50px; --h: 30px; --p: 2px; --m: 10px; display: flex; align-items: center; position: relative; overflow: hidden; }
 .switch1 input[type] { position: absolute; left: -10001px; }
 .switch1 label { --x: calc(var(--w) + var(--m)); position: relative; z-index: 2; margin-right: calc(var(--x) * -1); padding-right: var(--x); color: var(--c_d4t); font-weight: inherit; transition-property: color; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 .switch1 label ~ label { margin-right: 0; margin-left: calc(var(--x) * -1); padding-right: 0; padding-left: var(--x); color: var(--c_d5t); font-weight: inherit; transition-property: color; }
 .switch1 :checked + label { color: var(--c_d1t); pointer-events: none; }
 .switch1-main { width: var(--w); height: var(--h); margin: 0 var(--m); padding: var(--p); border-radius: calc(var(--h) / 2); background: currentColor; color: var(--c_d1t); }
  .switch1-main:before { display: inline-block; position: relative; content: ''; width: calc(var(--h) - var(--p) * 2); height: calc(var(--h) - var(--p) * 2); border-radius: 50%; background: var(--c_d8t); vertical-align: top; transform: translateX(calc(var(--w) - var(--h))); }
 :checked ~ .switch1-main:before { transform: translateX(0); }


/**
 * @name .table1
 * @description Responsive tables
 */

@media screen and (max-width: 1023px) {
.table1 { position: relative; margin-right: var(--nx); margin-left: var(--nx); }
 .table1:after { position: absolute; right: var(--sx); bottom: -16px; content: ''; width: 18px; height: 24px; background: url(../images/table1-icon1.png) no-repeat; background-size: contain; opacity: 0.75; pointer-events: none; animation: table1swipe 2s infinite; }
 .table1-wrap { overflow: auto; overflow-y: hidden; padding: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
 .table1-wrap::-webkit-scrollbar { display: none; }
  .table1-wrap table { min-width: 984px; }
   .table1-wrap tr > :first-child { padding-left: var(--sx); }
   .table1-wrap tr > :last-child { padding-right: var(--sx); }

@keyframes table1swipe { 0% { opacity: 0; transform: translate3d(0,0,0); } 60% { transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; transform: translate3d(-20px,0,0); } }
}

/**
 * @name .table1
 * @description Paywall details table
 * @example { }
 */

.table2 { width: 100%; color: var(--c_d3t); font: 16px/1.38 var(--ff_3); }
 .table2 th, .table2 td { border: none; padding: 0; font-weight: normal; vertical-align: top; }
 .table2 td { color: var(--c_d2t); text-align: right; }
 .table2 tr ~ tr > * { padding-top: 8px; }

/**
 * @name .tick1
 * @description Checkbox + label combo
 * @example { }
 */

.tick1 { position: relative; padding-left: 1.75em; color: var(--c_d3t); font: 16px/1.25 var(--ff_3); }
 .tick1 label { display: inline-block; vertical-align: top; }
 .tick1.-block label { display: block; }
 .tick1 input[type] { --s: 20px; position: absolute; left: 0; top: 0; margin: 0 10px 0 0; font-size: inherit; }
 .tick1 a { --aown: 0px; }
 .tick1 .icon1 { margin-top: 0.1em; font-size: 0.9em; vertical-align: top; }
 .tick1-save { float: right; padding: 3px 7px; border-radius: 3px; background: #ff4300; color: #fff; font: 500 20px/1.3 var(--ff_3); }
 .tick1-save + br { display: none; }


/**
 * @name .time1
 * @description Timestamp text
 * @example { }
 */

.time1, time { color: var(--c_d3t); font: 400 14px/1.42 var(--ff_3); }

/**
 * @name .time2
 * @description Headlines relative time
 * @example { }
 */

.time2 { color: var(--c_d3t); font: 500 13px/1.23 var(--ff_3); }

/**
 * @name .title1
 * @description Page title with optional large prefix
 * @example { }
 */

.title1 { font-size: 38px; }
 .title1 .premium1 { margin-bottom: 16px; font-size: 0.625em; }
 .title1-wrap { display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: -10px; }
  .title1-wrap > * { margin-top: 10px; }
  .title1-prefix { flex: none; max-width: 100%; padding-right: 0.15em; font-size: 92px; font-weight: 900; line-height: 0.85; }
  .title1-prefix.-break { width: 100%; padding-right: 0; }
  .title1-main { flex: 1 1 50%; }

@media screen and (min-width: 1024px) {
.title1-prefix + .title1-main { font-size: 32px; }
}
@media screen and (max-width: 1023px) {
.title1 { font-size: 32px; }
 .title1-prefix { font-size: 68px; line-height: 0.9; }
 .title1-prefix + .title1-main { font-size: 28px; line-height: 1.14; }
}

/**
 * @name .title2
 * @description Card title
 * @example { }
 */

.title2 { margin-bottom: 8px; }
 .title2 .icon1,
 .title2 .icon2 { margin-top: -0.3em; margin-right: 0.2em; vertical-align: middle; }
 .title2 .icon1.live1 { margin-top: -0.2em; margin-right: 0.4em; }
 .title2 strong:not([class*="-fw:"]) { font-weight: 500; }
 .title2 em { font-weight: 400; }
 a:hover .title2 span { box-shadow: inset 0 -2px; }

/**
 * @name .up1
 * @description Go back to top
 * @example { }
 */

.up1 { position: -webkit-sticky; position: sticky; bottom: 15px; height: 0; text-align: right; }
.settings1 ~ .up1 { bottom: 40px; }
 .up1 a { display: flex; justify-content: center; align-items: center; position: absolute; right: 15px; bottom: 0; width: 1em; height: 1em; border-radius: 50%; box-shadow: inset 0 0 0 2px; font-size: 44px; line-height: 1em; }
  .up1 .icon1 { font-size: 0.5em; }
  .up1 a:hover .icon1 { transform: translateY(-3px); }


/*   _______  _____  _______  _____   _____  __   _ _______ __   _ _______ _______
 *   |       |     | |  |  | |_____] |     | | \  | |______ | \  |    |    |______
 *   |_____  |_____| |  |  | |       |_____| |  \_| |______ |  \_|    |    ______|
*/

/**
 * @name .c-about1
 * @description Subscription about/topics promo
 * @example { }
 */

.c-about1 { display: flex; justify-content: space-between; margin-bottom: var(--s4); }
 .c-about1 > * { min-width: 0; margin-bottom: 0; }
 .c-about1-main { width: 410px; font-family: var(--ff_3); }
  .c-about1-main .hr1 { margin: 32px 0; }
  .c-about1-editorial { --sy: 12px; padding-left: 100px; }
   .c-about1-photo { float: left; width: 80px; margin: 0 0 0 -100px; }
   .c-about1-name { margin-bottom: 2px; }
   .c-about1-title { margin-bottom: 16px; color: var(--c_d1t); font-size: 16px; font-weight: 500; }
 .c-about1-side { width: 460px; }

@media screen and (max-width: 1023px) {
.c-about1 { display: block; }
 .c-about1-main { width: auto; margin-bottom: var(--s2); }
 .c-about1-side { width: auto; }
  .c-about1-side .c-topics1[class] { --c: 3; }
}
@media screen and (max-width: 599px) {
.c-about1-side .c-topics1[class] { --c: 2; }
}

/**
 * @name .c-answers1
 * @description Subscription FAQ
 * @example { }
 */

.c-answers1 { }
 .c-answers1-header { }
  .c-answers1-brow { margin-bottom: 15px; color: var(--c_d1t); font: 500 18px/1.44 var(--ff_3); }
 .c-answers1-wrap { display: flex; justify-content: space-between; }
  .c-answers1-wrap > * { min-width: 0; margin-bottom: 0; }
  .c-answers1-main { width: 620px; }
   .c-answers1 dt { margin-bottom: 0; padding: 20px; background: var(--c_d8t); font: 18px/1.33 var(--ff_3); }
   [js] .c-answers1 dt:before { float: right; content: '\e5c5'; margin: 0 0 0 10px; font-family: Icons; }
   [js] .c-answers1 dt.is-active:before { content: '\e5c7'; }
   .c-answers1 dt ~ dt { margin-top: 15px; }
   .c-answers1 dd { --sy: 14px; margin-bottom: 0; padding: 0 20px 20px; background: var(--c_d8t); font: 16px/1.4 var(--ff_3); }
   [js] .c-answers1 dt:not(.is-active) + dd { display: none; }
    .c-answers1 dd:before { display: block; content: ''; height: 1px; margin-bottom: 20px; background: currentColor; color: var(--c_d6t); }
  .c-answers1-side { width: 300px; }
   .c-answers1-contact { position: -webkit-sticky; position: sticky; top: calc(var(--st, 0) + var(--gx, 0)); padding: 0 0 0 30px; color: var(--c_d1t); font-family: var(--ff_3); }
    .c-answers1-contact li { margin-bottom: 5px; }
     .c-answers1-contact li:before { display: none; }
     .c-answers1-contact li .icon1 { float: left; width: 22px; margin: -4px 0 0 -30px; font-size: 22px; text-align: center; }
 .c-answers1-footer { margin-top: var(--s2); }

@media screen and (max-width: 1023px) {
.c-answers1-wrap { display: block; }
 .c-answers1-wrap > * { width: auto; margin-bottom: var(--sy); }
}
@media screen and (max-width: 719px) {
.c-answers1 dt { padding-left: var(--sx); padding-right: var(--sx); font-size: 16px; }
.c-answers1 dd { padding-left: var(--sx); padding-right: var(--sx); font-size: 15px; }
}

/**
 * @name .c-apps1
 * @description App download promo
 * @example { }
 */

.c-apps1 { --mw: calc(100% - 360px); position: relative; min-height: 590px; margin-bottom: var(--s2); padding-top: 25px; }
 .c-apps1-bar { margin-bottom: var(--s2); padding-top: 15px; padding-bottom: 15px; background: var(--c_d1t); color: var(--c_d8t); font: 500 16px/1.19 var(--ff_3); }
  .c-apps1-bar p { max-width: var(--mw); }
   .c-apps1-bar small { font-size: 12px; font-weight: normal; }
 .c-apps1-title { max-width: var(--mw); }
 .c-apps1 .checklist1 { max-width: var(--mw); }
 .c-apps1-side { position: absolute; right: 20px; top: 0; width: 280px; }
  .c-apps1-badge { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50px; width: 74px; height: 74px; margin: 0 0 0 -30px; border-radius: 50%; box-shadow: 0 2px 23px 0 rgba(33, 33, 33, 0.25); background-color: #f34000; color: var(--c_d8t); font: 500 14px/1.3 var(--ff_3); text-align: center; }
   .c-apps1-badge small { display: block; font-size: 10px; font-weight: 400; }
 .c-apps1-download { display: flex; align-items: center; }
  .c-apps1-download figure { flex: none; min-width: 0; width: 106px; margin: 0; }
  .c-apps1-download p { flex: none; min-width: 0; margin: 0 0 0 40px; font: 14px/1.29 var(--ff_3); }
   .c-apps1-download p big { color: var(--c_d1t); font-size: 18px; font-weight: normal; line-height: 1; }
   .c-apps1-download p .rating1 { margin-top: 5px; margin-left: 1px; font-size: 12px; vertical-align: top; }
   .c-apps1-download p small { display: block; color: var(--c_d3t); font: inherit; }

@media screen and (max-width: 719px) {
.c-apps1 { --mw:: none; padding-top: 0; }
 .c-apps1-side { position: relative; right: auto; width: 280px; margin: 0 auto var(--s2); }
  .c-apps1-badge { left: auto; right: 0; top: 0; margin: -30px -30px 0 30px; }
 .c-apps1-download { justify-content: center; }
}
@media screen and (max-width: 599px) {
.c-apps1-download p { margin-left: 20px; }
}

/**
 * @name .c-bar1
 * @description Mast header top bar
 * @example { }
 */

.c-bar1 { }
 .c-bar1-wrap { display: flex; align-items: center; height: var(--b, 50px); }
  .c-bar1-wrap > * { width: 33.33%; min-width: 0; margin: 0; }
  .c-bar1-search { display: flex; align-items: center; text-align: left; }
   .c-bar1-search > * { min-width: 0; margin-bottom: 0; }
   .c-bar1-back { margin-left: 10px; padding-left: 13px; border-left: 1px solid; font: 500 14px/1 var(--ff_3); }
  .c-bar1-today { color: var(--c_d3t); font: 14px/1.38 var(--ff_3); text-align: center; }
   .c-bar1-today time { color: inherit; font: inherit; }
   .c-bar1-today small { padding: 0 2px; font: inherit; }
   .c-bar1-today a { --aocn: transparent; --aoch: var(--atc); --atcn: var(--c_d1t); font-weight: 500; }
  .c-bar1-actions { padding: 0; text-align: right; }
   .c-bar1-actions > li { display: inline-block; position: relative; margin-bottom: 0; vertical-align: top; }
   .c-bar1-actions > li ~ li { margin-left: 3px; }
    .c-bar1-actions > li:before { display: none; }
    .c-bar1-actions .icon1 { font-size: 18px; }
    .c-bar1-actions .-account .button1 { box-shadow: none; }
    .c-bar1-actions .c-dropdown1 { visibility: hidden; left: auto; right: 10px; margin-top: 5px; min-width: 150px; opacity: 0; transition-property: var(--t8n_p2); }
    .c-bar1-actions li:hover > .c-dropdown1 { visibility: visible; opacity: 1; }
     .c-bar1-actions .c-dropdown1:before { left: auto; right: 10px; }

@media screen and (max-width: 1023px) {
.c-bar1-actions .c-dropdown1 { right: -5px; }
}

/**
 * @name .c-bio1
 * @description Journalist page bio
 * @example { }
 */

.c-bio1 { display: flex; align-items: center; }
 .c-bio1-image { flex: none; width: 140px; margin: 0 var(--gx) 0 0; }
 .c-bio1-main { --sy: 4px; }
  .c-bio1-intro { color: var(--c_d3t); font-family: var(--ff_3); line-height: 1.33; }
  .c-bio1-main .c-socials1 { margin-top: 8px; }

/**
 * @name .c-bio2
 * @description Journalists page card
 * @example { }
 */

.c-bio2 { text-align: center; }
 .c-bio2-image { width: 140px; margin: 0 auto 6px; }
 .c-bio2-name { color: var(--c_d1t); font: 20px/1.2 var(--ff_3); }
 .c-bio2 .c-socials1 { display: inline-block; margin-top: 8px; vertical-align: top; }

/**
 * @name .c-bio3
 * @description Member bio
 * @example { }
 */

.c-bio3 { display: flex; align-items: center; }
  .c-bio3-main { --sy: 2px; color: var(--c_d3t); font: 16px/1.2 var(--ff_3); }
  .c-bio3-name { font-family: inherit }
  .c-bio3-logout { margin-top: 10px; font: 500 16px/1.3 var(--ff_3); }
  .c-bio3-logout a { --atcn: var(--c_d1t); }


/**
 * @name .c-box1
 * @description Paywall box
 * @example { }
 */

.c-box1 { --p: 24px; margin-bottom: 24px; padding: var(--p); border-top: 2px solid; border-radius: 4px; background: var(--c_d8t); box-shadow: 0 2px 20px 0 rgba(0,0,0,0.06); color: var(--c_d1t); }
.c-box1.-clean { border-top-width: 0; }
 .c-box1-wrap { color: var(--c_d2t); }
  .c-box1-header { margin: calc(var(--p) * -1); margin-bottom: 20px; padding: 20px var(--p); border-radius: 4px 4px 0 0; }
  .c-box1.-featured .c-box1-header { background-color: #f2f7f4; }

@media screen and (max-width: 719px) {
.c-box1 { --p: 20px; }
}

/**
 * @name .c-bycard1
 * @description Author card
 * @example { }
 */

.c-bycard1 { }
 .c-bycard1-wrap { display: flex; align-items: flex-end; position: relative; }
  .c-bycard1-image { flex: none; order: 2; width: var(--w, 120px); margin: 0 0 0 15px; }
  .c-bycard1-main { flex-grow: 1; margin: 0; }
   .c-bycard1-title { margin-bottom: 10px; font: italic 400 24px/1.3 var(--ff_2); }
   .c-bycard1-author { padding-bottom: 10px; color: var(--c_d3t); font: 500 20px/1.2 var(--ff_2); transition-property: color; }
   a:hover .c-bycard1-author { color: var(--c_d1t); }
 .c-bycard1 .hr1 { margin-top: 0; }

@media screen and (min-width: 1024px) {
.c-bycard1.-small\>m .c-bycard1-image { width: 90px; margin-left: 5px; }
 .c-bycard1.-small\>m .c-bycard1-title { font-size: 20px; }
}

/**
 * @name .c-byline1
 * @description Article byline
 * @example { }
 */

.c-byline1 { display: flex; flex-wrap: wrap; align-items: center; }
 .c-byline1-image { flex: none; width: 50px; margin: 0 10px 0 0; }
  .c-byline1-image a[href] { box-shadow: none; }
  .c-byline1-image .loader1 { font-size: 18px; }
 .c-byline1-main { --sy: 5px; flex-grow: 1; margin: 0; }
  .c-byline1-main p { line-height: 1; }
   .c-byline1-author a.icon1 { margin-left: 2px; box-shadow: none; font-size: 0.8em; }
   .c-byline1-author a.icon1:hover { opacity: 0.7; }
   .c-byline1-author a.name1:not(:hover) { box-shadow: none; }
   .c-byline1-author .name1 + .icon1 { margin-left: 4px; }
  .c-byline1-meta:first-child { padding-top: 10px; }
 .c-byline1 .c-socials1 { margin-bottom: 0; margin-left: 20px; }
 .c-byline1 .hr2 { width: 100%; margin: 0; margin-top: 10px; }

/**
 * @name .c-card1
 * @description Article teaser cards
 * @example { }
 */

.c-card1 { --gy: 12px; --i1is: 32px; display: grid; grid-column-gap: var(--gx); align-items: start; grid-template-columns: var(--c1iw, 220px) 1fr; grid-template-rows: auto 1fr; grid-template-areas: "image main" "image side" "outside outside"; }
.c-card1.-flip { grid-template-columns: 1fr var(--c1iw, 220px); grid-template-areas: "main image" "side image" "outside outside"; }
 .c-card1-image { grid-area: image; width: var(--c1iw, 100%); margin-bottom: var(--c1imb, 0); }
  .c-card1-image .img1 { --i1is: inherit; }
 .c-card1-main { --sy: 10px; grid-area: main; margin-bottom: 0; }
  .c-card1-main .title2 { margin-bottom: 0; }
  .c-card1-main .lead2 { margin-top: 8px; }
  .c-card1-main .partner1 { margin-top: var(--gy); }
 .c-card1 .c-card1-main:first-child, .c-card1 .c-card1-main:first-child ~ * { grid-column: 1 / -1; }
 .c-card1 .headlines1 { grid-area: var(--c1gar, side); grid-template-columns: var(--c1gcr, auto); margin-top: var(--gy); }

.c-card1.-tiny { --gx: 12px; --c1iw: 70px; --l1fs: 18px; --i1is: 18px; }
.c-card1.-small { --gx: 12px; --c1iw: 110px; --l1fs: 18px; --i1is: 24px; }
.c-card1.-medium { }
.c-card1.-half { --c1iw: 1fr; --i1is: 40px; }
.c-card1.-full { --c1iw: 1fr; --i1is: 40px; --c1imb: var(--gy); grid-template-areas: "image image" "main main" "side side" "outside outside"; }

.c-card1.-outside { --c1gar: outside; }

.c-card1.-overlap {  }
 .c-card1.-overlap .c-card1-image { position: relative; grid-row: 1 / -1; margin-bottom: 0; }
  .c-card1.-overlap .c-card1-image .img1:after { position: absolute; left: 0; right: 0; bottom: 0; content: ''; height: 50%; margin: 0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5) 50%); pointer-events: none; }
 .c-card1.-overlap .c-card1-image ~ * { padding-left: 20px; padding-right: 20px; }
 .c-card1.-overlap .c-card1-main { position: relative; align-self: end; padding-top: var(--sy); }
  .c-card1.-overlap .section1,
  .c-card1.-overlap .lead1 { color: var(--c_d2t); }
 .c-card1.-overlap .headlines1 { position: relative; }
  .c-card1.-overlap .headlines1 li:before { color: var(--c_d3t); }
 .c-card1.-overlap > :last-child { padding-bottom: 24px; }

@media screen and (min-width: 1024px) {
.c-card1.-small\>m { --gx: 12px; --c1iw: 110px; --l1fs: 18px; --i1is: 24px; }
.c-card1.-large\>m { --gy: var(--gx); --c1iw: 620px; --c1gcr: 1fr 1fr 1fr; }
.c-card1.-full\>m { --c1iw: 1fr; --i1is: 40px; --c1imb: var(--gy); grid-template-areas: "image image" "main main" "side side" "outside outside"; }
 .c-card1.-full\>m.-promo .c-card1-image .img1 { --i1or: 6px 6px 0 0; }
}
@media screen and (max-width: 1023px) {
.c-card1.-full\<l { --c1iw: 1fr; --i1is: 40px; --c1imb: var(--gy);  --c1gcr: 1fr; grid-template-areas: "image image" "main main" "side side" "outside outside"; }
 .c-card1.-full\<l.-promo .c-card1-image .img1 { --i1or: 6px 6px 0 0; }
}

.c-card1.-promo { --gx: 10px; --c1imb: 0px; border-radius: 6px; background: var(--c_d7t); }
 .c-card1.-promo .c-card1-main { margin-top: 0; padding: var(--gy); }
 .c-card1.-promo .headlines1 { margin-top: 0; padding: 0 var(--gy) var(--gy); }
 .c-card1.-promo.-outside .headlines1 { padding-top: var(--gy); }

/**
 * @name .c-card2
 * @description Gallery teaser card
 * @example { }
 */

.c-card2 { display: flex; }
 .c-card2-image { flex: none; position: relative; width: 100%; margin: 0 -100% 0 0; }
  .c-card2-image a { height: 100%; }
  .c-card2-image .img1:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5) 65%) no-repeat; }
 .c-card2-main { flex: none; align-self: flex-end; position: relative; width: 100%; margin: 0; padding: 14px; pointer-events: none; }
  .c-card2-main a { pointer-events: auto; }
  .c-card2 .headlines1 li:before { color: var(--c_d3t); }

/**
 * @name .c-card3
 * @description Newsletter card
 * @example { }
 */

.c-card3 {  }
 .c-card3-image { margin-bottom: 10px; }
 .c-card3-main { }
  .c-card3-main .title2 { margin-bottom: 4px; }
  .c-card3-main .section1 { margin-bottom: 8px; }

@media screen and (max-width: 719px) {
.c-card3-image { margin-left: var(--nx); margin-right: var(--nx); }
 .c-card3-image .img1 { --i1or: 0; }
.c-card3-main { position: relative; margin-top: -20px; padding: 16px 10px; border-radius: 4px; box-shadow: 0 0 7px 0 rgba(0,0,0,.1); background: rgba(255,255,255,0.95); }
 .c-card3-main .lead2 { font-size: 14px; }
}

/**
 * @name .c-connect1
 * @description Conected social accounds
 * @example { }
 */

.c-connect1 { }
 .c-connect1 ul { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; padding: 0; font: 14px/20px var(--ff_3); }
  .c-connect1 li { margin: 10px 0 0 10px; }
   .c-connect1 li:before { display: none; }
   .c-connect1 li a { --oc: var(--c_d5t); --bc: transparent; display: flex; justify-content: center; align-items: center; min-width: 120px; height: 34px; padding: 7px 12px; border-radius: 4px; box-shadow: inset 0 0 0 2px var(--oc); background-color: var(--bc); color: var(--tc, var(--c_d4t)); }
   .c-connect1 li.-active a { --oc: var(--c_d4t); --bc: #e5f0ea; --tc: var(--c_d1t); }
    .c-connect1 li a:after { margin-left: auto; content: '\e5cd'; font: 12px/20px Icons; }
    .c-connect1 li:not(.-active) a:after { transform: rotate(45deg); }
    .c-connect1 li a > span { display: block; padding-top: 0.5px; padding-right: 3px; }
   .c-connect1 .icon1 { margin: 0 5px 0 0; line-height: 1; }
    .c-connect1 .icon1:before { display: block; }

/**
 * @name .dropdown1
 * @description Account dropdown
 * @example { }
 */

.c-dropdown1 { position: absolute; left: 0; top: 100%; font: 14px/1.3 var(--ff_3); text-align: left; }
 .c-dropdown1:before { position: absolute; left: 10px; bottom: 100%; content: ''; width: 8px; height: 8px; margin: 0 0 -4px; background: var(--c_d8t); box-shadow: 0 0 1px 0 var(--c_d5t); transform: rotate(45deg); }
 .c-dropdown1:after { position: absolute; left: 0; bottom: 100%; right: 0; content: ''; height: 10px; }
 .c-dropdown1 ul { display: block; position: relative; padding: 2px 10px; border-radius: 2px; background: var(--c_d8t); box-shadow: 0 1px 2px 0 var(--c_d5t); }
  .c-dropdown1 li { margin-bottom: 0; }
  .c-dropdown1 li ~ li { border-top: 1px solid var(--c_d6t); }
   .c-dropdown1 li:before { display: none; }
   .c-dropdown1 a { --aown: 0; --atcn: var(--c_d2t); --atch: var(--c_d1t); display: block; padding: 8px 0; }

/**
 * @name .c-error1
 * @description Error page box
 * @example { }
 */

.c-error1 { display: flex; align-items: center; }
 .c-error1 > .icon1 { flex: none; min-width: 0; width: 100%; height: 1em; margin: 0 -100% 0 0; color: var(--c_d5t); font-size: 400px; line-height: 1; text-align: center; opacity: 0.1; }
  .c-error1 > .icon1:before { display: block; }
 .c-error1-wrap { --sy: 10px; flex: none; position: relative; min-width: 0; width: 100%; max-width: 480px; margin: 0 auto; text-align: center; }
  .c-error1-code { margin-bottom: 0; }
  .c-error1-search { margin-top: 24px; }
   .c-error1-search input[type] { height: 30px; font-size: 18px; line-height: 30px; }
   .c-error1-search button { min-height: 30px; }

/**
 * @name .c-filters1
 * @description Search page filters/tools
 * @example { }
 * @example { paging: true, search: false, filters: false, separate: true }
 */

.c-filters1 { margin-bottom: var(--s2); }
 .c-filters1 .hr1 { margin: 0 0 10px; }
 .c-filters1-form { }
  .c-filters1 .fieldbox3 { margin-bottom: 10px; }
  .c-filters1-wrap { display: flex; align-items: center; justify-content: space-between; }
  .fieldbox3 + .c-filters1-wrap { padding-right: 50px; }
   .c-filters1 .c-paging1 { margin: 0; }
   .c-filters1-count { margin: 0; color: var(--c_d3t); font: 14px/20px var(--ff_3); }
    .c-filters1-count strong { font-weight: 500; }
   .c-filters1-drops { display: flex; color: var(--c_d3t); font: 14px/1.2 var(--ff_3); }
    .c-filters1-drops p { display: flex; align-items: center; position: relative; margin: 0; }
    .c-filters1-drops p ~ p { margin-left: 15px; }
     .c-filters1-drops p:before { position: absolute; right: 0; top: 50%; content: ''; margin-top: -1em; border: 1em solid transparent; border-top-color: var(--c_d1t); font-size: 3px; }
     .c-filters1-drops label[for] { flex: none; margin: 0 6px 0 0; font-weight: 500; }
     .c-filters1-drops select { --ow: 0px; height: 20px; padding: 0 12px 0 0; background: none; font: 14px/20px var(--ff_3); }

/**
 * @name .footer1
 * @description Global footer
 */

.c-footer1 { position: relative; z-index: 100; margin: var(--s4) 0 0; background: var(--c_d7t); }
 .c-footer1-wrap { }
  .c-footer1-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; padding-top: var(--sy); padding-bottom: var(--sy); border-bottom: 1px solid var(--c_d6t); }
   .c-footer1-logo { margin: 0; padding-top: 5px; font-size: 32px; line-height: 1; }
   .c-footer1-search { min-width: 320px; }
  .c-footer1-main { padding-top: var(--s1); padding-bottom: var(--s1); }
   .c-footer1-primary { --sy: 10px; display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: var(--s1); grid-column-gap: var(--sx); padding: 0; color: var(--c_d3t); }
    .c-footer1-primary li { margin-bottom: 0; }
     .c-footer1-primary li:before { display: none; }
     .c-footer1-section { font: 700 16px/1.3 var(--ff_2); }
     .c-footer1-primary a { --aown: 0px; }
     .c-footer1-primary > li > ul { margin-top: var(--sy); padding: 0; font: 14px/1.2 var(--ff_3); }
     .c-footer1-primary > li > ul > li { margin-top: var(--sy); }
     .c-footer1-primary .c-socials1 { margin-top: 5px; font-size: 24px; }
      .c-footer1-primary ul a { --atcn: var(--c_d3t); }
  .c-footer1-bottom { padding-top: 15px; padding-bottom: 15px; background: var(--c_d8t); color: var(--c_d3t); border-top: 1px solid var(--c_d6t); font: 12px/1.33 var(--ff_3);  }
    .c-footer1-bottom a { color: inherit; font-weight: normal; }
   .c-footer1-secondary { display: flex; justify-content: space-between; margin-bottom: 10px; padding: 0; }
    .c-footer1-secondary li { margin-bottom: 0; }
     .c-footer1-secondary li:before { display: none; }
   .c-footer1-copys { text-align: right; }
    .c-footer1-copys .inm1 { margin-right: 10px; }
     .c-footer1-copys .owner1 { margin-right: 10px; }

@media screen and (min-width: 1024px) {
.c-footer1-primary { grid-template-columns: repeat(4, 1fr); }
 .c-footer1-primary li.-stacked { grid-area: 2 / 5 / 3 / 6; }
 .c-footer1-primary li.-podcasts { padding-top: 40px; }
 .c-footer1-primary li.-socials { padding-top: 80px; }
}
@media screen and (max-width: 719px) {
.c-footer1-search { min-width: 240px; }
.c-footer1-primary { grid-template-columns: repeat(3, 1fr); }
.c-footer1-secondary { flex-wrap: wrap; justify-content: center; margin-top: -5px; }
 .c-footer1-secondary li { margin: 5px 10px 0; }
.c-footer1-copys { text-align: center; }
}

@media print {
.c-footer1 { border-top: 1px solid var(--c_d6t); background: none; }
}

/**
 * @name .c-galery1
 * @description In-article gallery
 * @example { }
 */

.c-gallery1 { position: relative; color: var(--c_d8); }
 .c-gallery1-entries { display: flex; position: relative; overflow: auto; overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; }
 .c-gallery1-entries::-webkit-scrollbar { display: none; }
  .c-gallery1-entry { display: flex; justify-content: center; align-items: center; flex: none; width: 100%; margin-bottom: 0; white-space: normal; scroll-snap-align: start; }
   .c-gallery1-entry .img1 { max-height: 414px; }
   .c-gallery1-entry figcaption { position: absolute; left: 0; top: 50%; right: 0; margin: 0; padding: 0 50px; color: inherit; font: 500 28px/1.2 var(--ff_2); text-align: center; transform: translateY(-50%); pointer-events: none; }
 .c-gallery1-arrow { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 50%; z-index: 1; width: 1em; height: 1em; min-height: 0; margin: -0.5em 20px 0; padding: 0; border-radius: 50%; box-shadow: none; background: none; color: inherit; font-size: 32px; }
 .c-gallery1-arrow:hover { box-shadow: none; color: inherit; }
  .c-gallery1-arrow:before { font-size: 0.65em; line-height: 1; }
  .c-gallery1-arrow:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; content: ''; border-radius: 50%; background: rgba(0,0,0,0.2); }
  .c-gallery1-arrow:hover:after { transform: scale(1.15); }
 .c-gallery1-arrow.-next { left: auto; right: 0; }
  .c-gallery1-arrow span { display: none; }

/**
 * @name .c-header1
 * @description Subscription promo header
 * @example { }
 */

.c-header1 { --sy: 14px; max-width: 620px; margin: 0 auto var(--s1); text-align: center; }

/**
 * @name .c-hero1
 * @description Op-ed article header
 * @example { }
 * @example { prefix: true }
 */

.c-hero1 { margin-bottom: var(--s1); }
 .c-hero1 .hr2 { height: 14px; margin: 0 0 16px; }
 .c-hero1-wrap { display: flex; align-items: flex-end; margin: 0; }
  .c-hero1-image { flex: none; order: 2; width: 220px; margin: 0 0 0 20px; }
  .c-hero1-main { max-width: 75%; margin: 0; padding-bottom: 20px; }
   .c-hero1-title { margin-bottom: 10px; }
    .c-hero1-author[class] a { --aown: 0; --aowh: 2px; }
 .c-hero1 .hr1 { margin: 0; }


@media screen and (max-width: 1023px) {
.c-hero1-image { width: 180px; }
.c-hero1-title { padding-top: 0; }
}

/**
 * @name .c-hero3
 * @description Topic page header
 * @example { }
 */

.c-hero3 { display: flex; flex-wrap: wrap; align-items: baseline; margin-bottom: var(--s1); }
 .c-hero3-title { flex: none; margin: 0 15px 0 0; }
 .c-hero3-intro { flex-grow: 1; min-width: 0; margin: 0; padding-top: 6px; color: var(--c_d3t); font: 18px/1.4 var(--ff_3); }
 .c-hero3 .hr1 { width: 100%; margin: 4px 0 0; }

/**
 * @name .c-hero4
 * @description Subscriptions hero
 * @example { }
 */

.c-hero4 { position: relative; margin-bottom: 0; }
 .c-hero4-wrap { max-width: 620px; padding: var(--s4) 0; color: var(--c_d1t); font-family: var(--ff_3); }
  .c-hero4-image { position: absolute; left: 0; right: 0; top: 0; z-index: -1; height: calc(var(--vhx) - var(--st)); margin: 0; }
  .c-hero4.-sn4 .c-hero4-image { height: calc(var(--vhx) - var(--st) - 40px); }
   .c-hero4-image .img1 { height: 100%; }
    .c-hero4-image .img1:before { display: none; }
  .c-hero4-title { font: 900 74px/1 var(--ff_2); }

@media screen and (max-width: 1023px) {
 .c-hero4-wrap { max-width: 480px; min-height: 460px; }
  .c-hero4-title { font-size: 62px; }
}
@media screen and (max-width: 729px) {
.c-hero4 { display: flex; align-items: flex-end; min-height: 550px; margin-bottom: var(--s1); }
 .c-hero4-wrap { min-height: 0; padding: var(--s2) 0; }
  .c-hero4[class] .c-hero4-image { height: 100%; }
  .c-hero4-title { font-size: 42px; }
}

/**
 * @name .c-hero5
 * @description Subscription welcome hero
 * @example { }
 */

.c-hero5 { display: flex; align-items: center; position: relative; margin-bottom: 0; }
 .c-hero5-image { flex: none; min-width: 0; width: 100%; margin: 0 -100% 0 0; }
  .c-hero5-image .img1 { min-height: calc(var(--vhx) - var(--st,0)); }
   .c-hero5-image .img1:before { display: none; }
 .c-hero5-wrap { position: relative; width: 100%; padding: var(--s3) 0; color: var(--c_d1t); font-family: var(--ff_3); text-align: center; }
  .c-hero5-title { font: 900 60px/1 var(--ff_2); }

@media screen and (max-width: 599px) {
.c-hero5-title { font-size: 42px; }
}

/**
 * @name .c-highlights1
 * @description Subscriptions highlights
 * @example { }
 */

.c-highlights1 { margin-bottom: var(--s3); padding-top: var(--s3); padding-bottom: var(--s3); background: #f2f7f4; }
 .c-highlights1-header { --sy: 10px; max-width: 500px; margin: 0 auto var(--s1); font-family: var(--ff_3); text-align: center; }
  .c-highlights1-header .icon1 { display: block; margin-bottom: 16px; color: var(--c_brand); font-size: 40px; line-height: 1; }
  .c-highlights1-title { margin-bottom: 15px; }
   .c-highlights1-title span { display: block; }
 .c-highlights1-items { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: var(--gx); grid-column-gap: var(--gx); align-items: flex-start; }
  .c-highlights1-item { margin-bottom: 0; text-align: center; }
   .c-highlights1-item figcaption { margin-top: 15px; color: var(--c_d3t); font-size: 14px; }
    .c-highlights1-item figcaption span { display: block; }

 .c-highlights1-items.-c3a { grid-template-columns: 1fr 1.75fr 1fr; }

 @media screen and (max-width: 1023px) {
.c-highlights1-items { grid-template-columns: repeat(2, 1fr); }
.c-highlights1-items.-c3a { --gx: 40px; grid-template-columns: 1fr 1.75fr 1fr; }
 .c-highlights1-items.-c3a .img1 { height: 175px; }
 }
 @media screen and (max-width: 719px) {
 .c-highlights1-items.-c3a { grid-template-columns: 1fr; }
 }

/**
 * @name .c-join2
 * @description Newsletter subscribe
 * @example { }
 */

.c-join2 { background: #f3f3f3; }
 .c-join2-wrap { display: flex; align-items: center; }
  .c-join2-image { flex: none; align-self: flex-end; width: 180px; margin: calc(var(--s1) * -1) var(--sx) 0 0; }
  .c-join2-main { flex-grow: 1; padding: var(--s1) 0; }
  .c-join2:not(.-recontain) .c-join2-main:first-child { padding-left: var(--sx); padding-right: var(--sx); }
   .c-join2-title { margin-bottom: 6px; }
   .c-join2-lead { margin-bottom: 12px; }
   .c-join2-fields { display: inline-flex; align-items: flex-start; width: 100%; max-width: 335px; vertical-align: top; }
    .c-join2-fields label[for] { position: absolute; overflow: hidden; width: 0; height: 0; }
    .c-join2-fields span { width: 100%; min-width: 0; text-align: left; }
    .c-join2-fields input[type] { --bcn: var(--c_d8t); --ocn: var(--c_d3t); }
    .c-join2-fields button { flex: none; min-width: 0; margin-left: 12px; }

/**
 * @name .c-more1
 * @description Read more article insert
 * @example { }
 */

.c-more1 { margin: 30px 0; }
.c-more1:first-child { margin-top: 0; }
 .c-more1 .subtitle1 { margin-bottom: 15px; }
 .c-more1-links { font: 500 18px/1.44 var(--ff_2); }
  .c-more1-links li { margin-bottom: 10px; }
   .c-more1-links a { --aocn: transparent; --aown: 1px; color: var(--c_d1t); }

/**
 * @name .c-nav1
 * @description Main nav
 * @example { }
 */

.c-nav1 { margin-bottom: 0; color: var(--c_d1t); border-bottom: 2px solid var(--c_d1t); font: 700 18px/1 var(--ff_2); text-align: center; }
 .c-nav1-wrap { display: inline-flex; vertical-align: top; }
  .c-nav1-main { position: relative; margin: 0; }
   .c-nav1-items { margin: 0; padding: 0; }
    .c-nav1-items li { display: inline-block; margin: 0 10px; vertical-align: top; }
     .c-nav1-items li:before { display: none; }
     .c-nav1-items a { --atch: unset; --aown: 0px; --aowh: 0; --aocn: currentColor; --aoch: currentColor; display: block; padding: 15px 0; box-shadow: inset 0 calc(var(--aow, 1px) * -1) var(--aoc, var(--c_d5t)); }
     .c-nav1.-colorless .c-nav1-items a { --atcn: var(--c_d1t); }
     .c-nav1-items li:not(.-active) > a:hover { --aow: 4px; }
     .c-nav1-items .-active a { --aow: 4px; }
     .c-nav1.-colorless .c-nav1-items .-active a { --atcn: var(--c_brand); }
      .c-nav1-items span { }
     .c-nav1-items em { position: absolute; left: -10001px; font: inherit; }
   .c-nav1-search { display: flex; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0; background: var(--c_d8t); }
   body:not(.is-sections-active) .c-nav1-search[class] { display: none; }
    .c-nav1-search .fieldbox3 { width: 100%; }
     .c-nav1-search .fieldbox3 input[type] { height: 30px; padding: 5px 0; box-shadow: inset 0 -1px 0 0 var(--oc); font: 500 18px/20px var(--ff_3); }
     .c-nav1-search .fieldbox3 button { width: 30px; min-height: 30px; font-size: 18px; }
  .c-nav1-toggler { margin: 0 10px; padding: 0; }
   .c-nav1-toggler a { --atch: unset; --aown: 0px; --aowh: 4px; --aocn: currentColor; --aoch: currentColor; display: flex; align-items: center; padding: 15px 0; box-shadow: inset 0 calc(var(--aow, 1px) * -1) var(--aoc, var(--c_d5t)); }
    .c-nav1-toggler .icon1 { width: 20px; margin-right: 5px; text-align: center; }
    .is-sections-active .c-nav1-toggler .icon1:before { content: '\e5cd'; }

/**
 * @name .c-nav2
 * @description Sections nav
 * @example { }
 */

.c-nav2 { display: none; position: relative; z-index: 101; margin-bottom: 0; background: var(--c_d7t); text-align: left; }
.is-sections-active .c-nav2 { display: block; }
.c-nav2:target { display: block; }
.c-nav2:focus-within { display: block; }
 .c-nav2-wrap { padding: var(--sy) 0; }
  .c-nav2-main { --sy: 10px; display: grid; grid-template-columns: repeat(var(--c, 6), 1fr); grid-row-gap: var(--s1); grid-column-gap: var(--sx); padding: 0; color: var(--c_d2t); }
   .c-nav2-main li { margin-bottom: 0; }
    .c-nav2-main li:before { display: none; }
    .c-nav2-section { font: 500 20px/1.1 var(--ff_2); }
    .c-nav2-main a { --aown: 0px; }
    .c-nav2-main ul { margin-top: var(--sy); padding: 0; font: 16px/1.38 var(--ff_3); }
    .c-nav2-main .-partner ul { font-weight: 500; }
     .c-nav2-main ul li { margin-top: var(--sy); }
      .c-nav2-main ul a { --atcn: var(--c_d2t); }

@media print, screen and (min-width: 1024px) and (max-width: 1149px) {
.c-nav2-main ul { font-size: 14px; }
}
@media screen and (max-width: 1023px) {
.c-nav2 { --c: 4; }
}

@media print {
.c-nav2 { background: none; box-shadow: 0 1px var(--c_d6t); }
}

/**
 * @name .c-paging1
 * @description Paging
 * @example { }
 */

.c-paging1 { font: 16px/24px var(--ff_3); }
 .c-paging1-items { display: flex; align-items: center; padding: 0; }
  .c-paging1-items li { margin: 0; }
  .c-paging1-items li ~ li { margin-left: 3px; }
   .c-paging1-items li:before { display: none; }
   .c-paging1-items a { display: block; min-width: 24px; box-shadow: none; color: var(--c_d3t); text-align: center; }
   .c-paging1-items a:hover { box-shadow: none; color: var(--c_d1t); }
   .c-paging1-page a:hover { box-shadow: inset 0 0 0 1px var(--c_d5t); }
   .c-paging1-page.-active a { background: var(--c_d5t); color: var(--c_d1t); text-decoration: underline; }
   .c-paging1-page span { padding: 0 5px; }
   .c-paging1-step + .c-paging1-dots,
   .c-paging1-dots + .c-paging1-step { margin-left: 8px; }
   .c-paging1-step a { padding: 0; }
    .c-paging1-step span { padding: 0; }
    .c-paging1-step .icon1 { vertical-align: top; }

/**
 * @name .c-persistent1
 * @description Persistent nav
 * @example { }
 */

.c-persistent1 { position: fixed; left: 0; top: 0; right: 0; z-index: 100; }
.c-persistent1 ~ .n-content1 { --st: 50px; }
 .c-persistent1-outer { box-shadow: 0 2px 7px 0 rgba(0,0,0,0.2); background: var(--c_d8t); pointer-events: none; }
  .c-persistent1-wrap { display: flex; align-items: center; position: relative; pointer-events: auto; }
   .c-persistent1-logo { flex: none; margin: 0 20px 0 0; font-size: 25px; line-height: 1; }
    .c-persistent1-logo a { --aown: 0; display: block; transform: translateY(2px); }
   .c-persistent1 .c-nav1 { flex: none; border-bottom-width: 0; line-height: 20px; }
    .c-persistent1 .c-nav1-toggler { display: none; }

@media screen and (max-width: 1149px) {
.c-persistent1-wrap { justify-content: flex-start; }
 .c-persistent1-logo { position: relative; margin-right: 20px; }
 .c-persistent1 .c-nav1-toggler { display: none; }
}
@media screen and (max-width: 1023px) {
.c-persistent1-logo a { transform: translateY(0); }
 .c-persistent1-logo .-i\:independent:before { content: '\e918'; color: var(--c_brand); }
 .c-persistent1-logo .-i\:independent:after { display: none; }
}

/**
 * @name .c-phone1
 * @description Subscription video in horizontal phone frame
 * @example { }
 */

.c-phone1 { --b: 20px; --s: 60px; position: relative; max-width: 820px; margin: 0 auto var(--s3); }
 .c-phone1-header { max-width: 600px; margin-left: auto; margin-right: auto; font-family: var(--ff_3); text-align: center; }
 .c-phone1-media { position: relative; margin-bottom: var(--s1); padding: var(--b); border-radius: calc(var(--b) * 1.33); background: var(--c_d1t); }
  .c-phone1-media:before { position: absolute; left: calc(var(--s) * -1); right: calc(var(--s) * -1); top: 100%; z-index: -1; content: ''; margin: -20px 0 0; padding-top: calc(100% + var(--s) * 2); background: radial-gradient(closest-side, rgba(0,0,0,0.5), rgba(0,0,0,0)); transform: scaleY(0.04); transform-origin: 50% 0; }
  .c-phone1-wrap { position: relative; overflow: hidden; border-radius: calc(var(--b) * 0.75); }
   .c-phone1-wrap video { display: block; width: 100%; }
 .c-phone1-caption { font-size: 13px; text-align: center; }

@media screen and (max-width: 1023px) {
.c-phone1 { --b: 16px; --s: calc(var(--sx) + 20px); max-width: calc(100% - 40px); }
 .c-phone1-media:before { margin-top: -17px; }
}
@media screen and (max-width: 599px) {
.c-phone1 { --b: 8px; --s: var(--sx); }
 .c-phone1-media:before { margin-top: -5px; }
}

/**
 * @name .c-phone2
 * @description Subscription screenshow in vertical phone frame
 * @example { }
 */

.c-phone2 { --b: 15px; --s: 40px; position: relative; }
 .c-phone2-media { position: relative; margin-bottom: var(--sy); padding: var(--b); border-radius: calc(var(--b) * 1.33); background: var(--c_d1t); }
  .c-phone2-media:before { position: absolute; left: calc(var(--s) * -1); right: calc(var(--s) * -1); top: 100%; z-index: -1; content: ''; margin: -15px 0 0; padding-top: calc(100% + var(--s) * 2); background: radial-gradient(closest-side, rgba(0,0,0,0.5), rgba(0,0,0,0)); transform: scaleY(0.075); transform-origin: 50% 0; }
  .c-phone2-wrap { position: relative; overflow: hidden; border-radius: calc(var(--b) * 0.75); }
   .c-phone2-wrap video { display: block; width: 100%; }
 .c-phone2-caption { font-size: 13px; text-align: center; }

@media screen and (max-width: 599px) {
.c-phone2 { --b: 12px; --s: var(--sx); }
 .c-phone2-media:before { margin-top: -12px; }
}

/**
 * @name .c-pictures1
 * @description Pictures gallery
 * @example { }
 */

.c-pictures1 {  }
 .c-pictures1-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: 12px; grid-column-gap: 12px; }
  .c-pictures1-thumb { position: relative; margin: 0; }
   .c-pictures1-count { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: 0; font: 32px/1 var(--ff_3); text-shadow: 0 1px 1px var(--c_d8t); pointer-events: none; }
   .c-pictures1-count + .img1 { opacity: 0.35; }

@media screen and (min-width: 1024px) {
.c-pictures1-main { display: flex; justify-content: space-between; }
 .c-pictures1-image { flex: none; width: 620px; margin: 0; }
 .c-pictures1-details { flex-grow: 1; order: 2; min-width: 0; width: 100%; max-width: calc(100% - 640px); margin: 0; }
}

/**
 * @name .c-plan1
 * @description Paywall plan box insert
 */

.c-plan1 { }
 [js] .c-plan1.is-active [toggle] .icon1 { transform: scaleY(-1); }
 [js] .c-plan1:not(.is-active) .c-plan1-toggled { display: none; }

/**
 * @name .c-plan1
 * @description Subscription ePaper plan box insert
 */

.c-plan2 { font-size: 16px; }
  .c-plan2-features { padding: 0; }
   .c-plan2-features > li { margin-bottom: var(--s1); padding-left: 20px; }
    .c-plan2-features > li:before { content: '\e5ca'; margin-top: 4px; color: var(--c_brand); font: 14px/1 Icons; }
    .c-plan2-features p { --sy: 10px; margin-top: var(--sy); }
    .c-plan2-features ul { --sy: 10px; margin-top: var(--sy); padding: 0; }
     .c-plan2-features ul li { }
      .c-plan2-features ul li:before { display: none; }
 .c-plan2-cards { display: grid; grid-template-columns: 1fr; grid-row-gap: var(--gx); grid-column-gap: var(--gx); }
  .c-plan2-card { --sy: 8px; margin-bottom: 0; padding: 14px; background: var(--c_d7t); }
  .c-plan2-card.-featured { background: #F4F8F6; }
   .c-plan2-card div { }
   .c-plan2-card > p { margin-top: 14px; }
   .c-plan2-card .button1 { display: block; width: 100%; max-width: 190px; }
   .c-plan2-card .button1.-ghost { --bcn: var(--c_d8t); }

@media screen and (min-width: 1024px) {
.c-plan2-card { display: flex; justify-content: space-between; align-items: center; }
 .c-plan2-card > * { min-width: 0; width: calc(50% - 8px); margin-bottom: 0; }
 .c-plan2-card > p { margin-top: 0; }
}
@media screen and (min-width: 720px) {
.c-plan2-split { display: flex; align-items: center; }
 .c-plan2-split > * { min-width: 0; margin-bottom: 0; }
 .c-plan2-image { flex: none; width: 48%; padding-left: var(--gx); }
.c-plan2-cards { grid-template-columns: repeat(2, 1fr); }
}

/**
 * @name .c-poll1
 * @description Standard poll
 * @example { }
 */

.c-poll1 { --p1x: 40px; padding: 0 var(--p1x); }
 .c-poll1-main[disabled] { opacity: 1; pointer-events: auto; }
  .c-poll1-options { padding: 0; }
   .c-poll1-options li { margin-bottom: 6px; }
    .c-poll1-options li:before { display: none; }
    .c-poll1-radio[type] { position: absolute; left: -10001px; }
    .c-poll1-label { --p1rx: 30px; display: block; position: relative; height: auto; margin: 0 calc(var(--p1x) * -1) 6px; padding: 10px var(--p1x); font: 20px/1.2 var(--ff_3); }
    [disabled] .c-poll1-label { cursor: default; }
    .c-poll1-radio:checked + .c-poll1-label { background: var(--c_d6t); }
     .c-poll1-label:before { display: block; position: absolute; left: var(--p1x); top: 50%; content: ''; width: 1em; height: 1em; margin: -0.5em 0 0; border-radius: 50%; border: 3px solid var(--c_d5t); background: var(--c_d7t); font-size: 20px; line-height: 1; }
     .c-poll1-radio:checked + .c-poll1-label:before { border-color: var(--c_d3t); background-color: var(--c_d6t); }
     .c-poll1-label > strong { display: block; padding-right: var(--p1rx); padding-right: 40px; font-weight: inherit; transform: translateX(var(--p1rx)); }
     .c-poll1-label > .progress1 { visibility: hidden; position: absolute; left: var(--p1x); right: var(--p1x); bottom: 0; opacity: 0; transition-property: var(--t8n_p2); }
      .c-poll1-label > .progress1:before { transition-delay: calc(var(--delay,0) * 0.1s); }
      .c-poll1-label > .progress1:after { transition-delay: calc(var(--delay,0) * 0.1s + 0.6s); }
  .c-poll1-footer { padding-top: 5px; }
   .c-poll1:invalid .c-poll1-action { opacity: 0.45; pointer-events: none; }
   .c-poll1-action { margin-bottom: 0; }
   .c-poll1.-results .c-poll1-action { display: none; }
    .c-poll1-action .button1 { display: block; width: 100%; }
   .c-poll1-footer .message1 { position: absolute; visibility: hidden; opacity: 0; min-height: 40px; transition-duration: 1s; transition-property: var(--t8n_p2); }
   .c-poll1.-results .message1 { position: static; visibility: visible; opacity: 1; }

.c-poll1-main[disabled] .c-poll1-label { background: transparent; }
 .c-poll1-main[disabled] .c-poll1-label:before { transform: translateX(calc(var(--p1rx) * -1)); opacity: 0; }
 .c-poll1-main[disabled] .c-poll1-label > strong { transform: translateX(0); }
 .c-poll1-main[disabled] .c-poll1-label > .progress1 { visibility: visible; opacity: 1; }
  .c-poll1-main:not([disabled]) .c-poll1-label > .progress1:before { width: 0; }
  .c-poll1-main:not([disabled]) .c-poll1-label > .progress1:after { opacity: 0; }

.c-poll1.-tba.-results .c-poll1-options { display: none; }

@media screen and (max-width: 719px) {
.c-poll1 { --p1x: 14px; }
 .c-poll1-label { font-size: 16px; }
}

/**
 * @name .c-poll2
 * @description Picture poll
 * @example { }
 */

.c-poll2 { --p2x: 10px; padding: 0 var(--p2x); }
 .c-poll2-main { transition-property: var(--t8n_p2); }
 .c-poll2.-results .c-poll2-main { visibility: hidden; opacity: 0; height: 0; margin-bottom: 0; }
  .c-poll2-options { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 20px; grid-column-gap: 20px; align-items: flex-start; margin-bottom: var(--sy); }
  .c-poll2.-two .c-poll2-options { grid-template-columns: repeat(2, 1fr); }
   .c-poll2-option { margin-bottom: 0; }
    .c-poll2-radio[type] { position: absolute; left: -10001px; }
    .c-poll2-label { display: block; border-radius: 6px; }
    .c-poll2:valid .c-poll2-radio:not(:checked) ~ .c-poll2-label { opacity: 0.5; }
    .c-poll2-radio:checked ~ .c-poll2-label { box-shadow: 0 2px 3px rgba(0,0,0,0.25); }
     .c-poll2-label .img1 { margin: 0; border-radius: 6px 6px 0 0; }
     .c-poll2-caption { margin: 0; padding: 6px 9px; border: 1px solid var(--c_d6t); border-width: 0 1px 1px; border-radius: 0 0 6px 6px; font: 16px/1.3 var(--ff_3); }
  .c-poll2-footer { padding-top: 5px; }
   .c-poll2:invalid .c-poll2-action { opacity: 0.45; pointer-events: none; }
   .c-poll2-action { margin-bottom: 0; }
    .c-poll2-action .button1 { display: block; width: 100%; }
 .c-poll2-results { transition-property: var(--t8n_p2); transition-delay: 0.1s; }
 .c-poll2:not(.-results) .c-poll2-results { position: absolute; visibility: hidden; opacity: 0; pointer-events: none; }
  .c-poll2-result { display: flex; position: relative; align-items: flex-end; margin: 0 0 12px; }
  .c-poll2-result:not(:first-child) { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--c_d6t); }
   .c-poll2-result > .img1 { flex: none; width: 70px; margin: 0 12px 0 0; }
   .c-poll2-result > span { flex-grow: 1; }
    .c-poll2-result strong { display: block; margin-bottom: 6px; padding-right: 30px; color: var(--c_d1t); font: 18px/1.1 var(--ff_3); }
    .c-poll2-result .progress1 { visibility: hidden; opacity: 0; transition-property: var(--t8n_p2); }
     .c-poll2-result .progress1:before { transition-delay: calc(var(--delay,0) * 0.1s + 0.2s); }
     .c-poll2-result .progress1:after { transition-delay: calc(var(--delay,0) * 0.1s + 0.6s); }

.c-poll2.-results .c-poll2-result .progress1 { visibility: visible; opacity: 1; }
 .c-poll2:not(.-results) .c-poll2-result .progress1:before { width: 0; }
 .c-poll2:not(.-results) .c-poll2-result .progress1:after { opacity: 0; }

.c-poll2.-tba.-results .c-poll2-result { display: none; }
.c-poll2.-tba.-results .c-poll2-result + .message1 { margin-top: 0; }

@media screen and (max-width: 719px) {
.c-poll2 { --p2x: 14px; }
.c-poll2-options { grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px; }
 .c-poll2-caption { font-size: 14px; }
.c-poll2-result strong { font-size: 16px; }
}

/**
 * @name .c-poll3
 * @description Two-option poll
 * @example { }
 */

.c-poll3 { --p3x: 40px; --p3g: 8px; --p3w: 80px; padding: 0 var(--p3x); }
 .c-poll3-header { position: relative; overflow: hidden; margin-bottom: 16px; }
  .c-poll3-image { margin-bottom: 0; }
   .c-poll3-image .img1:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background: #000; opacity: 0.5; }
   .c-poll3:not(.-results) .c-poll3-image .img1:after { opacity: 0; }
  .c-poll3-results { display: flex; position: absolute; left: 0; right: 0; bottom: 0; top: 10px; padding: 0; transition-duration: 0.7s; }
  .c-poll3:not(.-results) .c-poll3-results { transform: translateY(100%); }
   .c-poll3-results li { display: flex; justify-content: center; align-items: flex-end; flex: none; width: 50%; height: 100%; margin: 0; }
   .c-poll3-results li:first-child { padding-right: var(--p3g); }
   .c-poll3-results li:last-child { padding-left: var(--p3g); }
    .c-poll3-results li:before { display: none; }
    .c-poll3-results small { display: none; }
    .c-poll3-results span { display: block; position: relative; width: var(--p3w); height: var(--score); margin: 0 auto; }
      .c-poll3-results span:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; border: 2px solid #fff; border-bottom-width: 0; border-radius: 6px 6px 0 0; background: var(--c_results); opacity: 0.85; }
     .c-poll3-results strong { display: block; position: absolute; left: 0; right: 0; top: 10px; color: #fff; font: 500 18px/1 var(--ff_3); text-align: center; }
     .c-poll3-results .-outside strong { top: auto; bottom: 100%; margin-bottom: 10px; }
 .c-poll3-options { display: flex; margin-bottom: 0; padding: 0; }
  .c-poll3-options li { flex: none; width: 50%; margin: 0; }
  .c-poll3-options li:first-child { padding-right: var(--p3g); }
  .c-poll3-options li:last-child { padding-left: var(--p3g); }
   .c-poll3-options li:before { display: none; }
   .c-poll3-options button { width: 100%; height: 100%; background: linear-gradient(#000,#000) 50% 100% no-repeat, var(--c_d1t); background-size: var(--p3w) 2px, 100% 100%; }
   .n-theme1 .c-poll3-options button { background-image: linear-gradient(#fff,#fff); }
   .c-poll3.-results .c-poll3-options button { background-color: transparent; box-shadow: none; color: var(--c_d1t); pointer-events: none; }
 .c-poll3 .message1 { display: none; }
 .c-poll3.-tba.-results .message1 { display: block; }
 .c-poll3.-tba.-results > *:not(.message1) { display: none; }

@media screen and (max-width: 719px) {
.c-poll3 { --p3x: 14px; --p3g: 4px; --p3w: 60px; }
 .c-poll3-results strong { font-size: 14px; }
}

/**
 * @name .c-promo1
 * @description Subscriptions header
 * @example { }
 */

.c-promo1 { --sxw: 49%; display: flex; align-items: center; margin-bottom: var(--s2); padding-top: var(--s2); padding-bottom: var(--s2); background: currentColor; color: #f2f7f4; }
 .c-promo1-main { --sy: 10px; flex: 1 0 0; min-width: 0; margin: 0; padding-right: var(--s1); color: var(--c_d1t); font-family: var(--ff_3); }
 .c-promo1.-pb\:0 .c-promo1-main { margin-bottom: 0; padding-bottom: var(--s2); }
  .c-promo1-title { --sy: 20px; }
   .c-promo1-title span { display: block; }
 .c-promo1-side { align-self: flex-end; min-width: 0; width: 100%; max-width: var(--sxw); margin: 0; }
  .c-promo1-side .img1 { background: none; }

@media screen and (max-width: 1023px) {
.c-promo1-title { font-size: 32px; line-height: 1.1; }
}
@media screen and (max-width: 719px) {
.c-promo1 { display: block; }
 .c-promo1-main { margin-bottom: var(--s1); padding-right: 0; }
 .c-promo1-side { max-width: 100%; }
}

/**
 * @name .c-quote1
 * @description Pull quote
 * @example { }
 */

.c-quote1 { margin: var(--s2) 0; text-align: center; }
.c-quote1:first-child { margin-top: 0; }
 .c-quote1:before, .c-quote1:after { display: block; content: ''; width: 100%; max-width: 240px; height: 1px; margin: 0 auto; background: var(--c_d3t); }
 .c-quote1 blockquote { max-width: 480px; margin: 0 auto; padding: var(--s1) 0; color: var(--c_d1t); font: 700 20px/1.8 var(--ff_1); }
  .c-quote1 q:before, .c-quote1 q:after { display: inline-block; content: '\e905'; color: var(--c_d3t); margin: 0.35em -1.5em 0; font: 0.75em/1 Icons; vertical-align: top; }
  .c-quote1 q:before { margin-right: 0.35em; }
  .c-quote1 q:after { margin-left: 0.35em; transform: scale(-1); }
  .c-quote1 cite { margin-top: 20px; color: var(--c_d3t); font: 14px/1.2 var(--ff_3); }

/**
 * @name .c-section-head-filter1
 * @description Journalists page header
 * @example { }
 * @example { }
 */

.c-section-head-filter1 { }
 .c-section-head-filter1-main { display: flex; align-items: baseline; }
  .c-section-head-filter1-title { flex-grow: 1; margin-bottom: 0; }
  .c-section-head-filter1-search { flex: none; margin: 0 0 0 20px; }
   .c-section-head-filter1-search input[type] { width: 120px; }
   .c-section-head-filter1-search input[type]:focus { width: 200px; }
 .c-section-head-filter1-side { color: var(--c_d3t); }

/**
 * @name .c-slides1
 * @description Subscription slides
 * @example { }
 */

.c-slides1 { margin-bottom: var(--s3); }
 .c-slides1-entries { display: flex; align-items: flex-start; overflow: auto; overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
 .c-slides1-entries::-webkit-scrollbar { display: none; }
  .c-slides1-entries div { margin-bottom: 0; }
  .c-slides1-entry { display: flex; align-items: center; flex: none; width: 100%; margin-bottom: 0; white-space: normal; scroll-snap-align: start; }
   .c-slides1-image { flex: none; width: 100%; margin: 0 -100% 0 0; }
    .c-slides1-image .img1 { min-height: calc(100vh - var(--st)); }
     .c-slides1-image .img1:before { display: none; }
   .c-slides1-outer { position: relative; flex: none; width: 100%; padding: var(--s1) 0; font-family: var(--ff_3); transform: translateZ(0); }
    .c-slides1-wrap { --sy: 14px; color: var(--c_d1t); }
     .c-slides1-wrap > * { max-width: 620px; }
     .c-slides1-brow { margin-bottom: var(--s1); }
      .c-slides1-brow .icon1 { display: block; margin-bottom: 10px; font-size: 40px; line-height: 1; }
     .c-slides1-title { font: 900 60px/1 var(--ff_2); }
     .c-slides1-paging { padding: 0; margin-top: var(--s1); }
     :root:not([js]) .c-slides1-paging { display: none; }
      .c-slides1-paging li { display: inline-block; margin-bottom: 0; vertical-align: top; }
      .c-slides1-paging li ~ li { margin-left: 10px; }
       .c-slides1-paging li:before { display: none; }
       .c-slides1-paging a { --aown: 0; opacity: 0.25; }
       .c-slides1-paging a:hover { opacity: 0.5; }
       .c-slides1-paging a.is-active { opacity: 1; }

@media screen and (max-width: 719px) {
.c-slides1-entry { align-items: flex-end; }
 .c-slides1-title { font-size: 42px; }
}

/**
 * @name .c-socials1
 * @description Social buttons
 * @example { }
 */

.c-socials1 { font-size: 28px; }
 .c-socials1 ul { display: flex; padding: 0; }
  .c-socials1 li { margin-bottom: 0; }
  .c-socials1 li ~ li { margin-left: 0.35em; }
   .c-socials1 li:before { display: none; }
   .c-socials1 li a { display: flex; justify-content: center; align-items: center; width: 1em; height: 1em; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--c_d5t); text-align: center; }
   .c-socials1 li a:hover { box-shadow: inset 0 0 0 1px var(--c_d3t); color: var(--c_d1t); }
    .c-socials1 .icon1 { font-size: 0.575em; line-height: 1; }

/**
 * @name .c-steps1
 * @description Paywall steps
 * @example { }
 */

.c-steps1 { overflow: hidden; margin-bottom: var(--s1); }
 .c-steps1-main { display: flex; justify-content: space-between; position: relative; padding: 0; color: var(--c_d3t); box-shadow: inset 0 -3px var(--c_d6t); font: 16px/1.2 var(--ff_3); text-align: center; }
  .c-steps1-main li { position: relative; margin: 0; padding: 0 0 10px; }
  .c-steps1-main li.-active ~ li { color: var(--c_d5t); }
   .c-steps1-main li:before { display: none; position: absolute; bottom: 0; right: 50%; content: ''; width: 100vw; height: 3px; background: var(--c_brand); }
  .c-steps1-main li:first-child { text-align: left; }
   .c-steps1-main li:first-child:before { right: 100%; }
  .c-steps1-main li:last-child { text-align: right; }
   .c-steps1-main li:last-child:before { right: 0; }
   .c-steps1-main li.-active:before { display: block; }

@media screen and (max-width: 719px) {
.c-steps1-main { font-size: 12px; }
}

/**
 * @name .c-subnav1
 * @description In the news subnav
 * @example { }
 */

.c-subnav1 { overflow: hidden; height: 41px; border-bottom: 1px solid var(--c_d6t); font: 16px/20px var(--ff_3); }
 .c-subnav1 ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 100%; padding: 0; }
  .c-subnav1 li { margin-bottom: 0; }
  .c-subnav1 li ~ li { margin-left: 24px; }
   .c-subnav1 li:before { display: none; }
   .c-subnav1 a { --aocn: transparent; --aown: 2px; display: block; padding: 10px 0; box-shadow: inset 0 calc(var(--aow, 1px) * -1) var(--aoc, var(--c_d5t)); }
   .c-subnav1 .-active > a { --aocn: var(--c_d1t); --aoch: var(--aocn); display: block; padding: 10px 0; box-shadow: inset 0 calc(var(--aow, 1px) * -1) var(--aoc, var(--c_d5t)); }
   .c-subnav1 strong { font-weight: 500; }

/**
 * @name .c-subnav2
 * @description Section and subsection subnav
 * @example { }
 */

.c-subnav2 { --s: 24px; position: relative; height: 40px; font: 16px/20px var(--ff_3); }
 .c-subnav2-wrap { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; max-width: 100%; height: inherit; background: linear-gradient(var(--c_d8t) 39px, var(--c_d6t) 39px) repeat; background-size: 100% 40px; transition: 0.25s height var(--t8n_e1); }
 .c-subnav2.is-active .c-subnav2-wrap { height: var(--h); }
 :root:not([js]) .c-subnav2-wrap:hover { height: auto; }
  .c-subnav2-items { display: flex; flex-wrap: wrap; position: relative; max-width: 1280px; padding: 0 10px 0 0; }
   .c-subnav2-items > [toggle] { position: absolute; right: 0; top: 20px; color: var(--c_d1t); transform: translateY(-55%); }
    .c-subnav2-items > [toggle]:before { display: block; }
   .c-subnav2:not(.-toggled) .c-subnav2-items > [toggle] { display: none; }
   .c-subnav2.is-active .c-subnav2-items > [toggle]:before { transform: rotate(-180deg); }
   .c-subnav2-items li { display: flex; align-items: center; margin: 0 var(--s) 0 0; }
   .c-subnav2-items li.-section + li { margin-left: -4px; }
    .c-subnav2-items li.-section:after { content: '\e919'; margin-left: calc(var(--s) - 4px); color: var(--c_d1t); font: 12px/1 Icons; }
    .c-subnav2-items li:before { display: none; }
    .c-subnav2-items a { --aocn: transparent; --aoch: currentColor; --aown: 2px; --atcn: inherit; --atch: inherit; display: block; padding: 10px 0; box-shadow: inset 0 calc(var(--aow, 1px) * -1) var(--aoc, var(--c_d5t)); }
    .edge .c-subnav2-items a:hover { opacity: 0.7; }
    .c-subnav2-items li:not(.-active) > a:not(:hover) { --atcn: var(--c_d2t); }
    .c-subnav2-items .-active > a { --aocn: currentColor; }
    .c-subnav2-items .-section[class][class] > a { --aocn: currentColor; --atcn: currentColor; }
    .edge .c-subnav2-items .-section[class][class] > a { --aocn: inherit; --atcn: inherit; }
    .c-subnav2-items .-section ~ li > a { --atch: var(--c_d1t); }

/**
 * @name .c-subnav3
 * @description Members centre nav
 * @example { }
 */

.c-subnav3 { overflow: hidden; height: 41px; border-bottom: 1px solid var(--c_d6t); font: 16px/20px var(--ff_3); }
 .c-subnav3-main { display: flex; align-items: center; overflow: auto; overflow-y: hidden; padding: 0; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
 .c-subnav3-main::-webkit-scrollbar { display: none; }
  .c-subnav3-main li { margin-bottom: 0; }
  .c-subnav3-main li ~ li { margin-left: 24px; }
   .c-subnav3-main li:before { display: none; }
   .c-subnav3-main a { --aocn: transparent; --aown: 2px; display: block; padding: 10px 0; box-shadow: inset 0 calc(var(--aow, 1px) * -1) var(--aoc, var(--c_d5t)); }
   .c-subnav3-main .-active > a { --aocn: var(--c_d1t); --aoch: var(--aocn); display: block; padding: 10px 0; box-shadow: inset 0 calc(var(--aow, 1px) * -1) var(--aoc, var(--c_d5t)); }

@media screen and (max-width: 1023px) {
.c-subnav3-main { margin-left: var(--nx); margin-right: var(--nx); padding-left: var(--sx); }
 .c-subnav3-main li:last-child { padding-right: var(--sx); }
}
@media screen and (max-width: 719px) {
.c-subnav3 { font-size: 14px; }
 .c-subnav3-main li ~ li { margin-left: 20px; }
}

/**
 * @name .c-testimonials1
 * @description Subscription testimonials
 * @example { }
 */

.c-testimonials1 { margin-bottom: var(--s2); }
 .c-testimonials1-entries { --gx: 40px; display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: var(--gx); grid-column-gap: var(--gx); align-items: flex-start; }
  .c-testimonials1-entry { }
   .c-testimonials1-image { max-width: 110px; }
   .c-testimonials1-quote { color: var(--c_d2t); font: 18px/1.33 var(--ff_3); }
    .c-testimonials1-quote q { }
     .c-testimonials1-quote q:before { content: '“'; }
     .c-testimonials1-quote q:after { display: none; }
    .c-testimonials1-quote cite { margin-top: 20px; color: inherit; font: inherit; }
     .c-testimonials1-quote cite strong { font-weight: normal; }
     .c-testimonials1-quote cite small { color: var(--c_d3t); font-size: 14px; }
  .c-testimonials1-entry.-featured { }
   .c-testimonials1-entry.-featured .c-testimonials1-image { max-width: 290px; margin-bottom: -30px; }
   .c-testimonials1-entry.-featured .c-testimonials1-quote { position: relative; padding: 20px; box-shadow: 0 0 20px 0 rgba(33, 33, 33, 0.11); background: #f2f7f4; }
    .c-testimonials1-entry.-featured .c-testimonials1-quote:before { position: absolute; left: 35px; bottom: 100%; content: ''; border: 18px solid transparent; border-right-color: #f2f7f4; border-bottom-color: #f2f7f4; }
     .c-testimonials1-entry.-featured .c-testimonials1-quote q:before { content: '\e905'; margin-right: 5px; font: 32px/1 Icons; }

@media screen and (max-width: 1023px) and (min-width: 720px) {
.c-testimonials1-entries { grid-template-columns: repeat(2, 1fr); }
 .c-testimonials1-entry.-featured { grid-row: span 2; }
}
@media screen and (max-width: 719px) {
.c-testimonials1-entries { --gx: 30px; grid-template-columns: 1fr; }
}

/**
 * @name .c-top1
 * @description Global header
 */

.c-top1 { --b: 52px; position: relative; z-index: 101; margin-bottom: var(--s1); padding: var(--b) 0 0; background: var(--c_d8t); box-shadow: inset 0 var(--b) var(--c_d7t); text-align: center; }
 .c-top1-logo { margin-bottom: 0; padding: 15px 0 5px; font-size: 62px; line-height: 1; }
  .c-top1-logo a[href] { box-shadow: none; }
 .c-top1 .c-bar1 { position: absolute; left: 0; top: 0; z-index: 102; width: 100%; margin-bottom: 0; }

@media screen and (max-width: 1023px) {
.c-top1 { --b: 0; }
 .c-top1-logo { font-size: 40px; }
 .c-top1 .c-bar1 { position: absolute; left: 0; right: 0; top: 20px; width: auto; pointer-events: none; }
  .c-top1 .c-bar1-wrap { justify-content: space-between; height: auto; }
   .c-top1 .c-bar1-wrap > * { width: auto; flex: none; pointer-events: auto; }
   .c-top1 .c-bar1-search { }
    .c-top1 .c-bar1-search .fieldbox5 { display: none; }
    .c-top1 .c-bar1-back { margin-left: 0; padding-left: 0; border-left-width: 0; }
   .c-top1 .c-bar1-today { display: none; }
    .c-top1 .c-bar1-actions > li ~ li { position: relative; margin-left: 14px; }
     .c-top1 .c-bar1-actions > li ~ li:after { position: absolute; left: -10px; top: 50%; content: ''; width: 1px; height: 1em; margin: -0.5em 0 0; background: currentColor; font-size: 12px; }
     .c-top1 .c-bar1-actions .button1 { min-height: 0; padding: 0; border-radius: 0; box-shadow: none; background: none; color: var(--c_d1t); font-weight: normal; }
}

@media print {
.c-top1 { box-shadow: none; }
 .c-top1 .c-bar1 { box-shadow: 0 1px var(--c_d6t); }
}

/**
 * @name .c-top2
 * @description Members header
 */

.c-top2 { margin-bottom: var(--s1); }
 .c-top2-logo { margin-bottom: 0; padding: 20px 0 10px; font-size: 62px; line-height: 1; text-align: center; }
  .c-top2-logo a[href] { box-shadow: none; }

@media screen and (max-width: 1023px) {
 .c-top2-logo { padding: 15px 0 5px; font-size: 40px; }
}
@media screen and (max-width: 719px) {
.c-top2-logo { padding: 10px 0 5px; font-size: 28px; }
}

/**
 * @name .c-top3
 * @description Subscriptions header
 * @example { }
 */

.c-top3 { margin-bottom: 0; background: var(--c_d8t); }
.c-top3.-sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 101; }
.c-top3.-sticky ~ .n-content1 { --st: 80px; }
 .c-top3-wrap { display: flex; align-items: center; justify-content: space-between; max-width: 100%; height: 78px; margin-bottom: 0; padding: 10px 0; }
  .c-top3-logo { min-width: 0; margin-bottom: 0; font-size: 34px; line-height: 1; transform: translateY(0.05em); }
   .c-top3-logo a { display: block; --aown: 0; }
  .c-top3-cta { font: 16px/1.33 var(--ff_3); }
   .c-top3-cta strong { font-weight: 500; }
   .c-top3-cta .button1 { margin-left: 10px; }

@media screen and (max-width: 1023px) {
.c-top3.-sticky ~ .n-content1 { --st: 60px; }
.c-top3-wrap { height: 58px; }
 .c-top3-logo { font-size: 30px; }
  .c-top3-cta > :first-child { display: none; }
}

/**
 * @name .c-topics1
 * @description Subscription topics
 * @example { }
 */

.c-topics1 {  }
.c-topics1.-c2 { --c: 2; }
 .c-topics1-header { margin-bottom: var(--s1); text-align: center; }
 .c-topics1 ul { display: grid; grid-template-columns: repeat(var(--c,4), 1fr); grid-row-gap: var(--gx); grid-column-gap: var(--gx); padding: 0; font: 500 14px/1.2 var(--ff_3); }
  .c-topics1 li { margin-bottom: 0; }
   .c-topics1 li:before { display: none; }
   .c-topics1 li a { --aown: 0; display: block; position: relative; }
    .c-topics1 li .img1 { border-radius: 4px; }
    .c-topics1 li strong { position: absolute; left: 0; bottom: 0; right: 0; padding: 10px; border-radius: 4px; color: var(--c_d8); font: inherit; letter-spacing: -0.12px; }

@media screen and (max-width: 599px) {
.c-topics1 { --c: 2; }
}

/**
 * @name .c-videos1
 * @description Video player with thumbs and related articles
 * @example { }
 */

.c-videos1 { }
 .c-videos1-label[for] { display: block; margin-bottom: var(--sy); }
  .c-videos1-label[for] a { pointer-events: none; }
  .c-videos1-label[for]:hover .title2 span { box-shadow: inset 0 -2px; }
   [js] .c-videos1-label[for].is-active .img1-corner small { position: relative; overflow: hidden; text-indent: -10001px; }
    [js] .c-videos1-label[for].is-active .img1-corner small:after { position: absolute; left: 0.5em; top: 0; content: 'Now playing'; text-indent: 0; }
 .c-videos1-articles { display: flex; position: relative; }
  .c-videos1-radio[type] { position: absolute; left: 0; top: 0; visibility: hidden; }
  .c-videos1-article { display: none; flex-grow: 1; margin: 0; }
  .c-videos1-radio:checked + .c-videos1-article { display: block; }
  .c-videos1 .n-split2-side { padding-right: 40px; }

@media screen and (max-width: 1023px) {
.c-videos1-label[for] { pointer-events: none; }
 .c-videos1-label[for] a { pointer-events: auto; }
}

/**
 * @name .c-wallpaper1
 * @description Subscription login background
 * @example { }
 */

@media screen and (min-width: 720px) {
.c-wallpaper1 { position: relative; min-height: calc(var(vhx) - var(--st,0)); padding: var(--s3) 0; }
 .c-wallpaper1-image { position: absolute; left: 0; right: 0; top: calc(var(--st,0) * -1); bottom: 0; margin: 0; }
  .c-wallpaper1-image .img1 { position: -webkit-sticky; position: sticky; top: 0; min-height: 100vh; }
   .c-wallpaper1-image .img1:before { display: none; }
 .c-wallpaper1-box { position: relative; width: 620px; margin: 0 auto; padding: var(--s3) var(--sx); border-radius: 4px; background: #fff; }
}
@media screen and (max-width: 719px) {
.c-wallpaper1-image { display: none; }
.c-wallpaper1-box { padding: var(--s2) var(--sx); }
}

/*   _______  _____  __   _ _______ _______ _____ __   _ _______  ______ _______
 *   |       |     | | \  |    |    |_____|   |   | \  | |______ |_____/ |______
 *   |_____  |_____| |  \_|    |    |     | __|__ |  \_| |______ |    \_ ______|
*/

/**
 * @name .n-root1
 * @description Base frame
 * @example { }
 */

.n-root1 { position: relative; width: 100%; min-width: 320px; margin: 0; padding: 0; }
 .n-root1, .n-root1 *, .n-root1 *:before, .n-root1 *:after { box-sizing: border-box; }

/**
 * @name .n-backdrop1
 * @description Colored background
 * @example { class: '-recontain n-theme1' }
 */

.n-backdrop1 { padding-top: var(--s1); padding-bottom: var(--s1); background: var(--c_d8t); }
.n-backdrop1[class*="-c:"] { background: currentColor; }
 .n-backdrop1-wrap { color: var(--c_d2t); }

/**
 * @name .n-bios1
 * @description Journalists grid
 * @example { }
 */

.n-bios1 { overflow: hidden; padding-bottom: 2px; }
 .n-bios1-wrap { --gy: 60px; display: flex; flex-wrap: wrap; margin-top: calc(var(--gy) * -1); }
  .n-bios1-wrap > * { flex: none; position: relative; width: 20%; margin: var(--gy) 0 0; padding: 0 10px; }
   .n-bios1-wrap > *:before { position: absolute; left: 0; width: 1000%; top: calc(var(--gy) / -2); content: ''; border-top: 1px solid var(--c_d6t); }
  .n-bios1-empty[class] { display: none; width: 100%; padding-left: 0; padding-right: 0; }
  [js] .n-bios1-wrap > [livefiltered][hidden] ~ .n-bios1-empty { display: block; }
  [js] .n-bios1-wrap > [livefiltered]:not([hidden]) ~ .n-bios1-empty { display: none; }
   .n-bios1-empty:after { content: attr(data-message); }

@media screen and (max-width: 1023px) {
.n-bios1-wrap > * { width: 25%; }
}

/**
 * @name .n-body1
 * @description Article body wrapper
 * @example { }
 */

.n-body1 { counter-reset: body; max-width: 620px; margin-left: auto; margin-right: auto; }

/**
 * @name .body2
 * @description Featured article body wrapper
 * @example { }
 */

.n-body2 { counter-reset: body; max-width: 620px; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 1024px) {
 .n-body2 > p,
 .n-body2 > ul,
 .n-body2 > ol { max-width: 540px; margin-left: auto; }
}

/**
 * @name .n-cluster1
 * @description Home cluster, 1 + 3 > 2 x 2
 * @example { }
 */

.n-cluster1 {  }
 .n-cluster1-entry { margin-top: var(--gx); padding-top: var(--gx); border-top: 1px solid var(--c_d6t); }
 .n-cluster1-entry:first-child { margin-top: 0; padding-top: 0; border-top-width: 0; }

@media screen and (min-width: 1024px) {
 .n-cluster1:after { display: table; clear: both; content: ''; }
 .n-cluster1-entry { margin-top: 0; margin-bottom: var(--gx); }
 .n-cluster1-entry:nth-child(1) { float: left; width: 300px; margin: 0 -100% 0 0; }
 .n-cluster1-entry:nth-child(2) { padding-top: 0; border-top-width: 0; }
 .n-cluster1-entry:nth-child(n+2) { margin-left: 320px; }
 .n-cluster1-entry:nth-child(n+3) { padding-top: var(--gx); border-top: 1px solid var(--c_d6t); }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
.n-cluster1 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
 .n-cluster1-entry { width: calc(50% - var(--gx) / 2); margin-bottom: 0; margin-top: var(--gx); padding-top: var(--gx); border-top-width: 1px; }
 .n-cluster1-entry:nth-child(-n+2) { margin-top: 0; padding-top: 0; border-top-width: 0; }
}

/**
 * @name .n-cluster2
 * @description Home portrait cluster 1 + 1 / 3 x 1 > 2x2 with a special first row cards separator
 * @example { }
 */

.n-cluster2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
 .n-cluster2-entry { width: calc(50% - var(--gx) / 2); margin-bottom: 0; margin-top: var(--gx); padding-top: var(--gx); border-top: 1px solid var(--c_d6t); }

@media screen and (min-width: 1024px) {
.n-cluster2-entry { }
 .n-cluster2-entry { width: 300px; }
 .n-cluster2-entry:nth-child(-n+2) { margin-top: 0; padding-top: 0; border-top-width: 0; }
 .n-cluster2-entry:nth-child(1) { width: 620px; }
}
@media screen and (max-width: 1023px) {
 .n-cluster2-entry:nth-child(1) { width: 100%; margin-top: 0; padding-top: 0; border-top-width: 0; }
}

/**
 * @name .n-cluster3
 * @description Story + latest cluster
 * @example { }
 */

@media screen and (min-width: 1024px) {
.n-cluster3 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
 .n-cluster3 > * { width: 300px; margin-bottom: 0; }
 .n-cluster3 > :first-child { width: 620px; }
}
@media screen and (max-width: 1023px) {
.n-cluster3 > :first-child { margin-bottom: var(--s1); }
}

/**
 * @name .n-cluster4
 * @description Belfast Telegraph triple ad container
 * @example { }
 */

@media screen and (min-width: 1024px) {
.n-cluster4 { --sgx: var(--gx); display: flex; margin-left: calc(var(--sgx) * -1); }
 .n-cluster4 > * { width: 300px; min-width: 0; margin: 0 0 0 var(--sgx); }
}

/**
 * @name .n-cluster5
 * @description Video teaser container with scrolled sidebar
 * @example { }
 */

@media screen and (min-width: 1024px) {
.n-cluster5 { display: flex; justify-content: space-between; }
 .n-cluster5-main { width: 620px; margin: 0; }
 .n-cluster5-side { position: relative; width: 300px; }
  .n-cluster5-side:after { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content: ''; height: 50px; margin: 0; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none; }
  .n-backdrop1 .n-cluster5-side:after { background-image: linear-gradient(rgba(18,18,18,0), rgba(18,18,18,1)); }
  .n-cluster5-wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; margin: 0; padding: 0 0 50px; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  :root.win .n-cluster5-wrap::-webkit-scrollbar { display: none; }
}
@media screen and (max-width: 1023px) {
.n-cluster5 { }
 .n-cluster5-main { width: 100%; margin-bottom: 0; }
 .n-cluster5-side { width: 100%; }
  .n-cluster5-wrap { display: flex; flex-wrap: wrap; width: auto; margin-left: calc(var(--gx) * -1); }
   .n-cluster5-wrap > *, .n-cluster5-wrap > label[for] { width: calc(50% - var(--gx)); margin: var(--sy) 0 0 var(--gx); padding-top: var(--sy); border-top: 1px solid var(--c_d6t); }
}

/**
 * @name .n-cluster6
 * @description Home portrait cluster 2/3 + 1/3 / 4 x 1 > 1 / 2 x 1 / 3 x n
 * @example { }
 */

.n-cluster6 { --gy: var(--gx); display: flex; flex-wrap: wrap; align-items: flex-start; margin-left: calc(var(--gx) / -2); margin-right: calc(var(--gx) / -2); }
 .n-cluster6-entry { width: 100%; margin-bottom: 0; margin-top: var(--gy); padding: 0 calc(var(--gx) / 2) 0; }
  .n-cluster6-entry:before { display: block; content: ''; height: 1px; margin-bottom: var(--gx); border-top: 1px solid var(--c_d6t); }

@media screen and (min-width: 1024px) {
.n-cluster6-entry { width: 25%; padding-top: 0; }
 .n-cluster6-entry:before { display: none; }
.n-cluster6-entry:nth-child(-n+2) { margin-top: 0; padding-top: 0; }
 .n-cluster6-entry:nth-child(-n+2):before { display: none; }
.n-cluster6-entry:nth-child(1) { width: calc(620px + var(--gx)); }
.n-cluster6-entry:nth-child(2) { width: calc(300px + var(--gx)); }
}
@media screen and (max-width: 1023px) {
 .n-cluster6-entry:nth-child(1) { width: 100%; margin-top: 0; padding-top: 0; }
  .n-cluster6-entry:nth-child(1):before { display: none; }
 .n-cluster6-entry:nth-child(2),
 .n-cluster6-entry:nth-child(3) { width: 50%; }
}

/**
 * @name .n-content1
 * @description Main content wrapper
 */

.n-content1 {  }
 .n-content1-wrap { position: relative; }

/**
 * @name .n-fields1
 * @description Paywall/account fields grid
 */

.n-fields1 { margin-bottom: var(--s1); }

@media screen and (min-width: 720px) {
.n-fields1 { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 14px; grid-column-gap: var(--gx); }
.n-fields1.-flat { grid-template-columns: 1fr; }
 .n-fields1 > * { margin-bottom: 0; }
}

/**
 * @name .n-grid1
 * @description 3 column grid with optional ad-slot
 * @example { }
 */

.n-grid1 { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: var(--s1); grid-column-gap: var(--gx); align-items: flex-start; margin-bottom: var(--s1); }
 .n-grid1 > * { margin-bottom: 0; }

@media screen and (max-width: 1023px) {
.n-grid1 { grid-template-columns: repeat(2, 1fr); }
 .n-grid1 > .slot1 { grid-column: 1 / -1; padding: 12px 0; }
}

/**
 * @name .n-grid2
 * @description 3 column grid with optional ad-slot
 * @example { }
 */

@media screen and (min-width: 1024px) {
.n-grid2 { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: var(--s1); grid-column-gap: var(--gx); margin-bottom: var(--s1); }
 .n-grid2 > * { margin-bottom: 0; }
}

/**
 * @name .n-grid3
 * @description 4, 3 or 2 column grid, stacked into 3, 2 or 1 column on tablet
 * @example { }
 * @example { class: '-two' }
 */

.n-grid3 { display: grid; grid-template-columns: repeat(4, 1fr); grid-row-gap: var(--gy, var(--gx)); grid-column-gap: var(--gx); align-items: flex-start; margin-bottom: var(--s1); }
.n-grid3.-three { grid-template-columns: repeat(3, 1fr); }
.n-grid3.-two { grid-template-columns: repeat(2, 1fr); }
 .n-grid3 > * { margin-bottom: 0; }
 .n-grid3.-separate-all > :nth-child(n),
 .n-grid3.-separate > :nth-child(n+5),
 .n-grid3.-three.-separate > :nth-child(n+4),
 .n-grid3.-two.-separate > :nth-child(n+3) { padding-top: var(--sy); border-top: 1px solid var(--c_d6t); }

@media screen and (max-width: 1023px) {
.n-grid3, .n-grid3.-three { grid-template-columns: repeat(2, 1fr); }
.n-grid3.-three\<l { grid-template-columns: repeat(3, 1fr); }
.n-grid3.-two\<l { grid-template-columns: repeat(2, 1fr); }
.n-grid3.-one\<l { grid-template-columns: repeat(1, 1fr); }
 .n-grid3.-separate > :nth-child(n+3),
 .n-grid3.-separate\<l > :nth-child(n+3),
 .n-grid3.-one\<l.-separate > :nth-child(n+2),
 .n-grid3.-one\<l.-separate\<l > :nth-child(n+2) { padding-top: var(--sy); border-top: 1px solid var(--c_d6t); }
}
@media screen and (max-width: 719px) {
.n-grid3 { --gx: 10px; --gy: 14px; grid-template-columns: repeat(2, 1fr); }
.n-grid3.-one\<m { grid-template-columns: repeat(1, 1fr); }
.n-grid3.-two\<m { grid-template-columns: repeat(2, 1fr); }
.n-grid3.-separate\<m > :nth-child(n+2) { padding-top: var(--sy); border-top: 1px solid var(--c_d6t); }
}

/**
 * @name .n-grid4
 * @description Generic grid for text entries (newsletter selection)
 * @example { }
 */

.n-grid4 { display: grid; grid-template-columns: repeat(var(--c,3), 1fr); grid-row-gap: var(--gx); grid-column-gap: var(--gx); align-items: flex-start; margin-bottom: var(--s1); }
 .n-grid4 > * { margin-bottom: 0; }

@media screen and (max-width: 1023px) {
.n-grid4.-c2\<l { --c: 2; }
}
@media screen and (max-width: 719px) {
.n-grid4.-c1\<m { --c: 1; }
}

/**
 * @name .n-list1
 * @description Most read sidebar list
 * @example { }
 */

.n-list1 { }

/**
 * @name .n-list2
 * @description Related content list
 * @example { }
 */

.n-list2 { }

/**
 * @name .n-list2
 * @description Related content list
 * @example { }
 */

.n-members1 { --w1: 280px; }
 .n-members1 .button1 { width: 100%; max-width: var(--w1); }
 .n-members1 .n-fields1.-flat { max-width: var(--w1); }

@media screen and (max-width: 599px) {
.n-members1 { --w1: 100%; }
}

/**
 * @name .n-panels1
 * @description subscription splash + topics panels
 * @example { }
 */

.n-panels1 { position: relative; z-index: 1; }
 .n-panels1-block { position: relative; margin-bottom: 0; }
  .n-panels1-push { margin-bottom: 0; padding-top: calc(var(--st,0) + var(--s2)); }

@media screen {
.n-panels1-block { min-height: var(--vhx); }
.n-panels1-block[style*="--height"][style*="z-index"]:not(:first-child) { height: calc(var(--height) + 100vh); margin-top: -100vh; }
 .n-panels1-inner { position: -webkit-sticky; position: sticky; top: 0; min-height: var(--vhx); }
}

/**
 * @name .n-plans1
 * @description Subscription plans grid
 * @example { }
 */

@media screen and (min-width: 720px) {
.n-plans1 { display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: var(--gx); grid-column-gap: var(--gx); align-items: flex-start; margin-bottom: var(--s2); }
.n-plans1.-three { grid-template-columns: 1fr; }
 .n-plans1 > * { margin-bottom: 0; }
 .n-plans1 > .-full { grid-column: 1 / -1; }
 .n-plans1 .c-box1 { display: flex; height: 100%; }
   .n-plans1 .c-box1-wrap { display: flex; flex-direction: column; width: 100%; height: 100%; }
    .n-plans1 .c-box1-wrap > * { }
    .n-plans1 .c-box1-wrap > :last-child { margin-top: auto; }
}

@media screen and (min-width: 1024px) {
.n-plans1.-three { grid-template-columns: repeat(3, 1fr); }
 
}

/**
 * @name .n-split1
 * @description Article layout ready for elevator ads
 * @example { }
 */

.n-split1 { }
 .n-split1-main { margin-bottom: 0; }
 .n-split1-side { display: none; position: relative; width: 300px; margin: 0 auto; }

@media print, screen and (min-width: 1024px) {
.n-split1 { display: flex; }
 .n-split1-main { flex-grow: 1; min-width: 0; max-width: calc(100% - 320px); margin: 0; }
 .n-split1-side { display: flex; flex-direction: column; flex: none; width: 300px; min-width: 0; margin: 0 0 0 20px; }
}

/**
 * @name .n-split2
 * @description Homepage cards + non-disappearing sidebar
 * @example { }
 */

.n-split2 { }
 .n-split2-side { margin-bottom: var(--s1); }
 .n-split2-main { }

@media print, screen and (min-width: 1024px) {
.n-split2 { display: flex; }
 .n-split2-main { flex-grow: 1; min-width: 0; max-width: calc(100% - 300px - var(--gx)); margin: 0; }
 .n-split2-side { order: 2; display: flex; flex-direction: column; flex: none; width: 300px; min-width: 0; margin: 0 0 0 var(--gx); }
 .n-split2.-flip .n-split2-side { order: 0; margin-left: 0; margin-right: var(--gx); }
}

/**
 * @name .n-split3
 * @description Homepage cards + podcast sidebar
 * @example { }
 */

.n-split3 { }
 .n-split3-side { }
 .n-split3-main { }

@media screen and (min-width: 1024px) {
.n-split3 { display: flex; }
 .n-split3-main { flex-grow: 1; min-width: 0; margin: 0; }
 .n-split3-side { order: 2; flex: none; align-self: flex-end; width: 300px; min-width: 0; margin: 0 0 0 var(--gx); }
}

/**
 * @name .n-theme1
 * @description Dark color scheme
 */

@media screen {
.n-theme1 { --c_d1t: #fff; --c_d2t: #e8e8e8; --c_d3t: #cacaca; --c_d4t: #999; --c_d5t: #666; --c_d6t: #333; --c_d7t: #1a1a1a; --c_d8t: #121212; --c_o1t: #444; --c_focus: #403e3b; --c_breaking: #ff3333; color: var(--c_d2t); }
}

/**
 * @name .n-theme2
 * @description Gray color theme
 * @example { }
 */

@media screen {
.n-theme2 { --c_d1t: #000000; --c_d2t: #333333; --c_d3t: #666666; --c_d4t: #999999; --c_d5t: #cacaca; --c_d6t: #cacaca; --c_d7t: #f8f8f8; --c_d8t: #ffffff; --c_breaking: #ff3333; }
}

/*   _______ _____ _______ _______ _______
 *   |______   |      |    |______ |______
 *   ______| __|__    |    |______ ______|
*/

.s-belfasttelegraph { --c_brand: #00778B; }
.s-farmireland { --c_brand: #00894C; }
.s-herald { --c_brand: #ED1C24; }
.s-regionals { --c_brand: #000000; }

/*   ______  _______ _______ _______ _     _ _      _______ _______
 *   |     \ |______ |______ |_____| |     | |         |    |______
 *   |_____/ |______ |       |     | |_____| |_____    |    ______|
*/

*, *:before, *:after { margin: 0; padding: 0; color: inherit; transition: none var(--t8n_d1) ease; transition-property: var(--t8n_p1); }
:root:not([ready]) *, :root:not([ready]) *:before, :root:not([ready]) *:after { transition: none !important; }

html { overflow-y: scroll; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

div, form, fieldset, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, main, section, address, ul, ol, dl, dd, dt, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin-bottom: 1rem; margin-bottom: var(--sy); }
body > :not(.n-root1), body > :not(.n-root1) div, body > :not(.n-root1) form { margin-bottom: 0; }

@page { margin: 40px; }
@media print { body { width: 1024px; margin: 0 auto; background: #fff; } }

/* forms */

fieldset { min-width: 0; padding: 0; border: none; }
fieldset[disabled] { opacity: 0.45; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input[disabled] { opacity: 0.45; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
label { cursor: pointer; vertical-align: middle; }
label:first-child { display: flex; justify-content: space-between; margin: 0 0 6px; }
 label:first-child em { color: var(--c_d4t); font-style: inherit; }
input, textarea, select { --px: 10px; --py: 10px; --bcn: transparent; --bcf: var(--c_d7t); --ocn: var(--c_o1t); --ocf: var(--c_o2t); --tcn: var(--c_d1t); --pcn: var(--c_d5t); --ow: var(--own); --oc: var(--ocn); --or: var(--orn); --bc: var(--bcn); --tc: var(--tcn); --pc: var(--pcn); }
input:hover, textarea:hover, select:hover { --oc: var(--och, var(--ocn)); --bc: var(--bch, var(--bcn)); --tc: var(--tch, var(--tcn)); }
input:focus, textarea:focus, select:focus { --oc: var(--ocf, var(--ocn)); --bc: var(--bcf, var(--bcn)); --tc: var(--tcf, var(--tcn)); }
input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], input[type="checkbox"], input[type="radio"], textarea, select { width: 100%; height: 40px; padding: var(--py) var(--px); border: none; border-radius: var(--or, 2px); box-shadow: inset 0 0 0 var(--ow, 1px) var(--oc); background: var(--bc); color: var(--tc); font: 16px/20px var(--ff_3); vertical-align: top; -webkit-appearance: none; -moz-appearance: none; }
input[type=email] { height: 35px; }
input::-ms-clear { display: none; }
textarea { overflow: auto; height: auto; resize: vertical; }
textarea[data-autoresize] { min-height: 40px; max-height: 120px; }
select { padding: calc(var(--py) - 1px) calc(var(--px) - 1px); padding-right: 60px; background: var(--bc) url(../images/select1.svg) right 15px center no-repeat; background-size: 8px 11px; line-height: normal; text-indent: 1px; text-overflow: ''; }
select::-ms-expand { display: none; }
.firefox select { padding-left: calc(var(--px) - 6px); }
button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { --s: 20px; --tc: var(--c_d8t); display: inline-block; position: relative; width: var(--s, 20px); height: var(--s, 20px); margin: -1px 5px 0 0; padding: 0; text-align: center; vertical-align: middle; } input[type="radio"] { border-radius: 50%; }
input[type="checkbox"]:checked, input[type="radio"]:checked { --bc: var(--c_d1t); --oc: var(--bc); } input[type="radio"]:checked { background: radial-gradient(circle, var(--tc) 3px, var(--bc) 3px), var(--bc); } input[type="checkbox"]:checked:before { position: absolute; left: 0; content: '\e5ca'; width: 100%; color: inherit; font: calc(var(--s, 20px)* 0.9)/var(--s, 20px) Icons; transition-duration: 0s; }
input::-ms-check { border: none; background: transparent; color: var(--tc); }

::-webkit-input-placeholder { color: var(--pc); font-style: normal; line-height: normal; opacity: 1; }
:-ms-input-placeholder { color: var(--pc); font-style: normal; opacity: 1; }
::-moz-placeholder { color: var(--pc); font-style: normal; opacity: 1; }
select:invalid, select.is-placeholder { color: var(--pc); }

.-validated:invalid, .-validated:invalid + label, .-validated:invalid + label:before { --oc: var(--c_e1t); color: var(--c_e1t); }

@media print {
input, textarea, select { --ow: 2px; }
}

/* tables */

table { display: table; border-collapse: collapse; border-spacing: 0; }
 th, td { padding: 9px 19px; border: 1px solid var(--c_o1t); text-align: left; vertical-align: top; }
 thead th { font-size: 0.86rem; text-transform: uppercase; }

/* lists */

ul, ol, dd, blockquote { padding-left: 20px; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { margin-bottom: 10px; counter-increment: ordered; }
  ol > li:before { position: absolute; content: counter(ordered) '.'; margin: 0.15em 0 0 -20px; color: var(--c_d3t); font-size: 0.8em; }
  ul > li:before { float: left; overflow: hidden; content: '\e919'; margin: 0 0 0 -20px; color: var(--c_d5t); font-family: Icons; }

dt { margin-bottom: 5px; font-weight: bold; }
dd { padding-left: 0; }

/* links */

a { --aoch: var(--c_d1t); --atch: var(--c_d1t); }
a { --aow: var(--aown); --aoc: var(--aocn); --abc: var(--abcn); --atc: var(--atcn); box-shadow: 0 var(--aow, 1px) var(--aoc, var(--c_d5t)); background: var(--abc, transparent); color: var(--atc, inherit); text-decoration: none; transition-property: var(--t8n_p1), color; }
a:hover { --aow: var(--aowh, var(--aown)); --aoc: var(--aoch, var(--aocn)); --abc: var(--abch, var(--abcn)); --atc: var(--atch, var(--atcn)); }
 a * { cursor: pointer; }

/* images */

figure { }
 img { max-width: 100%; border-width: 0; box-sizing: content-box; }
 figure img { display: inline-block; vertical-align: top; }
 figcaption { margin-top: 10px; }

.alignright { float: right; margin-left: 1.5rem; }
.alignleft { float: left; margin-right: 1.5rem; }
 .alignright img, .alignleft img { display: block; max-width: none; }

/* other */

blockquote { padding: 0; }
 blockquote q { display: block; }
  blockquote q:before { content: '\''; }
  blockquote q:after { content: '\''; }
 cite { display: block; margin-top: 10px; font: inherit; }
pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: auto; height: auto; margin: 20px 0; margin: var(--sy) 0; border: none; border-top: 1px solid; background: transparent; color: var(--c_d6t); font-size: 0; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }
b, strong { font-weight: bolder; }
big { font-size: 1.5em; font-weight: bolder; }
mark { padding: 0 2px; background-color: var(--c_d6t); font-weight: 500; }

/* first/last margins */

body :last-child { margin-bottom: 0; }


/*   _    _ _______  ______ _______
 *    \  /  |_____| |_____/ |______
 *     \/   |     | |    \_ ______|
*/

/* text styling */

html, h1, h2, h3, h4, h5, h6, blockquote, cite, figcaption, [class*="-t:"] { font: 18px/1.5 var(--ff_1); letter-spacing: 0; text-transform: none; }
.-t\:1, h1 { font: 500 38px/1.21 var(--ff_2); }
.-t\:2, h2 { font: 500 32px/1.24 var(--ff_2); }
.-t\:3, h3 { font: 500 28px/1.29 var(--ff_2); }
.-t\:4, h4 { font: 500 24px/1.33 var(--ff_2); }
.-t\:5, h5 { font: 500 20px/1.30 var(--ff_2); }
.-t\:6, h6 { font: 700 18px/1.25 var(--ff_1); }
.-t\:7, blockquote { font: italic 400 38px/1.24 var(--ff_2); }
.-t\:8, cite {  }
.-t\:9, figcaption { font: 400 16px/1.5 var(--ff_3); }
.-t\:10 { font: 400 20px/1.4 var(--ff_1); }
.-t\:11 { font: 400 14px/1.43 var(--ff_3); }
.-t\:12 { font: 500 12px/1.33 var(--ff_3); }
.-t\:13 { font: 900 48px/1.1 var(--ff_2); }
.-t\:14, label { font: 16px/1.25 var(--ff_3); }

@media screen and (max-width: 1023px) {
h1 { font-size: 32px; line-height: 1.25; }
blockquote { font-size: 32px; line-height: 1.25; }
.-t\:1\<l { font: 500 38px/1.21 var(--ff_2); }
.-t\:2\<l { font: 500 32px/1.24 var(--ff_2); }
.-t\:3\<l { font: 500 28px/1.29 var(--ff_2); }
.-t\:4\<l { font: 500 24px/1.40 var(--ff_2); }
.-t\:5\<l { font: 500 20px/1.30 var(--ff_2); }
.-t\:6\<l { font: 500 18px/1.25 var(--ff_2); }
.-t\:13 { font-size: 38px; }
}
@media screen and (max-width: 719px) {
.-\:0, html { font-size: 16px; }
.-t\:13 { font-size: 32px; }
}

/* link styling */

a.-as\:1, .-as\:1 a { --aown: 0px; --aowh: 0px; }
a.-as\:2, .-as\:2 a { --aown: 2px; --aocn: #ccc; --aoch: var(--atcn); --atcn: var(--c_brand); --atch: var(--atcn); }
a.-as\:3, .-as\:3 a { --aocn: transparent; }

/* list styling */

ul.-ls\:1, ol.-ls\:1, .-ls\:1 ul, .-ls\:1 ol { padding: 0; }
 .-ls\:1 li { margin-bottom: 0; }
  .-ls\:1 li:before { display: none; }

/* spacing */

.-mb\:a,.-my\:a{margin-bottom:auto}.-mt\:a,.-my\:a {margin-top:auto}.-ml\:a,.-mx\:a{margin-left:auto}.-mr\:a,.-mx\:a{margin-right:auto}
.-mb\:0,.-my\:0,.-ma\:0{margin-bottom:0}.-mt\:0,.-my\:0,.-ma\:0{margin-top:0}.-ml\:0,.-mx\:0,.-ma\:0{margin-left:0}.-mr\:0,.-mx\:0,.-ma\:0{margin-right:0}.-pb\:0,.-py\:0,.-pa\:0{padding-bottom:0}.-pt\:0,.-py\:0,.-pa\:0{padding-top:0}.-pl\:0,.-px\:0,.-pa\:0{padding-left:0}.-pr\:0,.-px\:0,.-pa\:0{padding-right:0}
.-mb\:x,.-my\:x,.-ma\:x{margin-bottom:var(--sx)}.-mt\:x,.-my\:x,.-ma\:x{margin-top:var(--sx)}.-ml\:x,.-mx\:x,.-ma\:x{margin-left:var(--sx)}.-mr\:x,.-mx\:x,.-ma\:x{margin-right:var(--sx)}.-mb\:-x,.-my\:-x,.-ma\:-x{margin-bottom: var(--nx)}.-mt\:-x,.-my\:-x,.-ma\:-x{margin-top: var(--nx)}.-ml\:-x,.-mx\:-x,.-ma\:-x{margin-left: var(--nx)}.-mr\:-x,.-mx\:-x,.-ma\:-x{margin-right: var(--nx)}.-pb\:x,.-py\:x,.-pa\:x{padding-bottom:var(--sx)}.-pt\:x,.-py\:x,.-pa\:x{padding-top:var(--sx)}.-pl\:x,.-px\:x,.-pa\:x{padding-left:var(--sx)}.-pr\:x,.-px\:x,.-pa\:x{padding-right:var(--sx)}
.-mb\:y,.-my\:y,.-ma\:y{margin-bottom:var(--sy)}.-mt\:y,.-my\:y,.-ma\:y{margin-top:var(--sy)}.-ml\:y,.-mx\:y,.-ma\:y{margin-left:var(--sy)}.-mr\:y,.-mx\:y,.-ma\:y{margin-right:var(--sy)}.-mb\:-y,.-my\:-y,.-ma\:-y{margin-bottom: var(--nx)}.-mt\:-y,.-my\:-y,.-ma\:-y{margin-top: var(--nx)}.-ml\:-y,.-mx\:-y,.-ma\:-y{margin-left: var(--nx)}.-mr\:-y,.-mx\:-y,.-ma\:-y{margin-right: var(--nx)}.-pb\:y,.-py\:y,.-pa\:y{padding-bottom:var(--sy)}.-pt\:y,.-py\:y,.-pa\:y{padding-top:var(--sy)}.-pl\:y,.-px\:y,.-pa\:y{padding-left:var(--sy)}.-pr\:y,.-px\:y,.-pa\:y{padding-right:var(--sy)}
.-mb\:1,.-my\:1{margin-bottom:var(--s1)}.-mt\:1,.-my\:1{margin-top:var(--s1)}.-mb\:-1,.-my\:-1,.-ma\:-1{margin-bottom: calc(var(--s1) * -1)}.-mt\:-1,.-my\:-1,.-ma\:-1{margin-top: calc(var(--s1) * -1)}.-ml\:-1,.-mx\:-1,.-ma\:-1{margin-left: calc(var(--s1) * -1)}.-mr\:-1,.-mx\:-1,.-ma\:-1{margin-right: calc(var(--s1) * -1)}.-pb\:1,.-py\:1,.-pa\:1{padding-bottom:var(--s1)}.-pt\:1,.-py\:1,.-pa\:1{padding-top:var(--s1)}.-pl\:1,.-px\:1,.-pa\:1{padding-left:var(--s1)}.-pr\:1,.-px\:1,.-pa\:1{padding-right:var(--s1)}
.-mb\:2,.-my\:2{margin-bottom:var(--s2)}.-mt\:2,.-my\:2{margin-top:var(--s2)}.-mb\:-2,.-my\:-2,.-ma\:-2{margin-bottom: calc(var(--s2) * -1)}.-mt\:-2,.-my\:-2,.-ma\:-2{margin-top: calc(var(--s2) * -1)}.-ml\:-2,.-mx\:-2,.-ma\:-2{margin-left: calc(var(--s2) * -1)}.-mr\:-2,.-mx\:-2,.-ma\:-2{margin-right: calc(var(--s2) * -1)}.-pb\:2,.-py\:2,.-pa\:2{padding-bottom:var(--s2)}.-pt\:2,.-py\:2,.-pa\:2{padding-top:var(--s2)}.-pl\:2,.-px\:2,.-pa\:2{padding-left:var(--s2)}.-pr\:2,.-px\:2,.-pa\:2{padding-right:var(--s2)}
.-mb\:3,.-my\:3{margin-bottom:var(--s3)}.-mt\:3,.-my\:3{margin-top:var(--s3)}.-mb\:-3,.-my\:-3,.-ma\:-3{margin-bottom: calc(var(--s3) * -1)}.-mt\:-3,.-my\:-3,.-ma\:-3{margin-top: calc(var(--s3) * -1)}.-ml\:-3,.-mx\:-3,.-ma\:-3{margin-left: calc(var(--s3) * -1)}.-mr\:-3,.-mx\:-3,.-ma\:-3{margin-right: calc(var(--s3) * -1)}.-pb\:3,.-py\:3,.-pa\:3{padding-bottom:var(--s3)}.-pt\:3,.-py\:3,.-pa\:3{padding-top:var(--s3)}.-pl\:3,.-px\:3,.-pa\:3{padding-left:var(--s3)}.-pr\:3,.-px\:3,.-pa\:3{padding-right:var(--s3)}
.-mb\:4,.-my\:4{margin-bottom:var(--s4)}.-mt\:4,.-my\:4{margin-top:var(--s4)}.-mb\:-4,.-my\:-4,.-ma\:-4{margin-bottom: calc(var(--s4) * -1)}.-mt\:-4,.-my\:-4,.-ma\:-4{margin-top: calc(var(--s4) * -1)}.-ml\:-4,.-mx\:-4,.-ma\:-4{margin-left: calc(var(--s4) * -1)}.-mr\:-4,.-mx\:-4,.-ma\:-4{margin-right: calc(var(--s4) * -1)}.-pb\:4,.-py\:4,.-pa\:4{padding-bottom:var(--s4)}.-pt\:4,.-py\:4,.-pa\:4{padding-top:var(--s4)}.-pl\:4,.-px\:4,.-pa\:4{padding-left:var(--s4)}.-pr\:4,.-px\:4,.-pa\:4{padding-right:var(--s4)}
.-mb\:m1,.-my\:m1{margin-bottom:3px}.-mt\:m1,.-my\:m1{margin-top:3px}.-sy\:1>*{--sy:3px}
.-mb\:m2,.-my\:m2{margin-bottom:6px}.-mt\:m2,.-my\:m2{margin-top:6px}.-sy\:2>*{--sy:6px}
.-mb\:m3,.-my\:m3{margin-bottom:9px}.-mt\:m3,.-my\:m3{margin-top:9px}.-sy\:3>*{--sy:9px}
.-mb\:m4,.-my\:m4{margin-bottom:12px}.-mt\:m4,.-my\:m4{margin-top:12px}.-sy\:4>*{--sy:12px}
.-mb\:m5,.-my\:m5{margin-bottom:15px}.-mt\:m5,.-my\:m5{margin-top:15px}.-sy\:5>*{--sy:15px}

@media screen and (max-width: 1023px) {
.-mb\:a\<l,.-my\:a\<l{margin-bottom:auto}.-mt\:a\<l,.-my\:a\<l{margin-top:auto}.-ml\:a\<l,.-mx\:a\<l{margin-left:auto}.-mr\:a\<l,.-mx\:a\<l{margin-right:auto}
.-mb\:0\<l,.-my\:0\<l,.-ma\:0\<l{margin-bottom:0}.-mt\:0\<l,.-my\:0\<l,.-ma\:0\<l{margin-top:0}.-ml\:0\<l,.-mx\:0\<l,.-ma\:0\<l{margin-left:0}.-mr\:0\<l,.-mx\:0\<l,.-ma\:0\<l{margin-right:0}.-pb\:0\<l,.-py\:0\<l,.-pa\:0\<l{padding-bottom:0}.-pt\:0\<l,.-py\:0\<l,.-pa\:0\<l{padding-top:0}.-pl\:0\<l,.-px\:0\<l,.-pa\:0\<l{padding-left:0}.-pr\:0\<l,.-px\:0\<l,.-pa\:0\<l{padding-right:0}
.-mb\:x\<l,.-my\:x\<l,.-ma\:x\<l{margin-bottom:var(--sx)}.-mt\:x\<l,.-my\:x\<l,.-ma\:x\<l{margin-top:var(--sx)}.-ml\:x\<l,.-mx\:x\<l,.-ma\:x\<l{margin-left:var(--sx)}.-mr\:x\<l,.-mx\:x\<l,.-ma\:x\<l{margin-right:var(--sx)}.-mb\:-x\<l,.-my\:-x\<l,.-ma\:-x\<l{margin-bottom: var(--nx)}.-mt\:-x\<l,.-my\:-x\<l,.-ma\:-x\<l{margin-top: var(--nx)}.-ml\:-x\<l,.-mx\:-x\<l,.-ma\:-x\<l{margin-left: var(--nx)}.-mr\:-x\<l,.-mx\:-x\<l,.-ma\:-x\<l{margin-right: var(--nx)}.-pb\:x\<l,.-py\:x\<l,.-pa\:x\<l{padding-bottom:var(--sx)}.-pt\:x\<l,.-py\:x\<l,.-pa\:x\<l{padding-top:var(--sx)}.-pl\:x\<l,.-px\:x\<l,.-pa\:x\<l{padding-left:var(--sx)}.-pr\:x\<l,.-px\:x\<l,.-pa\:x\<l{padding-right:var(--sx)}
.-mb\:y\<l,.-my\:y\<l,.-ma\:y\<l{margin-bottom:var(--sy)}.-mt\:y\<l,.-my\:y\<l,.-ma\:y\<l{margin-top:var(--sy)}.-ml\:y\<l,.-mx\:y\<l,.-ma\:y\<l{margin-left:var(--sy)}.-mr\:y\<l,.-mx\:y\<l,.-ma\:y\<l{margin-right:var(--sy)}.-mb\:-y\<l,.-my\:-y\<l,.-ma\:-y\<l{margin-bottom: var(--ny)}.-mt\:-y\<l,.-my\:-y\<l,.-ma\:-y\<l{margin-top: var(--ny)}.-ml\:-y\<l,.-mx\:-y\<l,.-ma\:-y\<l{margin-left: var(--ny)}.-mr\:-y\<l,.-mx\:-y\<l,.-ma\:-y\<l{margin-right: var(--ny)}.-pb\:y\<l,.-py\:y\<l,.-pa\:y\<l{padding-bottom:var(--sy)}.-pt\:y\<l,.-py\:y\<l,.-pa\:y\<l{padding-top:var(--sy)}.-pl\:y\<l,.-px\:y\<l,.-pa\:y\<l{padding-left:var(--sy)}.-pr\:y\<l,.-px\:y\<l,.-pa\:y\<l{padding-right:var(--sy)}
}
@media screen and (max-width: 599px) {
.-mb\:0\<m,.-my\:0\<m,.-ma\:0\<m{margin-bottom:0}.-mt\:0\<m,.-my\:0\<m,.-ma\:0\<m{margin-top:0}.-ml\:0\<m,.-mx\:0\<m,.-ma\:0\<m{margin-left:0}.-mr\:0\<m,.-mx\:0\<m,.-ma\:0\<m{margin-right:0}.-pb\:0\<m,.-py\:0\<m,.-pa\:0\<m{padding-bottom:0}.-pt\:0\<m,.-py\:0\<m,.-pa\:0\<m{padding-top:0}.-pl\:0\<m,.-px\:0\<m,.-pa\:0\<m{padding-left:0}.-pr\:0\<m,.-px\:0\<m,.-pa\:0\<m{padding-right:0}
.-mb\:x\<m,.-my\:x\<m,.-ma\:x\<m{margin-bottom:var(--sx)}.-mt\:x\<m,.-my\:x\<m,.-ma\:x\<m{margin-top:var(--sx)}.-ml\:x\<m,.-mx\:x\<m,.-ma\:x\<m{margin-left:var(--sx)}.-mr\:x\<m,.-mx\:x\<m,.-ma\:x\<m{margin-right:var(--sx)}.-mb\:-x\<m,.-my\:-x\<m,.-ma\:-x\<m{margin-bottom: var(--nx)}.-mt\:-x\<m,.-my\:-x\<m,.-ma\:-x\<m{margin-top: var(--nx)}.-ml\:-x\<m,.-mx\:-x\<m,.-ma\:-x\<m{margin-left: var(--nx)}.-mr\:-x\<m,.-mx\:-x\<m,.-ma\:-x\<m{margin-right: var(--nx)}.-pb\:x\<m,.-py\:x\<m,.-pa\:x\<m{padding-bottom:var(--sx)}.-pt\:x\<m,.-py\:x\<m,.-pa\:x\<m{padding-top:var(--sx)}.-pl\:x\<m,.-px\:x\<m,.-pa\:x\<m{padding-left:var(--sx)}.-pr\:x\<m,.-px\:x\<m,.-pa\:x\<m{padding-right:var(--sx)}
.-mb\:y\<m,.-my\:y\<m,.-ma\:y\<m{margin-bottom:var(--sy)}.-mt\:y\<m,.-my\:y\<m,.-ma\:y\<m{margin-top:var(--sy)}.-ml\:y\<m,.-mx\:y\<m,.-ma\:y\<m{margin-left:var(--sy)}.-mr\:y\<m,.-mx\:y\<m,.-ma\:y\<m{margin-right:var(--sy)}.-mb\:-y\<m,.-my\:-y\<m,.-ma\:-y\<m{margin-bottom: var(--ny)}.-mt\:-y\<m,.-my\:-y\<m,.-ma\:-y\<m{margin-top: var(--ny)}.-ml\:-y\<m,.-mx\:-y\<m,.-ma\:-y\<m{margin-left: var(--ny)}.-mr\:-y\<m,.-mx\:-y\<m,.-ma\:-y\<m{margin-right: var(--ny)}.-pb\:y\<m,.-py\:y\<m,.-pa\:y\<m{padding-bottom:var(--sy)}.-pt\:y\<m,.-py\:y\<m,.-pa\:y\<m{padding-top:var(--sy)}.-pl\:y\<m,.-px\:y\<m,.-pa\:y\<m{padding-left:var(--sy)}.-pr\:y\<m,.-px\:y\<m,.-pa\:y\<m{padding-right:var(--sy)}
}

/* grid gutters */

.-gg\:1 { --gx: 10px; --gy: var(--sx); }

/* visibility */

.-d\:b { display: block; }
@media print { .-d\:n\@p { display: none !important; } }
@media screen and (max-width: 1023px){.-d\:n\<l{display:none}.-d\:b\<l{display:block}}
@media screen and (max-width:  719px){.-d\:n\<m{display:none}.-d\:b\<m{display:block}}
@media screen and (min-width:  720px){.-d\:n\>s{display:none}.-d\:b\>s{display:block}}
@media screen and (min-width: 1024px){.-d\:n\>m{display:none}.-d\:b\>m{display:block}}

/* max widths */

.-xw\:n { max-width: none; }
.-xw\:1 { max-width: var(--xw_1); } .-xw\:1.-contain { max-width: calc(var(--xw_1) + var(--sx) * 2); }
.-xw\:2 { max-width: var(--xw_2); } .-xw\:2.-contain { max-width: calc(var(--xw_2) + var(--sx) * 2); }
.-xw\:3 { max-width: var(--xw_3); } .-xw\:3.-contain { max-width: calc(var(--xw_3) + var(--sx) * 2); }
.-xw\:4 { max-width: var(--xw_4); } .-xw\:4.-contain { max-width: calc(var(--xw_4) + var(--sx) * 2); }

/* colors */

.-c\:d1 { color: var(--c_d1); } .-c\:d1t, blockquote, h1, h2, h3, h4, h5, h6 { color: var(--c_d1t); }
.-c\:d2 { color: var(--c_d2); } .-c\:d2t, html { color: var(--c_d2t); }
.-c\:d3 { color: var(--c_d3); } .-c\:d3t, figcaption { color: var(--c_d3t); }
.-c\:d4 { color: var(--c_d4); } .-c\:d4t { color: var(--c_d4t); }
.-c\:d5 { color: var(--c_d5); } .-c\:d5t { color: var(--c_d5t); }
.-c\:d6 { color: var(--c_d6); } .-c\:d6t { color: var(--c_d6t); }
.-c\:d7 { color: var(--c_d7); } .-c\:d7t { color: var(--c_d7t); }
.-c\:d8 { color: var(--c_d8); } .-c\:d8t { color: var(--c_d8t); }
.-c\:ix { color: inherit; }
.-c\:ux { color: unset; }

.-c\:focus { color: var(--c_focus); }
.-c\:breaking { color: var(--c_breaking); }

.-c\:brand { color: var(--c_brand); } .-section\:brand { --c_section: var(--c_brand); }
.-c\:news { color: var(--c_news); } .-section\:news { --c_section: var(--c_news); }
.-c\:business { color: var(--c_business); } .-section\:business { --c_section: var(--c_business); }
.-c\:opinion { color: var(--c_opinion); } .-section\:opinion { --c_section: var(--c_opinion); }
.-c\:sport { color: var(--c_sport); } .-section\:sport { --c_section: var(--c_sport); }
.-c\:life { color: var(--c_life); } .-section\:life { --c_section: var(--c_life); }
.-c\:style { color: var(--c_style); } .-section\:style { --c_section: var(--c_style); }
.-c\:entertainment { color: var(--c_entertainment); } .-section\:entertainment { --c_section: var(--c_entertainment); }
.-c\:travel { color: var(--c_travel); } .-section\:travel { --c_section: var(--c_travel); }
.-c\:archive { color: var(--c_archive); } .-section\:archive { --c_section: var(--c_archive); }
.-c\:farm { color: var(--c_farm); } .-section\:farm { --c_section: var(--c_farm); }

.-c\:section { color: var(--c_section, inherit); }



/* families */

.-ff\:1, html { font-family: var(--ff_1); }
.-ff\:2 { font-family: var(--ff_2); }
.-ff\:3 { font-family: var(--ff_3); }

/* weights */

.-fw\:4 { font-weight: 400; }
.-fw\:5 { font-weight: 500; }
.-fw\:7 { font-weight: 700; }
.-fw\:9 { font-weight: 900; }
.-fw\:i { font-weight: inherit; }

.-d\:b { display: block; }
.-lh\:3 { line-height: 1.3; }
.-lh\:4 { line-height: 1.4; }
.-lh\:5 { line-height: 1.5; }
.-lh\:i { line-height: inherit; }

/* basic css */

.-ta\:l { text-align: left; }.-ta\:c { text-align: center; }.-ta\:r { text-align: right; }
.-tt\:n { text-transform: none; }.-tt\:l { text-transform: lowercase; }.-tt\:u { text-transform: uppercase; }
.-us\:n, [toggle], [data-toggle] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* other */

[mouse] *:focus { outline: none; }
[toggle],[data-toggle] { cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
[hidden],[x-cloak] { display: none !important; }

/*   _      _____ ______  _______
 *   |        |   |_____] |______
 *   |_____ __|__ |_____] ______|
/*

/* lazysizes */ .lazyload, .lazyloading { opacity: 0; } [js] .lazyloaded[class] { opacity: 1; transition-duration: 0.5s; }

gigya16a {
  width: auto !important;
}

.gigya16a.a18 img {
  display: none;
}

/* strength */
.a18strength1 { --w: 0; display: none; position: relative; margin: 0 0 10px; padding: 10px; border: 2px solid #ccc; border-radius: 7px; font-size: 12px; }
.a18strength1.is-active { display: block; }
 .a18strength1:before { position: absolute; left: 30px; bottom: 100%; content: ''; width: 12px; height: 12px; margin: 0 0 -6px; border: 2px solid #ccc; border-color: #ccc #ccc transparent transparent; background: #fff; transform: rotate(-45deg); }
 .a18strength1-header { margin-bottom: 7px; color: #d0021b; font-weight: bold; text-align: center; }
 .a18strength1[data-level="1"] .a18strength1-header { color: #d0021b; }
 .a18strength1[data-level="2"] .a18strength1-header { color: #f5a623; }
 .a18strength1[data-level="3"] .a18strength1-header,
 .a18strength1[data-level="4"] .a18strength1-header { color: #7ed321; }
 .a18strength1[data-level="1"] [data-level1]:before { content: attr(data-level1); }
 .a18strength1[data-level="2"] [data-level2]:before { content: attr(data-level2); }
 .a18strength1[data-level="3"] [data-level3]:before { content: attr(data-level3); }
 .a18strength1[data-level="4"] [data-level4]:before { content: attr(data-level4); }
  .a18strength1-header > span { color: #000; }
  .a18strength1-header > i { display: block; overflow: hidden; height: 2px; margin-top: 5px; background: #e8e8e8; }
   .a18strength1-header > i > i { display: block; width: 100%; height: 2px; background: currentColor; transform: scaleX(var(--w)); transform-origin: 0 50%; transition-property: transform, color; }

/**
* @name .c-subscribe1
* @description Newsletter subscribe buttons
* @example { }
*/

.c-subscribe1 { position: relative; overflow: hidden; font: 16px/1.2 var(--ff_3); }
.c-subscribe1:after { display: table; clear: both; content: ''; }
.c-subscribe1 > .-step { float: left; width: 100%; margin: 0 -100% 0 0; background: var(--c_d8t); transform: translateY(100%); }
.c-subscribe1 > .-step:not(.-done):first-child { transform: translateY(0); }
.c-subscribe1 > .-step.-done { transform: translateY(-100%); }
.c-subscribe1 > .-step.-done + .-step:not(.-done) { transform: translateY(0); }
.c-subscribe1-intro { display: flex; align-items: center; }
.c-subscribe1-intro > * { min-width: 0; margin: 0; }
.c-subscribe1-intro > :not(:first-child) { margin-left: 10px; }
.c-subscribe1-intro > .button1 { min-width: 100px; }
.c-subscribe1-email { display: flex; align-items: center; }
.c-subscribe1-email label[for] { position: absolute; left: 0; overflow: hidden; width: 0; height: 0; }
.c-subscribe1-email input[type] { margin-right: -1px; border-radius: var(--or) 0 0 var(--or); }
.c-subscribe1-email button { flex: none; min-width: 0; border-radius: 0 var(--or) var(--or) 0; }
.c-subscribe1-message { display: flex; align-items: center; min-height: 40px; }
.c-subscribe1-message .icon1 { transform: translateY(1px); }
.c-subscribe1-error-message { display: flex; align-items: center; min-height: 40px; }
.c-subscribe1-error-message .icon1 { transform: translateY(1px); }

/**
 * @name .pikaday1
 * @description Calendar styling
 */
.pickaday1 { z-index: 201; margin: 0; background: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.25); }
.pickaday1.is-hidden { display: none; }
 .pickaday1 .pika-lendar { padding: 10px; }
  .pickaday1 .pika-title { position: relative; margin-bottom: 15px; font: 500 16px/30px var(--ff_3); text-align: center; }
   .pickaday1 .pika-title .pika-label { display: inline-block; margin: 0 3px; vertical-align: top; }
    .pickaday1 .pika-title select { display: none; }
    .pickaday1 .pika-title button { display: block; position: absolute; left: 0; top: 0; overflow: hidden; min-width: 0; width: 30px; height: 30px; min-height: 30px; padding: 0; border-radius: 50%; box-shadow: none; background: var(--c_d6t); color: var(--c_d1t) !important; line-height: 28px; text-indent: -10001px; white-space: nowrap; text-align: left; }
    .pickaday1 .pika-title button:hover { background: var(--c_d5t); }
     .pickaday1 .pika-title button:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e314'; color: var(--c_a1t); font: 20px/30px Icons; text-indent: 0; text-align: center; }
    .pickaday1 .pika-title .pika-next { left: auto; right: 0; }
     .pickaday1 .pika-title .pika-next:before { content: '\e315'; }
  .pickaday1 .pika-table { width: 100%; }
   .pickaday1 .pika-table th, .pickaday1 .pika-table td { padding: 0; border: none; text-align: center; }
   .pickaday1 .pika-table thead th { background: transparent; color: inherit; color: var(--c_d3t); font: 500 16px/30px var(--ff_3); }
   .pickaday1 .pika-table .is-startrange { border-radius: 50% 0 0 50%; background: var(--c_d6t); }
   .pickaday1 .pika-table .is-inrange { background: var(--c_d6t); }
   .pickaday1 .pika-table .is-endrange { border-radius: 0 50% 50% 0; background: var(--c_d6t); }
    .pickaday1 .pika-table abbr { font: inherit; border: none; text-decoration: none; font-size: 14px; }
    .pickaday1 .pika-table button { min-width: 0; width: 30px; height: 30; height: auto; min-height: 0; padding: 0; border: none; border-radius: 50%; box-shadow: none; background: transparent; color: inherit !important; font: 14px/30px var(--ff_3); }
    .pickaday1 .pika-table button:hover { color: var(--c_a1) !important; }
    .pickaday1 .pika-table .is-disabled button { background: none; color: #aaa !important; }
    .pickaday1 .pika-table .is-selected button, .pickaday1 .pika-table .is-endrange button, .pickaday1 .pika-table .is-startrange button { background: var(--c_brand); color: #fff !important; }
    .pickaday1 .pika-table .is-endrange:not(.is-selected) button, .pickaday1 .pika-table .is-startrange:not(.is-selected) button { opacity: 0.5; }

.icon-mediahuis .path1:before {
  content: "\e92d";
  color: rgb(255, 38, 31);
 }
.icon-mediahuis .path2:before {
  content: "\e92e";
  margin-left: -5.5390625em;
  color: rgb(235, 235, 235);
 }
.icon-mediahuis .path3:before {
  content: "\e92f";
  margin-left: -5.5390625em;
  color: rgb(255, 138, 23);
 }
.icon-mediahuis .path4:before {
  content: "\e930";
  margin-left: -5.5390625em;
  color: rgb(190, 190, 190);
 }

  /**
 * @name .owner1
 * @description Group logo
 * @example { }
 */

.owner1 { display: inline-flex; align-items: center; color: var(--c_d3t); box-shadow: none; font: 10px/2 var(--ff_3); text-transform: uppercase; }
.owner1:hover { box-shadow: none; }
 .owner1 .icon1 { margin: -0.1em 0.35em 0; color: #202c74; font-size: 1.6em; line-height: 1; }

.autoaddress-control { display: flex; flex-wrap: wrap; position: relative; }
 .autoaddress-text-box[class] { --orn: 4px; --bcf: var(--bcn); width: 100%; min-width: 0; }
 .autoaddress-button { display: none; }
 .autoaddress-autocomplete { position: absolute; left: 0; top: 40px; right: 0; overflow: auto; overflow-x: hidden; max-height: 352px; margin: -3px 0 0; padding: 0; border-radius: 0 0 4px 4px; border: 1px solid var(--c_o1t); background: var(--c_d8t); font: 15px/1.33 var(--ff_3); scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
 .autoaddress-autocomplete::-webkit-scrollbar { display: none; }
 input:focus ~ .autoaddress-autocomplete { border-color: var(--c_o2t); }
  .autoaddress-suggestion { margin: 0; padding: 8px 10px; color: var(--c_d3t); cursor: pointer; }
  .autoaddress-suggestion:hover, .autoaddress-suggestion.selected { background: var(--c_d7t); color: var(--c_d1t); }
 .autoaddress-options-msg { width: 100%; min-width: 0; margin-top: 8px; color: var(--c_e1t); font: 13px/16px var(--ff_3); }
 .autoaddress-options-msg.error { color: var(--c_e1t); }
 .autoaddress-options-msg.success { color: currentColor; }
 .autoaddress-exists { width: 100%; min-width: 0; margin-top: 8px; color: currentColor; font: 13px/16px var(--ff_3); }

@media screen and (max-width: 1023px) {
.autoaddress-autocomplete { max-height: 212px; }
}
 @media screen and (max-width: 719px) {
 .autoaddress-control { display: block; }
  .autoaddress-text-box[class] { width: 100%; }
  .autoaddress-autocomplete { right: 0; }
  .autoaddress-button { width: 100%; margin: 10px 0 0; }
 }


/**
* @name .welcome2
* @description Welcome block for modal
* @example { }
*/

.welcome2 { max-width: 500px; margin: 0 auto; padding: var(--s2) var(--sx); text-align: center; }
 .welcome2-title { }
  .welcome2-title .icon1 { display: block; margin-bottom: 10px; color: var(--c_brand); font-size: 50px; line-height: 1; }
 .welcome2-actions { max-width: 280px; margin: var(--s1) auto; padding: 0; }
  .welcome2-actions li { }
   .welcome2-actions li:before { display: none; }
   .welcome2-actions .button1 { width: 100%; }

.c-modal1 { display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 201; visibility: hidden; overflow: auto; overflow-x: hidden; width: 100%; height: 100%; padding: var(--s3) 0; background: rgba(255,255,255,0.75); opacity: 0; pointer-events: none; transition-property: var(--t8n_p2); overscroll-behavior: none; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.c-modal1.-still { --cm1y: 0 }
.c-modal1.-dark {  background: rgba(0,0,0,0.75); }
.c-modal1::-webkit-scrollbar { display: none; }
.c-modal1.-active, .c-modal1:target { visibility: visible; opacity: 1; pointer-events: auto; }
 .c-modal1-wrap { position: relative; width: 100%; margin: auto !important; border-radius: 10px; box-shadow: 0 0 50px rgba(0,0,0,0.15); background: #fff; transform: translateY(var(--cm1y, 50px)); transition: transform 0.35s var(--t8n_e1); will-change: transform; }
 .c-modal1-wrap { position: relative; width: calc(100% - 20px); margin: auto !important; border-radius: 10px; box-shadow: 0 0 50px rgba(0,0,0,0.15); background: #fff; transform: translateY(var(--cm1y, 50px)); transition: transform 0.35s var(--t8n_e1); will-change: transform; }
 .c-modal1.-active .c-modal1-wrap, .c-modal1:target .c-modal1-wrap { --cm1y: 0; }
  .c-modal1-close { --aown: 0; position: absolute; right: 15px; top: 15px; font: 20px/1 Icons; }
  .c-modal1-inner { padding: var(--s1); }


.iti {width: 100% !important; max-width: 400px;}
.iti__flag-container {top: 0px;}
.iti--separate-dial-code .iti__selected-flag {background-color: white !important;}
#f-phone {width: 100% !important; max-width: 400px;}


/** Topbar back button **/

.topbar-back {
  background: #FAFAFA;
  margin: 0px;
  padding: 16px;
}

a.topbar-back_link {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #696969;
  gap: 0.25rem;
  font-family: "Helvetica Neue", Arial, sans-serif;
  text-decoration: none;
  box-shadow: none;
}

a.topbar-back_link:hover {
  text-decoration: underline;
}

.topbar-back_svg {
  min-width: 12px;
  min-height: 12px;
}