html {
-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {
margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display:block}
audio,canvas,progress,video {
display:inline-block;vertical-align:baseline}
audio:not([controls]) {
display:none;height:0}
[hidden],template {
display:none}
a {
background:transparent}
a:active,a:hover {
outline:0}
abbr[title] {
border-bottom:0.0625rem dotted}
b,strong {
font-weight:bold}
dfn {
font-style:italic}
small {
font-size:80%}
sub,sup {
font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {
top:-.5em}
sub {
bottom:-.25em}
img {
border:0}
svg:not(:root) {
overflow:hidden}
figure {
margin:1em 0}
hr {
-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}
pre {
overflow:auto}
code,kbd,pre,samp {
font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea {
color:inherit;font:inherit;margin:0;-webkit-font-smoothing:antialiased}
button {
overflow:visible}
button,select {
text-transform:none}
.button {
outline:0}
button,html input[type='button'],input[type='reset'],input[type='submit'] {
-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled] {
cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {
border:0;padding:0}
input {
line-height:normal}
input[type='checkbox'],input[type='radio'] {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {
height:auto}
input[type='search'] {
-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration {
-webkit-appearance:none}
legend {
border:0;padding:0}
textarea {
overflow:auto}
optgroup {
font-weight:bold}
table {
border-collapse:collapse;border-spacing:0}
td,th {
padding:0}
html {
overflow-y:scroll}
html.iframed {
overflow-y:auto}
html.iframed--overflow-hidden {
overflow:hidden}
body {
background-color:#ffffff}
.is-modern .has-membership-access-requirement {
visibility:hidden !important}
::-moz-selection {
background:rgba(75,198,223,0.4)}
::selection {
background:rgba(75,198,223,0.4)}
head {
font-family:'mobile'}
@media (min-width: 30em) {
head {
font-family:'mobileLandscape'}
}
@media (min-width: 46.25em) {
head {
font-family:'tablet'}
}
@media (min-width: 61.25em) {
head {
font-family:'desktop'}
}
@media (min-width: 71.25em) {
head {
font-family:'leftCol'}
}
@media (min-width: 81.25em) {
head {
font-family:'wide'}
}
body:after {
border:0 !important;clip:rect(0 0 0 0) !important;height:0.0625rem !important;margin:-0.0625rem !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:0.0625rem !important;content:'mobile'}
@media (min-width: 30em) {
body:after {
content:'mobileLandscape'}
}
@media (min-width: 46.25em) {
body:after {
content:'tablet'}
}
@media (min-width: 61.25em) {
body:after {
content:'desktop'}
}
@media (min-width: 71.25em) {
body:after {
content:'leftCol'}
}
@media (min-width: 81.25em) {
body:after {
content:'wide'}
}
.dateline {
font-size:0.8125rem;line-height:1.125rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#767676}
@media (min-width: 46.25em) {
.dateline {
font-size:0.875rem;line-height:1.25rem}
}
.dateline i {
vertical-align:baseline}
.relative-timestamp {
display:block;color:#767676;margin:0}
.relative-timestamp span {
display:inline-block}
.relative-timestamp__icon {
vertical-align:-0.125rem}
ol,ul {
list-style-position:inside}
a,button,input[type='button'],input[type='submit'] {
-ms-touch-action:manipulation;touch-action:manipulation}
html {
font-family:"Guardian Text Egyptian Web",Georgia,serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
body {
line-height:1.5;color:#333}
html,body {
text-rendering:optimizeSpeed}
.should-kern body {
text-rendering:optimizeLegibility;-webkit-font-feature-settings:'kern';-moz-font-feature-settings:'kern';font-feature-settings:'kern';-webkit-font-kerning:normal;-moz-font-kerning:normal;font-kerning:normal;-webkit-font-variant-ligatures:common-ligatures;-moz-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures}
h1,h2,h3,h4,h5,h6 {
margin:0}
blockquote {
margin:0}
p {
margin-top:0;margin-bottom:0.5rem}
h3 {
font-size:1rem;line-height:1.5rem;font-family:"Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;margin-bottom:0.4375rem}
.type-5 {
font-size:1.125rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal}
.control__icon-wrapper,.social-icon {
width:1.875rem;height:1.875rem;border:0.0625rem solid #333;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-color:transparent}
.control__icon-wrapper,.social-icon,.control__icon-wrapper:active,.social-icon:active,.control__icon-wrapper:focus,.social-icon:focus,.control__icon-wrapper:hover,.social-icon:hover {
text-decoration:none;color:#333}
.u-unstyled,.inline-list,.linkslist {
margin:0;list-style:none}
a,.u-fauxlink {
color:#005689;cursor:pointer;text-decoration:none}
a:hover,a:focus,.u-fauxlink:hover,.u-fauxlink:focus {
text-decoration:underline}
a:active,.u-fauxlink:active {
color:#4bc6df;text-decoration:none}
.u-h {
border:0 !important;clip:rect(0 0 0 0) !important;height:0.0625rem !important;margin:-0.0625rem !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:0.0625rem !important}
@media (max-width: 29.99em) {
.hide-until-mobile-landscape {
display:none !important}
}
@media (max-width: 46.24em) {
.hide-until-tablet {
display:none !important}
}
@media (max-width: 71.24em) {
.hide-until-leftcol {
display:none !important}
}
@media (max-width: 81.24em) {
.hide-until-wide {
display:none !important}
}
@media (min-width: 30em) {
.hide-from-mobile-landscape {
display:none !important}
}
@media (min-width: 46.25em) {
.hide-from-tablet {
display:none !important}
}
@media (min-width: 71.25em) {
.hide-from-leftcol {
display:none !important}
}
@media (min-width: 81.25em) {
.hide-from-wide {
display:none !important}
}
.is-hidden,[hidden] {
display:none !important}
@media (min-width: 46.25em) {
.mobile-only {
display:none !important}
}
@media (max-width: 61.24em) {
.desktop-only {
display:none !important}
}
.hide-on-mobile {
display:none !important}
@media (min-width: 46.25em) {
.hide-on-mobile {
display:block !important}
}
.hide-on-mobile-inline {
display:none !important}
@media (min-width: 46.25em) {
.hide-on-mobile-inline {
display:inline !important}
}
@media (max-width: 19.99em) {
.tablet-only {
display:none !important}
}
@media (min-width: 61.25em) {
.tablet-only {
display:none !important}
}
@media (min-width: 20em) and (max-width: 61.24em) {
.hide-on-tablet {
display:none !important}
}
@media (min-width: 61.25em) {
.hide-on-desktop {
display:none !important}
}
.u-cf:after,.u-cf:before {
content:'';display:table}
.u-cf:after {
clear:both}
.u-baseline-top {
margin-top:0.75rem}
.skip:focus,.skip:active {
font-size:80%;display:block;color:#00456e;text-decoration:none;position:static !important;width:100% !important;height:1.125rem !important;text-align:center}
.u-responsive-ratio {
width:100%;padding-bottom:60%;position:relative;overflow:hidden}
.u-responsive-ratio img,.u-responsive-ratio object,.u-responsive-ratio embed,.u-responsive-ratio iframe,.u-responsive-ratio svg,.u-responsive-ratio video {
width:100%;height:100%;position:absolute;top:0;left:0}
.u-responsive-ratio--hd {
padding-bottom:56.25%}
.u-responsive-ratio--letterbox {
padding-bottom:40%}
.u-text-hyphenate {
word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
.u-test-ellipsis {
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u-button-reset {
display:block;margin:0;padding:0;border:0;width:100%;background:transparent}
.u-button-reset:focus {
outline:0}
.u-underline,.tonal--tone-media .from-content-api a {
text-decoration:none !important;border-bottom:0.0625rem solid #dcdcdc;-webkit-transition:border-color .15s ease-out;transition:border-color .15s ease-out}
.u-underline:hover,.u-underline:focus,.tonal--tone-media .from-content-api a:hover,.tonal--tone-media .from-content-api a:focus {
border-color:#6e99b3}
.u-underline:active,.tonal--tone-media .from-content-api a:active {
border-color:#4bc6df}
.u-nobr {
white-space:nowrap}
.flushp {
padding:0 !important}
.flushp--top {
padding-top:0 !important}
.meta-button {
background:transparent;border:0;margin:0;padding:0}
.u-font-weight-normal {
font-weight:normal}
.u-vertical-align-middle-icon svg {
vertical-align:middle}
.u-faux-block-link {
position:relative}
.u-faux-block-link a,.u-faux-block-link abbr[title],.u-faux-block-link__promote {
position:relative;z-index:1}
.u-faux-block-link__overlay {
top:0;right:0;bottom:0;left:0;overflow:hidden;text-indent:200%;white-space:nowrap;background:transparent}
a.u-faux-block-link__overlay {
position:absolute;z-index:0;opacity:0}
a.u-faux-block-link__overlay:focus {
outline:none}
.u-faux-block-link--hover .u-faux-block-link__cta {
text-decoration:underline}
dt {
font-weight:bold}
menu,ol,ul {
padding:0;margin-left:1.5625rem}
nav ul,nav ol {
list-style:none;list-style-image:none}
.inline-list__item {
display:inline-block}
.inline-icon {
fill:#ffffff}
.inline-icon svg {
overflow:visible}
.inline-icon--light-grey {
fill:#bdbdbd}
.inline-close--small svg {
height:100%;width:45%}
.inline-tone-fill {
fill:#005689}
.tonal--tone-comment .inline-tone-fill {
fill:#e6711b}
.tonal--tone-feature .inline-tone-fill {
fill:#951c55}
.tonal--tone-review .inline-tone-fill {
fill:#7d7569}
.tonal--tone-editorial .inline-tone-fill {
fill:#005689}
.tonal--tone-analysis .inline-tone-fill {
fill:#4bc6df}
.tonal--tone-live .inline-tone-fill,.tonal--tone-dead .inline-tone-fill {
fill:#b51800}
.tonal--tone-media .inline-tone-fill {
fill:#fb0}
.tonal--tone-special-report .inline-tone-fill {
fill:#fb0}
.inline-icon__fallback {
display:none}
.inline-icon__fallback {
display:none !important}
.no-svg .inline-icon {
display:none !important}
.no-svg .inline-icon__fallback {
display:block !important}
.gs-container {
position:relative;margin:0 auto}
@media (min-width: 46.25em) {
.gs-container {
max-width:46.25rem}
}
@media (min-width: 61.25em) {
.gs-container {
max-width:61.25rem}
}
@media (min-width: 71.25em) {
.gs-container {
max-width:71.25rem}
}
@media (min-width: 81.25em) {
.gs-container {
max-width:81.25rem}
}
.l-header {
position:relative;z-index:1000}
@media (min-width: 81.25em) {
.has-page-skin .l-header .gs-container {
width:61.25rem}
}
.l-header--is-slim {
background:#005689}
.l-header--is-slim .l-header__inner:after,.l-header--is-slim .l-header__inner:before {
content:'';display:table}
.l-header--is-slim .l-header__inner:after {
clear:both}
.l-header--is-slim.l-header--is-slim-ab {
background:#005689}
.l-header--is-slim .hide-on-slim-header {
display:none !important}
.l-header--is-slim .show-on-slim-header {
display:block !important}
.l-header--animate {
-webkit-transition:margin-top 1s cubic-bezier(0, 0, 0, 0.985);transition:margin-top 1s cubic-bezier(0, 0, 0, 0.985)}
.logo-wrapper {
position:relative;float:right;margin:0.1875rem 0.625rem 0.75rem 0}
.logo-wrapper svg {
width:10rem;height:1.875rem}
.logo-wrapper .logo-tagline {
height:0}
.logo-wrapper .logo-tagline__link {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;position:absolute;top:3rem;right:0.125rem;color:#aad8f1;font-weight:bold}
@media (min-width: 46.25em) {
.logo-wrapper {
margin-top:-0.375rem;margin-bottom:0.375rem}
.logo-wrapper svg {
width:22.5rem;height:4.25rem}
}
.l-header--is-slim .logo-wrapper {
margin-top:0.5625rem;margin-bottom:0;float:left}
@media (min-width: 46.25em) {
.l-header--is-slim .logo-wrapper svg {
width:10rem;height:1.875rem}
}
.no-svg .l-header--is-slim .logo-wrapper .inline-logo {
width:10rem;height:1.875rem}
.logo-wrapper .inline-logo {
display:block}
.no-svg .logo-wrapper .inline-logo {
width:10rem;height:1.875rem}
@media (min-width: 46.25em) {
.no-svg .logo-wrapper .inline-logo {
width:20rem;height:3.75rem}
}
.l-header-pre,.l-header--is-slim .l-header-pre {
float:left}
.l-header-pre {
min-width:8.75rem;z-index:1020;position:relative}
@media (min-width: 46.25em) {
.l-header-pre {
float:none}
}
.l-header-main {
position:relative;z-index:2}
.l-header--is-slim .l-header-main {
float:right}
.nav-is-open {
overflow:hidden;width:100%}
.new-header {
background-color:#005689}
@media (min-width: 46.25em) {
.new-header {
display:none !important}
}
.new-header__inner {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.new-header__logo-wrapper {
padding-top:0.375rem;padding-bottom:0.375rem;margin-left:auto}
.new-header__logo__svg {
display:block;height:auto;padding-right:0.625rem}
@media (max-width: 23.4275em) {
.new-header__logo__svg {
width:10.625rem;height:-webkit-calc(3 / 16 * 10.625rem);height:calc(3 / 16 * 10.625rem)}
}
@media (min-width: 23.4375em) and (max-width: 29.99em) {
.new-header__logo__svg {
width:14.0625rem;height:-webkit-calc(3 / 16 * 14.0625rem);height:calc(3 / 16 * 14.0625rem)}
}
@media (min-width: 30em) {
.new-header__logo__svg {
width:16.25rem;height:-webkit-calc(3 / 16 * 16.25rem);height:calc(3 / 16 * 16.25rem);padding:0.375rem 0.625rem 0;margin-right:0.625rem}
}
.new-header__nav {
font-size:0;width:100%;overflow:hidden}
@media (max-width: 19.99em) {
.new-header__nav {
height:1.875rem;margin-right:4.85417rem}
}
@media (min-width: 30em) {
.new-header__nav {
margin-left:0.625rem}
}
.new-header__nav__menu-button {
position:absolute;border:0;outline:none;-webkit-border-radius:50%;border-radius:50%;z-index:1049;background-color:#4bc6df;cursor:pointer;bottom:-0.375rem}
@media (max-width: 23.4275em) {
.new-header__nav__menu-button {
height:2.625rem;min-width:2.625rem;right:1.8125rem}
}
@media (min-width: 23.4375em) {
.new-header__nav__menu-button {
height:3.25rem;width:3.25rem;right:2.3125rem}
}
@media (min-width: 30em) {
.new-header__nav__menu-button {
right:3.4375rem}
}
.new-header__nav__menu-button--open {
z-index:1071;-webkit-box-shadow:0 0 0 0.0625rem rgba(0,0,0,0.08);box-shadow:0 0 0 0.0625rem rgba(0,0,0,0.08)}
.new-header__nav__menu-button--open:before {
content:'';position:absolute}
@media (max-width: 23.4275em) {
.new-header__nav__menu-button--open:before {
height:5.25rem;width:2.625rem;top:-1.3125rem;right:1.3125rem;-webkit-border-radius:5.25rem 0 0 5.25rem;border-radius:5.25rem 0 0 5.25rem}
}
@media (min-width: 23.4375em) {
.new-header__nav__menu-button--open:before {
height:6.5rem;width:3.25rem;top:-1.625rem;right:1.625rem;-webkit-border-radius:6.5rem 0 0 6.5rem;border-radius:6.5rem 0 0 6.5rem}
}
.new-header__veggie-burger-icon {
top:50%;display:block;margin-top:-0.0625rem;left:0;right:0;margin-left:auto;margin-right:auto}
.new-header__veggie-burger-icon,.new-header__veggie-burger-icon:before,.new-header__veggie-burger-icon:after {
content:'';position:absolute;width:1.25rem;height:0.125rem;background-color:#ffffff}
.new-header__veggie-burger-icon:before {
top:-0.3125rem}
.new-header__veggie-burger-icon:after {
bottom:-0.3125rem}
.new-header__nav__menu-button--open .new-header__veggie-burger-icon {
background-color:transparent}
.new-header__nav__menu-button--open .new-header__veggie-burger-icon:before {
top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.new-header__nav__menu-button--open .new-header__veggie-burger-icon:after {
bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.new-header__nav-primary-links {
margin:0}
.new-header__nav-link-item {
display:inline-block}
.new-header__nav-link-item:last-of-type>a:after {
content:''}
.new-header__nav-link {
font-size:1rem;line-height:1.375rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;position:relative;display:block;padding-left:.3em;padding-right:.35em;line-height:1.875rem;color:#aad8f1;cursor:pointer}
@media (min-width: 20em) and (max-width: 29.99em) {
.new-header__nav-link {
font-size:1rem;font-size:5.1vw}
}
@media (min-width: 23.4375em) and (max-width: 29.99em) {
.new-header__nav-link {
line-height:2.25rem}
}
@media (min-width: 30em) {
.new-header__nav-link {
font-size:1.5rem;line-height:2.625rem}
}
.new-header__nav-link:focus,.new-header__nav-link:hover {
text-decoration:none}
.new-header__nav-link-item:first-child .new-header__nav-link {
padding-left:0.625rem}
.new-header__nav-link:after {
content:'/';font-size:1em;position:absolute;pointer-events:none;top:0;right:-.19em;color:#4bc6df}
.main-menu-container {
position:fixed;top:0;right:0;bottom:0;left:0;line-height:1;z-index:1070;-webkit-box-shadow:0.1875rem 0 1rem rgba(0,0,0,0.4);box-shadow:0.1875rem 0 1rem rgba(0,0,0,0.4)}
.main-menu-container__overlay {
background-color:rgba(0,0,0,0.5);position:fixed;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);z-index:1050;display:none}
.main-menu-container__menu {
height:100%;background-color:#00456e;color:#ffffff;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;text-transform:lowercase;overflow:auto;-webkit-overflow-scrolling:touch;font-size:1.25rem;will-change:transform;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1)}
@media (max-width: 23.4275em) {
.main-menu-container__menu {
padding-top:0.25rem}
}
@media (min-width: 23.4375em) {
.main-menu-container__menu {
font-size:1.375rem;padding-top:0.75rem}
}
.main-menu-container.off-screen .main-menu-container__menu {
-webkit-transform:translateX(-110%);transform:translateX(-110%);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1)}
.main-menu-container {
-webkit-transform:translateX(-110%);transform:translateX(-110%);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1)}
@media (max-width: 23.4275em) {
.main-menu-container {
margin-right:3.125rem}
}
@media (min-width: 23.4375em) and (max-width: 29.99em) {
.main-menu-container {
margin-right:3.9375rem}
}
@media (min-width: 30em) {
.main-menu-container {
margin-right:5.0625rem}
}
.new-header__nav-trigger {
display:none}
.new-header__nav-trigger:checked ~ .main-menu-container,.new-header__nav-trigger[aria-expanded='true'] ~ .main-menu-container {
-webkit-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:-webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1)}
.new-header__nav-trigger:checked ~ .main-menu-container__overlay,.new-header__nav-trigger[aria-expanded='true'] ~ .main-menu-container__overlay {
opacity:1;-webkit-transition:opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);display:block}
.main-navigation {
margin-left:0;margin-top:-0.0625rem;margin-bottom:0;text-transform:lowercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}
.main-navigation__item {
list-style:none;color:#aad8f1;width:100%}
.main-navigation__item:last-child>details[open] {
margin-bottom:0.75rem}
.main-navigation__item__button {
position:relative;padding-top:0.375rem;padding-left:3.125rem;padding-bottom:1rem;cursor:pointer}
.main-navigation__item__button:focus,.main-navigation__item__button:hover {
outline:0}
.main-navigation__item__button::-webkit-details-marker {
display:none}
.main-navigation__item__button .main-menu__icon--chevron:before {
border-color:#197caa}
.main-menu__icon--chevron {
margin-top:-.2em}
.main-menu__icon--chevron:before {
content:'';display:inline-block;width:0.5rem;height:0.5rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:0.125rem;border-style:solid;border-top:0;border-left:0}
details[open] .main-menu__icon--chevron {
margin-top:.1em}
details[open] .main-menu__icon--chevron:before {
-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.main-menu__icon {
position:absolute;left:0.625rem;text-align:center;width:2.5rem}
.main-menu__icon__svg {
fill:#197caa;margin-top:-.05em;width:1em;height:1em}
.main-navigation__secondary {
color:#ffffff;background:#00385a}
.main-navigation__secondary .main-menu__icon__svg {
margin-top:-.24em;width:.8em;height:.8em}
.navigation-border,[data-link-name='nav2 : the guardian app'] {
margin-top:-0.0625rem;position:relative}
.navigation-border:before,[data-link-name='nav2 : the guardian app']:before {
content:'';position:absolute;top:0;left:3.125rem;right:0;height:0.0625rem;background:#00385a}
[data-link-name='nav2 : the guardian app'],[data-link-name='nav2 : facebook'] {
margin-top:1.5rem}
.navigation-group {
margin-left:0;margin-top:0;margin-bottom:0}
.navigation-group--contrast {
color:#00456e;background-color:#4bc6df;padding-bottom:0.75rem}
.navigation-group--contrast .main-menu__icon__svg {
fill:#005689}
.navigation-group--contrast .personalisation__icon:before {
border-color:#005689}
.navigation-group__item {
list-style:none;position:relative;font-size:1em}
details[open] .navigation-group__item:last-child {
padding-bottom:0.75rem}
.navigation-group__item a {
display:block;padding-top:0.5rem;padding-right:1.25rem;padding-bottom:0.5rem;padding-left:3.125rem;color:inherit}
.navigation-group__item a:focus,.navigation-group__item a:hover {
text-decoration:none;outline:0}
.secondary-navigation {
font-size:1.125rem}
.secondary-navigation:last-child {
margin-bottom:2.25rem}
.main-menu__icon--social__svg {
margin-top:-.4em;width:1.8em;height:1.8em}
.navigation-group__search-container {
font-size:.8em;margin:0.375rem 2.5rem 0.75rem 0.625rem;overflow:hidden}
.navigation-group__search-box {
border:0;vertical-align:middle;background-color:#005689;padding-left:2.5rem;-webkit-border-radius:62.5rem;border-radius:62.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:2.25rem;width:100%;max-width:18.75rem}
.navigation-group__search-box::-webkit-input-placeholder {
color:#aad8f1}
.navigation-group__search-box::-moz-placeholder {
color:#aad8f1}
.navigation-group__search-box:-ms-input-placeholder {
color:#aad8f1}
.navigation-group__search-box::placeholder {
color:#aad8f1}
.navigation-group__search-box:focus {
outline:none;color:#333;background-color:#ffffff}
.navigation-group__search-box:focus::-webkit-input-placeholder {
color:#bdbdbd}
.navigation-group__search-box:focus::-moz-placeholder {
color:#bdbdbd}
.navigation-group__search-box:focus:-ms-input-placeholder {
color:#bdbdbd}
.navigation-group__search-box:focus::placeholder {
color:#bdbdbd}
.navigation-group__search-box:focus ~ label .main-menu__icon--search {
fill:#767676}
.main-menu__icon--search {
top:0.5625rem}
.main-menu__icon--search__svg {
margin-top:0;width:1.125rem;height:1.125rem}
.navigation-group__item--user-account .user-account__signed-in {
display:none}
.navigation-group__item--user-account .user-account__signed-in .main-navigation__item__button {
padding-bottom:0.5rem}
.navigation-group__item--user-account.user-signed-in .user-account__signed-in {
display:block}
.navigation-group__item--user-account.user-signed-in .user-account__login {
display:none}
.personalisation__links {
margin-left:0;background-color:#25b5d2}
.navigation-group__item--edition-picker .main-navigation__item__button {
padding-bottom:0.5rem}
.navigation-group__item--edition-picker details[open] .personalisation__links {
margin-bottom:-0.75rem}
.personalisation__link {
color:#00456e}
.personalisation__link:last-child {
padding-bottom:0.75rem}
@media (max-width: 46.24em) {
.weather {
padding-top:0.0625rem}
.fc-container--first .fc-container__inner,.index-page-header {
padding-top:0.5625rem}
.content__labels {
padding:0.5625rem 0}
}
.section-indicator {
color:#ffffff}
.section-indicator:before {
content:'';position:absolute;left:49%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-bottom:0.375rem solid #5c6268;border-left:0.375rem solid transparent;border-right:0.375rem solid transparent}
x:-o-prefocus,.main-menu-container,x:-o-prefocus,.new-header__nav__menu-button {
display:none}
@media (max-width: 29.99em) {
.content__head:not(.tonal__head--tone-dead):not(.tonal__head--tone-live):not(.tonal__head--tone-media) {
margin-right:-0.625rem;margin-left:-0.625rem}
}
@media (min-width: 30em) and (max-width: 41.24em) {
.content__head:not(.tonal__head--tone-dead):not(.tonal__head--tone-live):not(.tonal__head--tone-media) {
margin-right:-1.25rem;margin-left:-1.25rem}
}
@media (min-width: 41.25em) and (max-width: 46.24em) {
.media-primary,.content__head {
margin-left:-1.25rem;margin-right:-1.25rem}
}
@media (max-width: 46.24em) {
.reveal-caption {
position:absolute;right:0.3125rem;width:2rem;height:2rem;z-index:1;background-color:rgba(51,51,51,0.4);-webkit-border-radius:50%;border-radius:50%}
.reveal-caption--img {
bottom:0.375rem}
.caption--main.caption--video {
padding-bottom:0}
.caption--main.caption--img {
position:absolute;left:0;right:0;bottom:0;background:rgba(22,22,22,0.8);color:#ffffff;display:none;padding:0.375rem 2.5rem 0.75rem 0.625rem;max-width:100%}
}
@media (max-width: 46.24em) and (min-width: 30em) {
.caption--main.caption--img {
padding-left:1.25rem}
}
@media (max-width: 46.24em) {
.caption--main.caption--img a {
color:#ffffff}
.caption--main.caption--img:before {
content:none}
input[id='show-caption']:checked ~ .caption--main {
display:block}
input[id='show-caption']:checked ~ .reveal-caption {
background-color:#161616}
}
.subnav {
font-size:0;background-color:#5c6268;padding-top:0.25rem;padding-left:0.625rem;padding-right:0.625rem;margin-left:-0.25rem;border-bottom:0.25rem solid #5c6268;max-height:2.55rem;overflow:hidden;z-index:1;position:relative}
.subnav:before {
content:'';float:right;width:3.8125rem;height:0.0625rem}
@media (min-width: 20em) {
.subnav {
max-height:2.625rem;max-height:13vw}
}
@media (min-width: 23.4375em) {
.subnav:before {
width:4.9375rem}
}
@media (min-width: 30em) {
.subnav {
padding-left:1.25rem;margin-left:-0.3125rem}
.subnav:before {
width:6.0625rem}
}
.subnav__link-item {
display:inline-block}
.subnav__link-item:last-of-type>a:after {
content:''}
.subnav__link {
font-size:1rem;line-height:1.375rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;position:relative;display:block;padding-left:.3em;padding-right:.35em;color:#dcdcdc;line-height:1.3em}
@media (min-width: 20em) and (max-width: 29.99em) {
.subnav__link {
font-size:1rem;font-size:5.1vw}
}
@media (min-width: 30em) {
.subnav__link {
font-size:1.375rem;max-height:3.6rem}
}
.subnav__link:hover,.subnav__link:focus {
text-decoration:none}
.subnav__link:after {
content:'/';font-size:1em;position:absolute;pointer-events:none;top:0;right:-.19em;color:rgba(255,255,255,0.3)}
.subnav__link--toggle-more {
background:transparent;border:0;color:#bdbdbd;padding-bottom:0;padding-top:0}
.subnav__link--toggle-more:after {
display:none}
.subnav__link--current-section {
color:#ffffff}
.header__supporter-cta {
position:absolute;font-family:'Guardian Egyptian Web', 'Guardian Text Egyptian Web', Georgia, serif;font-weight:500;left:0.25rem;padding:0.625rem 1.4375rem 0.75rem 0.75rem;font-size:0.8125rem;line-height:.95;color:#00456e;overflow:hidden;z-index:3}
.header__supporter-cta>span {
display:block}
.header__supporter-cta:hover,.header__supporter-cta:focus {
text-decoration:none;color:#00456e}
.header__supporter-cta:before {
content:'';position:absolute;top:-0.375rem;left:0.0625rem;right:0;border-top:3rem solid #4bc6df;border-left:0.3125rem solid transparent;border-right:1.25rem solid transparent;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);z-index:-1}
@media (max-width: 19.99em) {
.header__supporter-cta {
display:none}
}
@media (min-width: 23.4375em) {
.header__supporter-cta {
padding-top:0.875rem;font-size:0.875rem}
.header__supporter-cta:before {
border-top-width:3.375rem}
}
@media (min-width: 30em) {
.header__supporter-cta {
left:0.625rem}
}
x:-o-prefocus,.header__supporter-cta {
display:none}
.monocolumn-wrapper {
padding-left:0.625rem;padding-right:0.625rem}
@media (min-width: 30em) {
.monocolumn-wrapper {
padding-left:1.25rem;padding-right:1.25rem}
}
@media (min-width: 46.25em) {
.monocolumn-wrapper {
max-width:38.75rem;margin-left:auto;margin-right:auto}
}
.monocolumn-wrapper .page-header {
margin-left:0;margin-right:0}
@media (min-width: 61.25em) {
.monocolumn-wrapper--no-limit-desktop {
max-width:none}
}
.component {
margin-bottom:1.25rem}
.component--rhc {
display:none}
@media (min-width: 61.25em) {
.component--rhc {
display:block;margin-top:2.25rem}
}
.component--rhc:first-child {
margin-top:0}
.component--rhc:last-child {
margin-bottom:2.25rem}
@media (min-width: 46.25em) {
.gs-container {
max-width:46.25rem}
}
@media (min-width: 61.25em) {
.gs-container {
max-width:61.25rem}
}
@media (min-width: 71.25em) {
.gs-container {
max-width:71.25rem}
}
@media (min-width: 81.25em) {
.gs-container {
max-width:81.25rem}
}
.img--inline {
float:left;clear:left;width:7.125rem}
@media (min-width: 30em) {
.img--inline {
width:8.75rem}
}
.img--inline figcaption {
padding-top:0.25rem;word-wrap:break-word}
.loading,.preload-msg {
padding:3.125rem 3.125rem 15.625rem;text-align:center}
.loading .loading__link,.loading .accessible-link,.preload-msg .loading__link,.preload-msg .accessible-link {
font-size:0.8125rem;line-height:1.125rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;display:inline-block}
.loading .loading__animation,.preload-msg .is-updating {
display:block;margin:0.625rem auto}
.l-side-margins {
position:relative;height:100%}
@media (min-width: 46.25em) {
.l-side-margins:after,.l-side-margins:before {
content:'';position:absolute;z-index:1;background:rgba(51,51,51,0.05);top:0;height:100%;width:0}
.l-side-margins:before {
left:0}
.l-side-margins:after {
right:0}
.l-side-margins:before,.l-side-margins:after {
width:-webkit-calc((100% - 46.25rem) / 2);width:calc((100% - 46.25rem) / 2)}
}
@media (min-width: 61.25em) {
.l-side-margins:before,.l-side-margins:after {
width:-webkit-calc((100% - 61.25rem) / 2);width:calc((100% - 61.25rem) / 2)}
}
@media (min-width: 71.25em) {
.l-side-margins:before,.l-side-margins:after {
width:-webkit-calc((100% - 71.25rem) / 2);width:calc((100% - 71.25rem) / 2)}
}
@media (min-width: 81.25em) {
.l-side-margins:before,.l-side-margins:after {
width:-webkit-calc((100% - 81.25rem) / 2);width:calc((100% - 81.25rem) / 2)}
.has-page-skin .l-side-margins {
margin-left:auto;margin-right:auto;width:61.25rem}
.has-page-skin .l-side-margins:before,.has-page-skin .l-side-margins:after {
display:none}
}
@media (min-width: 46.25em) {
.l-side-margins--media:after,.l-side-margins--media:before {
background:rgba(0,0,0,0.25)}
.container__banding+.container__banding .l-side-margins--media:after,.container__banding+.container__banding .l-side-margins--media:before {
background:rgba(51,51,51,0.15)}
}
.l-side-margins--paidgallery:before,.l-side-margins--paidgallery:after {
content:none}
@media (min-width: 46.25em) {
.has-flex .l-row {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}
.has-flex .l-row--reverse {
-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.has-flex .l-row__item {
-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;width:0}
.has-flex .l-row__item--boost-1 {
-webkit-box-flex:1.5;-webkit-flex-grow:1.5;-ms-flex-positive:1.5;flex-grow:1.5}
.has-flex .l-row__item--boost-2 {
-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2}
}
@media (max-width: 46.24em) {
.has-flex .l-row--layout-m {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.has-flex .l-row--layout-m .l-row__item {
-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
.has-flex .l-row--layout-m .l-row__item--break-m {
-webkit-box-flex:1;-webkit-flex:1 100%;-ms-flex:1 100%;flex:1 100%}
}
.has-no-flex .l-row {
width:58.75rem}
.has-no-flex .l-row:after,.has-no-flex .l-row:before {
content:'';display:table}
.has-no-flex .l-row:after {
clear:both}
.has-no-flex .l-row__item {
float:left}
.has-no-flex .l-row--items-2 .l-row__item {
width:29.375rem}
.has-no-flex .l-row--items-3 .l-row__item {
width:19.58333rem}
.has-no-flex .l-row--items-4 .l-row__item {
width:14.6875rem}
.popup--default {
background:#f6f6f6;-webkit-box-shadow:0 0.0625rem 0.0625rem 0 rgba(0,0,0,0.25);box-shadow:0 0.0625rem 0.0625rem 0 rgba(0,0,0,0.25);left:0;top:2.6875rem;padding:0}
.popup {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;margin:0;list-style:none;min-width:8.75rem}
@media (min-width: 30em) {
.popup {
right:auto;bottom:auto;top:2.8125rem}
}
@media (min-width: 46.25em) {
.brand-bar__item--has-control .popup {
left:2.875rem}
}
.l-header--is-slim .brand-bar__item--has-control .popup {
left:0}
@media (min-width: 46.25em) {
.brand-bar__item--right .popup {
left:auto;right:0}
}
.popup__group {
z-index:3;margin:0;padding:0 0.625rem}
.popup__group-header {
font-size:0.8125rem;line-height:1.125rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#767676;padding:0.375rem 0.625rem;border-top:0.0625rem solid #dcdcdc;padding-bottom:0;margin:0}
.popup__group-header:first-of-type {
border-top:0}
.has-popup {
cursor:default;position:relative}
.popup-container {
position:relative;z-index:11}
.popup__toggle:after {
content:'';display:inline-block;pointer-events:none;width:0;height:0;border-bottom:0;margin-top:0.125rem;margin-bottom:0.125rem;margin-left:0.25rem;border-left:0.25rem solid transparent;border-right:0.25rem solid transparent;border-top:0.25rem solid #f6f6f6}
@media (min-width: 46.25em) {
.popup__toggle.is-active:after,.is-active>.popup__toggle:after,.is-not-modern .brand-bar__item--has-control:hover .popup__toggle:after,.is-not-modern .is-signed-in.brand-bar__item--profile:hover .popup__toggle:after {
border-top:0;border-bottom:0.25rem solid #f6f6f6}
}
.popup__toggle.is-active:before,.is-active>.popup__toggle:before,.is-not-modern .brand-bar__item--has-control:hover .popup__toggle:before,.is-not-modern .is-signed-in.brand-bar__item--profile:hover .popup__toggle:before {
content:'';display:inline-block;width:0;height:0;border-top:0;position:absolute;left:50%;border-left:0.375rem solid transparent;border-right:0.375rem solid transparent;border-bottom:0.375rem solid #f6f6f6;top:2.4375rem}
@media (min-width: 46.25em) {
.has-popup .popup__toggle.is-active:before,.has-popup .is-active>.popup__toggle:before {
margin-left:1.0625rem}
}
@media (max-width: 46.24em) {
.brand-bar__item--search .popup__toggle.is-active:before,.brand-bar__item--search .is-active>.popup__toggle:before {
margin-left:-0.375rem}
}
@media (min-width: 46.25em) {
.brand-bar__item--right .popup__toggle.is-active:before,.brand-bar__item--right .is-active>.popup__toggle:before {
margin-left:-0.75rem}
}
.popup__toggle.is-active:before,.l-header--is-slim .popup__toggle.is-active:before,.is-active>.popup__toggle:before,.l-header--is-slim .is-active>.popup__toggle:before {
margin-left:-0.375rem}
@media (max-width: 46.24em) {
.l-header .popup__toggle:after {
display:none}
}
.l-header--is-slim.l-header .popup__toggle:after {
display:none}
.popup__item {
display:block;line-height:2.25rem}
.popup__item a {
border-bottom:0.0625rem solid #dfdfdf}
.popup__item:last-child {
border-bottom:0}
.popup__item,.popup__action {
text-align:left}
.popup .brand-bar__item--action,.popup .brand-bar__item--action:hover {
display:block;white-space:nowrap;color:#333;line-height:2.25rem}
.popup .brand-bar__item--inline-action {
display:inline-block !important;margin-right:0.3125rem}
.brand-bar__item--profile:not(.is-signed-in) .popup__toggle:before,.brand-bar__item--profile:not(.is-signed-in) .popup__toggle:after {
display:none !important}
.popup--search {
z-index:1030;padding:0;right:0;padding-top:0.3125rem;min-height:3.1875rem;top:2.25rem 0.25rem}
@media (min-width: 30em) {
.popup--search {
top:2.8125rem}
}
@media (min-width: 46.25em) {
.popup--search {
right:auto;width:40rem;min-height:4.25rem;left:0.625rem;padding:1.25rem;padding-top:1.5625rem}
}
@media (min-width: 71.25em) {
.popup--search {
left:50%;margin-left:-35rem}
}
@media (min-width: 81.25em) {
.popup--search {
margin-left:-40rem}
}
.popup--search .search-box {
margin-bottom:-0.0625rem}
.ad-feedback.popup__toggle {
position:absolute;padding-right:0.625rem;right:0;top:0;cursor:pointer}
.ad-feedback.popup__toggle::after {
border-top-color:#6e6e6e;border-bottom-color:#6e6e6e}
.ad-feedback.popup__toggle::before {
display:none}
.ad-feedback.popup {
width:15rem;top:100%;left:auto;right:0.625rem;border:0.0625rem solid #dcdcdc;z-index:1050;padding:0}
.ad-feedback.popup ul {
margin:0}
.ad-feedback.popup li.popup__item::before {
content:none}
.ad-feedback.popup .popup__group-header {
padding-bottom:0.375rem;border-bottom:0.0625rem solid #dcdcdc}
.ad-feedback.popup .popup__item--other {
padding:0 0.625rem}
.ad-feedback.popup .ad-feedback__submit-button {
position:absolute;width:2.25rem;height:2.25rem;bottom:0;right:0;border:0;padding:0;background:transparent}
.ad-feedback.popup .ad-feedback__submit-button:focus,.ad-feedback.popup .ad-feedback__submit-button:hover {
background:#dfdfdf}
.ad-feedback.popup .popup__item--option {
position:relative;border-bottom:0.0625rem solid #dcdcdc}
.ad-feedback.popup .popup__item--option>button {
cursor:pointer;padding:0 0.625rem;width:100%;border:0;background:transparent;text-align:left}
.ad-feedback.popup .popup__item--option>button:focus,.ad-feedback.popup .popup__item--option>button:hover {
background:#dfdfdf}
.ad-feedback.popup .ad-feedback__comment-field {
padding:0.125rem;width:9.0625rem}
.ad-feedback.popup .inline-icon {
fill:#333}
.ad-slot--dark .ad-feedback.popup {
background:#161616;border-color:#333;color:#bdbdbd}
.ad-slot--dark .ad-feedback.popup .popup__group-header {
color:#bdbdbd;border-bottom-color:#333}
.ad-slot--dark .ad-feedback.popup .popup__item--option {
border-bottom-color:#333}
.ad-slot--dark .ad-feedback.popup .popup__item--option:hover {
background:#333}
.ad-slot--dark .ad-feedback.popup .inline-icon {
fill:#bdbdbd}
.ad-slot--dark .ad-feedback.popup input {
color:#333}
@media (max-width: 46.24em) {
.fc-container .ad-slot--container-inline .ad-feedback.popup {
top:-0.625rem;left:0.625rem}
}
@media (max-width: 61.24em) {
.fc-slice__popular-mpu .ad-feedback.popup {
top:-0.625rem;left:0.625rem}
}
.nav {
list-style:none;margin:0;padding:0.5rem 0 0.25rem}
.nav .nav__item--full {
width:100%;margin:0}
.nav>li,.nav>li>a {
display:inline-block;zoom:1}
.nav--columns {
padding:0 0.625rem}
@media (min-width: 30em) {
.nav--columns {
padding-left:1.25rem;padding-right:1.25rem}
}
.nav--columns>.nav__item {
float:left;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:0.625rem}
.nav--columns>.nav__item:nth-child(odd) {
clear:left}
.nav--columns>.nav__item:nth-child(even) {
padding-right:0;padding-left:0.625rem}
.nav--columns .nav__link {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900;display:block;padding:0.1875rem 0 1rem;border-top:0.0625rem solid #f0f0f0;height:auto;background-color:transparent;-webkit-font-smoothing:subpixel-antialiased;text-decoration:none}
.nav--columns .nav__link:link,.nav--columns .nav__link:visited {
color:#333}
.nav--columns .nav__link:hover,.nav--columns .nav__link:focus {
color:#94b1ca}
.nav--columns-football {
padding-top:0.5rem;padding-bottom:0.25rem}
.nav .nav__item .nav__link--faded:link,.nav .nav__item .nav__link--faded:visited {
color:#767676}
.nav .nav__item .nav__link--faded:hover,.nav .nav__item .nav__link--faded:focus {
color:#94b1ca}
.nav--columns-football,.nav--no-horizontal-spacing {
padding-left:0;padding-right:0}
@media (min-width: 46.25em) {
.nav--guardian-services .nav__link {
position:relative;top:-0.0625rem}
}
.video-nav-test-icon svg {
height:0.625rem;width:0.9375rem;margin-left:0.3125rem}
.brand-bar {
background-color:#005689;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:0.625rem;padding-right:0.625rem}
.brand-bar__item {
font-size:0.875rem;line-height:1.25rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;color:#fff;height:2.25rem;padding-top:0.375rem;padding-bottom:0.375rem}
.brand-bar__item,.l-header--is-slim .brand-bar__item {
margin-right:0.1875rem;margin-left:0.1875rem}
@media (min-width: 46.25em) {
.brand-bar__item {
margin-right:0.625rem;margin-left:0.625rem}
}
.brand-bar__item .brand-bar__item--split--first {
margin-left:0.3125rem;height:2.25rem}
.brand-bar__item--split--first::after {
content:'\200B';border-right:0.0625rem solid rgba(255,255,255,0.2);left:0.625rem;position:relative;height:1.5rem;bottom:-0.375rem;display:block}
.brand-bar__item--split--last {
padding-left:0.625rem;height:2.25rem}
.brand-bar__item--action:active .control__icon-wrapper,.brand-bar__item--action:focus .control__icon-wrapper,.brand-bar__item--action.is-active .control__icon-wrapper {
border-color:#ffffff}
.brand-bar__item--action:hover .control__icon-wrapper {
border-color:#ffffff}
.brand-bar__item--action:hover .control__icon-wrapper--text {
border-color:rgba(255,255,255,0.3)}
.brand-bar__item--action,.brand-bar__item--action:focus {
cursor:pointer;color:#fff;display:inline-block;vertical-align:middle;text-decoration:none;line-height:2.25rem}
.brand-bar__item--action:focus,.brand-bar__item--action:focus .control__info,.brand-bar__item--action:active,.brand-bar__item--action:active .control__info {
text-decoration:underline}
.brand-bar__item--action:hover,.brand-bar__item--action:hover .control__info {
text-decoration:underline}
.brand-bar__item--right {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right}
.l-header--is-slim .brand-bar__item--right {
float:left}
.brand-bar__item--search {
padding-left:0}
.brand-bar__item--search .popup__toggle:after {
display:none}
.brand-bar__item--edition {
cursor:pointer}
.brand-bar__item--subscribe .control__icon-wrapper {
border:0}
.is-not-modern .brand-bar__item--has-control:hover .popup,.is-not-modern .brand-bar__item--has-control:focus .popup,.is-not-modern .is-signed-in.brand-bar__item--profile:hover .popup,.is-not-modern .is-signed-in.brand-bar__item--profile:focus .popup {
display:block}
.brand-bar__item__badge {
background-color:rgba(75,198,223,0.4);color:#ffffff;margin-left:-0.25rem;float:left;z-index:-1;display:inline-block}
.l-header--is-slim .brand-bar__item__badge {
display:none}
.control__info {
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;height:1.875rem;line-height:2.25rem;margin-left:0.625rem;max-width:8.75rem;vertical-align:top;float:left;text-align:left}
@media (min-width: 33.75em) {
.control__info {
max-width:12.5rem}
}
@media (min-width: 46.25em) {
.brand-bar__item--right .control__info {
margin:0}
}
@media (min-width: 46.25em) {
.control__info {
display:block}
}
.l-header--is-slim .control__info {
display:none}
.control__icon-wrapper {
border:0.0625rem solid rgba(255,255,255,0.3);float:left;height:2.125rem;width:2.125rem;text-align:center;line-height:3}
@media (min-width: 46.25em) {
.brand-bar__item--right .control__icon-wrapper {
display:none}
}
.l-header--is-slim .brand-bar__item--right .control__icon-wrapper {
display:block}
.control__icon-wrapper--text {
-webkit-border-radius:62.5rem;border-radius:62.5rem;line-height:2.25rem;border-color:transparent}
@media (min-width: 20em) {
.control__icon-wrapper--text {
display:none}
}
@media (min-width: 46.25em) {
.control__icon-wrapper--text {
display:inline-block}
}
.control__icon-wrapper--text:hover {
color:#ffffff}
.ad-slot {
position:relative;z-index:1010;overflow:initial}
.js-off .ad-slot {
display:none}
.ad-slot-container>:last-child {
margin-bottom:0;padding-bottom:1.5rem}
.ad-slot--dark {
background-color:#1c1c1c}
.ad-slot--right {
position:-webkit-sticky;position:sticky;top:0}
.has-sticky .paidfor-band ~ .content__main .ad-slot--right {
top:2.875rem}
.ad-slot--right.is-sticky {
width:18.75rem}
.ad-slot__label {
font-size:0.75rem;line-height:1.25rem;position:relative;height:1.5rem;background-color:#f6f6f6;margin:0 auto;padding:0 0.5rem;border-top:0.0625rem solid #dfdfdf;color:#6e6e6e;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.ad-slot--dark .ad-slot__label {
color:#bdbdbd;border-top-color:#333;background-color:transparent}
.ad-slot__label.feedback-submitted .ad-feedback,.ad-slot__label .ad-feedback__thanks-message {
display:none}
.ad-slot__label.feedback-submitted .ad-feedback__thanks-message {
display:inline-block;float:right}
.top-banner-ad-container {
background-color:#f6f6f6;top:0}
.top-banner-ad-container:not(.top-banner-ad-container--not-sticky) {
position:-webkit-sticky;position:sticky;z-index:1020}
.top-banner-ad-container--fabric {
overflow:hidden}
.sticky-top-banner-ad {
-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);contain:layout;z-index:1040;width:100%;position:fixed;top:0}
.sticky-top-banner-ad--animate {
will-change:transform;-webkit-transition:height 1s cubic-bezier(0, 0, 0, 0.985);transition:height 1s cubic-bezier(0, 0, 0, 0.985)}
.ad-slot--top-banner-ad {
text-align:center}
.ad-slot--top-banner-ad .ad-slot__label {
width:45.5rem;border-top:0;padding:0;height:1.125rem}
@media (min-width: 81.25em) {
.ad-slot--top-banner-ad .ad-slot__label {
margin:0}
}
@media (min-width: 81.25em) {
.has-page-skin .ad-slot--top-banner-ad {
width:auto !important;padding-left:0 !important;text-align:center}
.has-page-skin .ad-slot--top-banner-ad .ad-slot__label {
margin-left:auto;margin-right:auto}
}
.ad-slot--top-banner-ad-desktop {
margin:0 auto;min-height:5.625rem;padding-bottom:1.125rem;padding-top:1.125rem}
@media (max-width: 46.24em) {
.ad-slot--top-banner-ad-desktop {
display:none}
}
@media (min-width: 81.25em) {
.ad-slot--top-banner-ad-desktop {
padding-left:16.25rem;margin-left:-webkit-calc(50% - 40.625rem);margin-left:calc(50% - 40.625rem);text-align:left}
.ad-slot--top-banner-ad-desktop:not(.ad-slot--fluid):not(.ad-slot--fabric):not(.ad-slot--fluid250) {
max-width:60.625rem}
.has-page-skin .ad-slot--top-banner-ad-desktop {
margin-left:auto}
}
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin-left:0.625rem;margin-right:0.625rem}
@media (min-width: 30em) {
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
margin-left:1.25rem;margin-right:1.25rem}
}
@media (min-width: 41.25em) {
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
margin-left:auto;margin-right:auto;width:38.75rem}
}
@media (min-width: 46.25em) {
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
padding-left:1.25rem;padding-right:1.25rem}
}
@media (min-width: 46.25em) {
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
width:43.75rem}
}
@media (min-width: 61.25em) {
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
width:58.75rem}
}
@media (min-width: 71.25em) {
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
width:68.75rem}
}
@media (min-width: 81.25em) {
.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label {
width:78.75rem}
}
.ad-slot--top-banner-ad-desktop .ad-slot__label {
margin-top:-1.125rem}
.ad-slot--inline,.ad-slot--container-inline,.ad-slot--gallery-inline,.ad-slot--liveblog-inline {
width:18.75rem;margin:0.75rem auto;min-width:18.75rem;min-height:17.125rem;text-align:center}
@media (min-width: 30em) {
.ad-slot--inline,.ad-slot--container-inline,.ad-slot--gallery-inline,.ad-slot--liveblog-inline {
width:20rem}
}
@media (min-width: 46.25em) {
.ad-slot--inline,.ad-slot--container-inline,.ad-slot--gallery-inline,.ad-slot--liveblog-inline {
width:auto}
}
.ad-slot--inline .ad-slot__label,.ad-slot--container-inline .ad-slot__label,.ad-slot--gallery-inline .ad-slot__label,.ad-slot--liveblog-inline .ad-slot__label {
background-color:transparent}
@media (min-width: 30em) {
.ad-slot--container-inline {
margin-top:0}
}
@media (min-width: 46.25em) {
.ad-slot--container-inline {
margin:0 0.625rem}
}
.ad-slot--gallery-inline {
background-color:#161616}
@media (min-width: 30em) {
.ad-slot--gallery-inline {
width:18.75rem}
}
@media (min-width: 46.25em) {
.ad-slot--gallery-inline {
width:auto}
}
@media (min-width: 61.25em) {
.ad-slot--gallery-inline,.ad-slot--gallery-inline .ad-slot__label {
text-align:left}
}
.ad-slot--inline,.ad-slot--container-inline {
background-color:#f6f6f6}
@media (min-width: 46.25em) {
.ad-slot--inline,.ad-slot--container-inline {
width:18.75rem}
}
@media (min-width: 46.25em) {
.ad-slot--inline {
float:right;margin-top:0.25rem;margin-left:1.25rem}
}
@media (min-width: 46.25em) and (max-width: 71.24em) {
.ad-slot--inline {
clear:left}
}
.ad-slot__content>div {
margin:0 auto}
.ad-slot--container-inline:not(.ad-slot--fluid) .ad-slot__content {
margin:0 auto}
@media (min-width: 46.25em) {
.ad-slot--container-inline:not(.ad-slot--fluid) {
position:relative;height:auto}
.content-footer .ad-slot--container-inline:not(.ad-slot--fluid) {
width:18.75rem}
.linkslist-container .ad-slot--container-inline:not(.ad-slot--fluid) {
position:absolute;top:0;right:0}
.ad-slot--container-inline:not(.ad-slot--fluid) .ad-slot__label {
padding:0 1.25rem}
.ad-slot--container-inline:not(.ad-slot--fluid) .ad-slot__content {
position:absolute;right:0;bottom:0;left:0;top:1.5rem;height:15.625rem}
}
@media (min-width: 46.25em) {
.ad-slot--liveblog-inline {
padding-bottom:1.5rem}
.ad-slot--liveblog-inline>div:not(.ad-slot__label) {
width:18.75rem;margin-left:auto;margin-right:auto}
}
.ad-slot--liveblog-inline {
background-color:#eaeaea}
.ad-slot--liveblog-inline .ad-slot__label {
color:#767676;border-top-color:#bdbdbd}
.ad-slot--mpu-banner-ad {
display:none;width:18.75rem;min-height:17.125rem;margin-bottom:1.5rem}
@media (min-width: 61.25em) {
.ad-slot--mpu-banner-ad {
display:block}
}
.ad-slot--adfeature {
background-color:#ccc}
@media (min-width: 61.25em) {
.ad-slot--outstream {
width:38.75rem;height:23.375rem}
}
@media (min-width: 81.25em) {
.has-page-skin .ad-slot--commercial-component,.has-page-skin .ad-slot--commercial-component-high {
margin-left:auto;margin-right:auto;width:61.25rem}
}
.ad-slot--im {
float:left;width:8.125rem}
@media (min-width: 30em) {
.ad-slot--im {
width:13.75rem}
}
.ad-slot--im:not(.ad-slot--rendered) {
width:0;height:0}
.ad-slot--im.ad-slot--rendered {
margin:0.3125rem 0.625rem 0.375rem 0}
@media (min-width: 30em) {
.ad-slot--im.ad-slot--rendered {
margin-bottom:0.75rem;margin-right:1.25rem}
}
@media (min-width: 30em) {
.ad-slot--inline-book,.ad-slot--books-inline {
width:8.75rem}
}
@media (min-width: 46.25em) and (max-width: 71.24em) {
.fc-container--sponsored .fc-container:first-child .fc-container__header+.fc-container__body,.fc-container--paid-content .fc-container:first-child .fc-container__header+.fc-container__body,.fc-container--sponsored .fc-container__header+.fc-container__body,.fc-container--paid-content .fc-container__header+.fc-container__body {
margin-top:4.875rem}
}
.ad-slot--page-skin {
height:0;overflow:hidden}
@media (min-width: 20em) and (max-width: 81.24em) {
.has-page-skin {
background-image:none !important}
}
.ad-slot--fluid:not(.ad-slot--container-inline) {
min-height:15.625rem;padding:0;margin:0}
.ad-slot--fluid:not(.ad-slot--im) {
width:auto}
.ad-slot--fluid.ad-slot--commercial-component-high,.ad-slot--fluid.ad-slot--commercial-component-high>.ad-slot__content>iframe {
-webkit-transition:height 1s;transition:height 1s}
@media (min-width: 20em) and (max-width: 29.99em) {
.ad-slot--fluid.ad-slot--liveblog-inline {
margin-left:-0.625rem;margin-right:-0.625rem}
}
@media (min-width: 30em) and (max-width: 46.24em) {
.ad-slot--fluid.ad-slot--liveblog-inline {
margin-left:-1.25rem;margin-right:-1.25rem}
}
.ad-slot--fabric-v1 {
min-height:15.625rem}
.ad-slot--revealer {
min-width:18.75rem;width:auto}
.ad-slot--fabric {
overflow:hidden;width:auto;min-height:15.625rem;padding-left:0;padding-right:0;padding-bottom:0}
@media (min-width: 81.25em) {
.ad-slot--fabric.ad-slot--top-banner-ad-desktop {
margin-left:0}
}
.ad-slot--fabric-v1,.ad-slot--fluid250 {
width:auto;margin-left:0;padding:0}
.ad-slot--fabric-v1 .ad-slot__label,.ad-slot--fluid250 .ad-slot__label {
display:none}
@media (min-width: 61.25em) {
.ad-slot--fluid250 {
min-height:15.625rem}
}
@media (min-width: 61.25em) {
.ad-slot--offset-right {
margin-right:-20em}
}
@media (min-width: 81.25em) {
.ad-slot--offset-right {
margin-right:-25em}
}
.media:after,.media:before,.media__body:after,.media__body:before {
content:'';display:table}
.media:after,.media__body:after {
clear:both}
.media__img {
float:left;margin-right:0.9375rem}
.media__img img {
display:block}
.media__container--hidden {
display:none !important}
.media__placeholder--active {
display:block;position:relative}
.media__container--active {
display:block}
.media__placeholder--hidden {
display:none !important}
.page-header {
font-size:1.25rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;padding:0 0 1rem;margin:0 0.625rem 0.25rem;border-bottom:0.0625rem dotted #dcdcdc}
@media (min-width: 30em) {
.page-header {
margin-left:1.25rem;margin-right:1.25rem}
}
.page-sub-header {
font-size:1.125rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900;padding:0.125rem 0 0.25rem;margin-bottom:0.75rem}
.no-indent-article__zone .page-sub-header,.monocolumn-wrapper .page-sub-header,.fc-container__inner .page-sub-header {
margin-left:0;margin-right:0}
.page-sub-header>a {
display:block}
.message {
padding:0.6875rem;background-color:#ffffee}
.is-modern .has-localnav h2.article__zone:only-child,.is-modern .has-localnav .hide-on-mobile-if-localnav {
display:none}
@media (min-width: 46.25em) {
.is-modern .has-localnav h2.article__zone:only-child,.is-modern .has-localnav .hide-on-mobile-if-localnav {
display:block}
}
.navigation-container {
background:#005689}
.navigation {
position:relative;overflow:hidden;clear:both;background:#e5e5e5;height:2.25rem}
.navigation:before,.navigation:after {
content:'';display:block;position:absolute;top:0;left:0;right:0;height:2.25rem}
.navigation:before {
background:#00507f;-webkit-background-clip:padding-box;background-clip:padding-box}
.navigation:after {
top:auto;bottom:0;z-index:-1}
.navigation-container--collapsed .navigation:after {
display:none}
.top-navigation,.local-navigation,.global-navigation,.signposting {
font-size:1rem;line-height:1.375rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:2.25rem;font-weight:600;-webkit-font-feature-settings:'kern' 1}
.top-navigation a,.top-navigation a:active,.top-navigation a:focus,.local-navigation a,.local-navigation a:active,.local-navigation a:focus,.global-navigation a,.global-navigation a:active,.global-navigation a:focus,.signposting a,.signposting a:active,.signposting a:focus {
text-decoration:none}
.top-navigation a:hover,.local-navigation a:hover,.global-navigation a:hover,.signposting a:hover {
text-decoration:underline}
.top-navigation {
background:#00456e}
.navigation__container--first {
background:#00456e;min-height:2.25rem}
.navigation__expandable {
background:#333;overflow:hidden}
.signposting,.local-navigation,.top-navigation,.global-navigation,.global-navigation__children {
list-style-type:none;margin:0;padding:0}
.signposting {
background:#dfdfdf;border-right:0.0625rem solid #ececec;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:0.625rem}
@media (min-width: 30em) {
.signposting {
padding-left:0.625rem}
}
@media (max-width: 61.24em) {
.navigation-container--expanded .navigation--has-local-navigation .signposting {
border-bottom:0.0625rem solid #ececec}
}
@media (min-width: 46.25em) {
.signposting {
border-right-width:0}
.navigation--has-local-navigation .signposting {
border-right-width:0.0625rem}
}
@media (min-width: 46.25em) {
.navigation-container--expanded .signposting {
min-width:10rem}
}
@media (min-width: 81.25em) {
.navigation-container--expanded .signposting {
min-width:15rem}
}
.signposting__item {
white-space:nowrap;display:table-cell}
.signposting__action {
color:#005689;text-decoration:none;display:table-cell}
.signposting__separator {
display:table-cell;vertical-align:top;line-height:1}
.signposting__separator__inner {
font-weight:200;color:#767676;font-size:1.6875rem;line-height:2.25rem}
.local-navigation {
background:#dfdfdf}
.signposting__action,.local-navigation__action,.top-navigation__action,.global-navigation__action {
padding-left:0.625rem;padding-right:0.625rem;height:100%}
@media (min-width: 61.25em) and (max-width: 71.24em) {
.signposting__action,.local-navigation__action,.top-navigation__action,.global-navigation__action {
padding-right:0.3125rem;padding-left:0.3125rem}
.signposting__action:first-child,.local-navigation__action:first-child,.top-navigation__action:first-child,.global-navigation__action:first-child {
padding-left:0.625rem}
}
@media (min-width: 81.25em) {
.has-page-skin .signposting__action,.has-page-skin .local-navigation__action,.has-page-skin .top-navigation__action,.has-page-skin .global-navigation__action {
padding-right:0.3125rem;padding-left:0.3125rem}
.has-page-skin .signposting__action:first-child,.has-page-skin .local-navigation__action:first-child,.has-page-skin .top-navigation__action:first-child,.has-page-skin .global-navigation__action:first-child {
padding-left:0.625rem}
}
.local-navigation__action,.top-navigation__action {
color:#333;z-index:3}
.top-navigation__action {
color:#fff;display:block}
.global-navigation__action {
color:#333;display:block}
.local-navigation__item,.top-navigation__item,.global-navigation__item {
overflow:hidden;white-space:nowrap}
.top-navigation__item--current {
margin-right:0.625rem}
.local-navigation__item,.top-navigation__item {
display:table-cell}
.navigation-container--collapsed .navigation--has-signposting .local-navigation,.navigation-container--collapsed .navigation--has-signposting .top-navigation {
padding-left:0.625rem}
@media (min-width: 30em) {
.navigation-container--collapsed .local-navigation,.navigation-container--collapsed .top-navigation {
padding-left:0.625rem}
}
.top-navigation__item--home {
min-width:0.9375rem}
.navigation--has-signposting .top-navigation__item--home {
display:none}
@media (min-width: 61.25em) {
.top-navigation__item--home {
display:table-cell}
}
.top-navigation__icon {
display:inline-block;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.top-navigation__icon--home {
width:0.9375rem;height:1.125rem;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAQAAAAul0yEAAAAO0lEQVQoz9XPsQ0AIAwDwYzuzZ8iQjIQUiLh9r5xhA0BinqInDqsggX34EAPSpzBFTOg3Su2o3+wGtYAGI94niPCbrMAAAAASUVORK5CYII=");margin-bottom:-0.1875rem}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
.top-navigation__icon--home {
background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxOCI+PHBhdGggZD0ibTggMC0xIDAtNyA3IDAgMTAgMSAxIDQgMCAwLTcgNSAwIDAgNyA0IDAgMS0xIDAtMTB6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==")}
}
.global-navigation {
background:#dfdfdf;clear:both}
.global-navigation:after,.global-navigation:before {
content:'';display:table}
.global-navigation:after {
clear:both}
.global-navigation__section {
display:block;clear:both;margin-right:0;overflow:hidden;position:relative;-webkit-box-shadow:inset 0 0.0625rem #ececec;box-shadow:inset 0 0.0625rem #ececec;background:#dfdfdf;min-height:2.25rem}
@media (min-width: 46.25em) {
.global-navigation__section {
padding-left:10rem}
}
@media (min-width: 81.25em) {
.global-navigation__section {
padding-left:15rem}
}
.global-navigation__title {
color:#fff;background:#00456e;float:left;border-top:0.0625rem solid #005689}
@media (min-width: 46.25em) {
.global-navigation__title {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;bottom:0;left:0;background:#00456e;width:10rem;padding-left:1.25rem}
}
@media (min-width: 81.25em) {
.global-navigation__title {
width:15rem}
}
.global-navigation__title.global-navigation__title--history {
color:#333;background:#bdbdbd;border:0;padding-bottom:0}
.global-navigation__children {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:2.25rem;padding-top:0.1875rem;overflow:hidden}
@media (min-width: 46.25em) {
.global-navigation__children {
padding-bottom:0.1875rem;padding-left:0.625rem}
}
.global-navigation__children.global-navigation__children--history {
background:#bdbdbd}
.global-navigation__children.global-navigation__children--history .button--tag {
margin-top:0.375rem;margin-left:0.3125rem;margin-right:0;margin-bottom:0}
.global-navigation__children.global-navigation__children--history .button--tag:hover {
text-decoration:none}
@media (max-width: 29.99em) {
.global-navigation__children.global-navigation__children--history {
margin-left:0;padding-top:0;padding-left:0.41667rem}
}
@media (min-width: 46.25em) {
.global-navigation__action {
float:left;line-height:1.875rem;white-space:nowrap}
}
.navigation-container--collapsed .navigation-container--collapsed__hide {
display:none !important}
.navigation-container--collapsed .navigation__container {
display:table-cell;vertical-align:top}
@media (max-width: 61.24em) {
.navigation-container--collapsed .navigation__scroll {
overflow-x:scroll;white-space:nowrap;-webkit-backface-visibility:hidden;backface-visibility:hidden}
}
.navigation-container--collapsed .navigation__scroll::-webkit-scrollbar {
display:none}
.navigation-container--collapsed .navigation__expandable {
display:none}
.navigation-container--collapsed .navigation,.navigation-container--collapsed .signposting,.navigation-container--collapsed .local-navigation {
height:2.25rem}
.navigation-container--collapsed .signposting,.navigation-container--collapsed .local-navigation {
display:table-cell}
.navigation-container--collapsed .top-navigation {
overflow:hidden}
@media (min-width: 61.25em) {
.navigation-container--collapsed .top-navigation {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;right:0}
}
.navigation-container--collapsed .top-navigation__item:last-child {
padding-right:5rem}
@media (min-width: 61.25em) {
.navigation-container--collapsed .top-navigation__item:last-child {
padding-right:0}
}
.navigation-container--default .navigation,.navigation-container--expanded .navigation {
z-index:2;height:auto}
.navigation-container--default .top-navigation,.navigation-container--expanded .top-navigation {
display:none}
.navigation-container--default .local-navigation,.navigation-container--expanded .local-navigation {
overflow:hidden;background:#dfdfdf}
@media (min-width: 30em) {
.navigation-container--default .local-navigation,.navigation-container--expanded .local-navigation {
padding-left:0.625rem;padding-right:0.625rem}
}
.navigation-container--default .local-navigation__item,.navigation-container--expanded .local-navigation__item {
float:left}
.navigation-container--default .local-navigation__action,.navigation-container--expanded .local-navigation__action {
display:block;float:left}
@media (min-width: 61.25em) {
.navigation--has-signposting .navigation__inner:before {
content:'';position:absolute;display:block;left:0;right:0;top:2.25rem;height:0.0625rem;background:#ececec;z-index:1}
.navigation-container--collapsed .navigation--has-signposting {
height:4.5rem}
.navigation-container--expanded .navigation--has-signposting .top-navigation__item {
visibility:hidden}
.navigation--has-signposting .top-navigation {
margin-left:0 !important}
.navigation--has-signposting .top-navigation__item {
display:table-cell}
.navigation--has-signposting .signposting,.navigation--has-signposting .local-navigation {
vertical-align:top;display:table-cell;height:2.25rem}
.navigation--has-signposting .local-navigation {
width:100%}
.navigation--has-signposting .local-navigation__action {
display:block;line-height:2.25rem}
.navigation--has-signposting .navigation__container {
display:table !important;width:100%}
.navigation--has-signposting .navigation__container--first {
background:#dfdfdf;border-top:2.25rem solid #00456e}
.navigation--has-signposting .navigation__container--second {
position:absolute;top:0}
}
.navigation .global-navigation__section--home,.navigation .top-navigation__item--current,.navigation .global-navigation--top .global-navigation__section--current {
display:none}
@media (min-width: 61.25em) {
.navigation .top-navigation__item--current {
display:table-cell}
}
.navigation-toggle {
font-size:1rem;line-height:1.375rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:600;z-index:4;position:absolute;right:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:2.25rem;padding:0 0.625rem;background:#333;-webkit-background-clip:padding-box;background-clip:padding-box;text-align:left;border-left:0.125rem solid rgba(0,0,0,0.333333);outline:none;min-width:2.75rem}
.navigation-toggle,.navigation-toggle:hover,.navigation-toggle:focus,.navigation-toggle:active {
color:#fff}
.navigation-toggle:focus {
background:#434343}
.navigation-container--expanded .navigation-toggle {
border-left-color:transparent}
@media (min-width: 61.25em) {
.navigation-toggle {
border-left:0}
}
@media (min-width: 71.25em) {
.navigation-toggle {
min-width:8.25rem}
}
@media (min-width: 81.25em) {
.navigation-toggle {
min-width:11.625rem}
}
@media (min-width: 71.25em) {
.has-page-skin .navigation-toggle {
min-width:2.75rem}
}
.is-not-modern .l-footer .navigation-toggle {
min-width:2.75rem;font-size:1.5rem}
.navigation-toggle-label__extra {
display:none}
@media (min-width: 71.25em) {
.navigation-toggle-label__extra {
display:inline}
}
@media (max-width: 81.24em) {
.navigation-toggle-label__extra.navigation-toggle-label__extra--browse {
display:none}
}
.l-header--slim-all .navigation-toggle-label__extra {
display:none}
@media (min-width: 81.25em) {
.has-page-skin .navigation-toggle-label__extra {
display:none}
}
.navigation-toggle-label--close,.navigation-container--default .navigation-toggle-label--open,.navigation-container--expanded .navigation-toggle-label--open {
display:none}
.navigation-container--expanded .navigation-toggle-label--close {
display:inline}
.l-header--no-navigation:before {
display:none}
.l-header--no-navigation .navigation-container--collapsed .navigation__scroll {
display:none}
.l-header--no-navigation .navigation-container--collapsed .navigation,.l-header--no-navigation .navigation-container--collapsed .signposting,.l-header--no-navigation .navigation-container--collapsed .local-navigation {
height:auto}
@media (min-width: 61.25em) {
.l-header--no-navigation .navigation--has-signposting .navigation__container--first {
border-top:0}
}
.l-header--no-navigation .navigation-toggle {
float:left;min-width:0;line-height:3rem;position:static;border-left:0}
.l-header--no-navigation .navigation-toggle-label__extra {
display:none}
.l-header--no-navigation .burger-icon {
margin-top:1.125rem}
.burger-icon,.burger-icon:before,.burger-icon:after {
width:100%;height:0.125rem;background-color:#ebebeb}
.burger-icon {
width:1rem;display:inline-block;vertical-align:top;margin:0.8125rem 0.375rem 0 0;position:relative}
.burger-icon:before,.burger-icon:after {
content:'';position:absolute}
.burger-icon:before {
top:0.25rem}
.burger-icon:after {
top:0.5rem}
.navigation-container--expanded .burger-icon {
height:0}
.navigation-container--expanded .burger-icon:before {
-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0.25rem}
.navigation-container--expanded .burger-icon:after {
-webkit-transform:rotate(-45deg) translate(0.1875rem, -0.1875rem);transform:rotate(-45deg) translate(0.1875rem, -0.1875rem);top:0.5rem}
@media (min-width: 46.25em) {
.burger-icon,.burger-icon:before,.burger-icon:after {
-webkit-transition:opacity .1s, -webkit-transform .1s ease-in;transition:opacity .1s, -webkit-transform .1s ease-in;transition:opacity .1s, transform .1s ease-in;transition:opacity .1s, transform .1s ease-in, -webkit-transform .1s ease-in}
}
.l-header--slim-all .burger-icon {
margin-top:1.125rem}
.rounded-icon {
-webkit-border-radius:62.5rem;border-radius:62.5rem;display:inline-block;vertical-align:middle;position:relative}
.rich-link {
background-color:#eaeaea;margin:0;position:relative;overflow:hidden}
.rich-link a {
color:inherit}
.rich-link .u-faux-block-link--hover {
background-color:#eaeaea}
.rich-link__title {
font:inherit;line-height:inherit;padding:0}
.rich-link .rich-link__header {
font-size:1.25rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-weight:500;padding:0.25rem 0.3125rem 0.5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:2.25rem}
.rich-link__read-more {
padding-left:0.3125rem}
.rich-link__arrow {
display:inline-block}
.rich-link__read-more-text {
font-size:0.875rem;line-height:1.125rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;display:inline-block;height:1.875rem;line-height:1.625rem;padding-left:0.125rem;vertical-align:top;font-weight:500}
.rich-link__link .u-faux-block-link__overlay {
z-index:2}
.rich-link__container {
position:relative}
.rich-link__container:before {
background-color:#4bc6df;content:'';position:absolute;top:0;left:0;right:0;height:0.0625rem;z-index:2}
.rich-link__container:after {
content:'';display:table;clear:both}
.element-rich-link {
float:left;margin:0.3125rem 1.25rem 0.75rem 0;clear:both}
@media (max-width: 29.99em) {
.element-rich-link {
width:8.125rem;margin-bottom:0.375rem;margin-right:0.625rem}
.element-rich-link .rich-link__header {
font-size:0.875rem;line-height:1.125rem}
}
@media (min-width: 30em) {
.element-rich-link {
width:13.75rem}
}
@media (min-width: 71.25em) {
.element-rich-link {
margin-left:-10rem}
.element-rich-link.element--supporting {
width:18.75rem}
}
@media (min-width: 81.25em) {
.element-rich-link {
margin-left:-15rem}
.element-rich-link.element--supporting {
width:23.75rem}
}
.linkslist-container {
position:relative;margin:0 !important}
@media (min-width: 46.25em) {
.linkslist-container {
margin-top:0.5625rem}
}
.linkslist-container.tone-feature:before {
background:#fdadba}
.linkslist-container.tone-comment:before {
background:#ff9b0b}
.linkslist-container.tone-media:before {
background:#fb0}
.linkslist-container.show-more--hidden,.linkslist-container.show-more--hidden:before {
display:none}
.linkslist {
margin-top:0;width:100%}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.linkslist .fc-slice__item {
width:50%}
.linkslist .fc-slice__item:nth-child(2n+1) {
clear:both}
.linkslist .fc-slice__item:nth-child(2n+1):before {
border:0}
.linkslist .fc-slice__item:nth-child(2n+1):nth-last-child(-n+4),.linkslist .fc-slice__item:nth-child(2n+2):nth-last-child(-n+3) {
padding-bottom:0}
.linkslist .fc-slice__item:nth-child(2n+1):nth-last-child(-n+2),.linkslist .fc-slice__item:nth-child(2n+2):last-child {
padding-top:0.75rem}
}
@media (min-width: 61.25em) {
.linkslist .fc-slice__item {
width:33.33333%}
.linkslist .fc-slice__item:nth-child(3n+1) {
clear:both}
.linkslist .fc-slice__item:nth-child(3n+1):before {
border:0}
.linkslist .fc-slice__item:nth-child(3n+1):nth-last-child(-n+6),.linkslist .fc-slice__item:nth-child(3n+2):nth-last-child(-n+5),.linkslist .fc-slice__item:nth-child(3n+3):nth-last-child(-n+4) {
padding-bottom:0}
.linkslist .fc-slice__item:nth-child(3n+1):nth-last-child(-n+3),.linkslist .fc-slice__item:nth-child(3n+2):nth-last-child(-n+2),.linkslist .fc-slice__item:nth-child(3n+3):last-child {
padding-top:0.75rem}
}
@media (min-width: 46.25em) {
.has-flex-wrap .linkslist .fc-slice__item {
-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
}
@media (min-width: 61.25em) {
.has-flex-wrap .linkslist .fc-slice__item {
-webkit-flex-basis:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}
}
.linkslist .item--has-cutout {
padding-bottom:1.875rem}
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
overflow:hidden;position:relative;margin-left:0.625rem;margin-right:0.625rem}
@media (min-width: 30em) {
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
margin-left:1.25rem;margin-right:1.25rem}
}
@media (min-width: 41.25em) {
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
margin-left:auto;margin-right:auto;width:38.75rem}
}
@media (min-width: 46.25em) {
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
padding-left:1.25rem;padding-right:1.25rem}
}
@media (min-width: 46.25em) {
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
width:43.75rem}
}
@media (min-width: 61.25em) {
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
width:58.75rem}
}
@media (min-width: 71.25em) {
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
width:68.75rem}
}
@media (min-width: 81.25em) {
.fc-container__inner,.facia-container__inner,.fc-container__pagination,.index-page-header {
width:78.75rem}
}
@media (min-width: 46.25em) {
.fc-container__inner--full-span,.facia-container__inner--full-span {
width:46.25rem}
}
@media (min-width: 61.25em) {
.fc-container__inner--full-span,.facia-container__inner--full-span {
width:61.25rem}
}
@media (min-width: 71.25em) {
.fc-container__inner--full-span,.facia-container__inner--full-span {
width:71.25rem}
}
@media (min-width: 81.25em) {
.fc-container__inner--full-span,.facia-container__inner--full-span {
width:81.25rem}
}
@media (min-width: 46.25em) {
.fc-container__inner--full-span,.facia-container__inner--full-span {
padding-left:0;padding-right:0}
}
.js-on .js-hidden,.js-off .js-visible,.is-modern .modern-hidden,.is-not-modern .modern-visible {
display:none}
.is-off {
display:none}
.current {
font-weight:bold}
.is-on {
display:block}
.has-cursor {
cursor:pointer}
.maxed {
width:100%}
.shut>.panel {
overflow:hidden;position:relative;max-height:0;padding-top:0}
.update {
float:right}
.is-updating {
display:none;width:2.5rem;height:1.25rem;-webkit-background-size:100% 100%;background-size:100%;margin-top:1.125rem}
.is-updating.is-active {
display:inline-block}
.is-updating--dark {
width:2.25rem;height:0.75rem}
.is-live-icon {
padding:0.0625rem 0.25rem 0.125rem;margin:0.0625rem 0.1875rem 0 0;font-size:0.625rem;font-style:normal;line-height:1;color:#ffffff;background-color:#ec1c1c;display:inline-block}
.id--signed-out .sign-in-required {
display:none}
.is-sticky {
position:fixed;top:0}
.svg .i-play-icon-gold,.svg-i-play-icon-gold {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgNC4zTC40IDAgMCAuM3Y4LjRsLjQuM0wxMCA0Ljd2LS40eiIgZmlsbD0iI2ZiMCIvPjwvc3ZnPg==);background-position:0 0;width:0.625rem;height:0.5625rem}
.svg .i-play-icon-grey,.svg-i-play-icon-grey {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgNC4zTC40IDAgMCAuM3Y4LjRsLjQuM0wxMCA0Ljd2LS40eiIgZmlsbD0iI0RDRENEQyIvPjwvc3ZnPg==);background-position:0 0;width:0.625rem;height:0.5625rem}
.svg .i-card-red,.svg-i-card-red {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEyIj48cGF0aCBmaWxsPSIjY2MyYjEyIiBkPSJNMCAwaDl2MTJIMHoiLz48L3N2Zz4=);background-position:0 0;width:0.5625rem;height:0.75rem}
.svg .i-card-yellow,.svg-i-card-yellow {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEyIj48cGF0aCBmaWxsPSIjZmIwIiBkPSJNMCAwaDl2MTJIMHoiLz48L3N2Zz4=);background-position:0 0;width:0.5625rem;height:0.75rem}
.svg .i-camera-black-large,.svg .paid-content.content--gallery .content__headline:before,.svg-i-camera-black-large {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTE4IDMuNXY4TDE2LjUgMTNoLTE1TDAgMTEuNXYtOEwxLjUgMkg1bDItMmg0bDIgMmgzLjVMMTggMy41ek05IDExYzEuOSAwIDMuNS0xLjYgMy41LTMuNVMxMC45IDQgOSA0IDUuNSA1LjYgNS41IDcuNSA3LjEgMTEgOSAxMXoiLz48L3N2Zz4=);background-position:0 0;width:1.125rem;height:0.8125rem}
.svg .i-camera-white-large,.svg-i-camera-white-large {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4IDMuNXY4TDE2LjUgMTNoLTE1TDAgMTEuNXYtOEwxLjUgMkg1bDItMmg0bDIgMmgzLjVMMTggMy41ek05IDExYzEuOSAwIDMuNS0xLjYgMy41LTMuNVMxMC45IDQgOSA0IDUuNSA1LjYgNS41IDcuNSA3LjEgMTEgOSAxMXoiLz48L3N2Zz4=);background-position:0 0;width:1.125rem;height:0.8125rem}
.svg .i-camera-yellow-large,.svg-i-camera-yellow-large {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTE4IDMuNXY4TDE2LjUgMTNoLTE1TDAgMTEuNXYtOEwxLjUgMkg1bDItMmg0bDIgMmgzLjVMMTggMy41ek05IDExYzEuOSAwIDMuNS0xLjYgMy41LTMuNVMxMC45IDQgOSA0IDUuNSA1LjYgNS41IDcuNSA3LjEgMTEgOSAxMXoiLz48L3N2Zz4=);background-position:0 0;width:1.125rem;height:0.8125rem}
.svg .i-information-circle-grey,.svg-i-information-circle-grey {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjNzY3Njc2IiBkPSJNNyAwQzMuMSAwIDAgMy4xIDAgN3MzLjEgNyA3IDcgNy0zLjEgNy03LTMuMS03LTctN3ptLjkgMTBsLS4zIDFjLS40LjItMS4yLjQtMS45LjQtLjUgMC0uOC0uMS0uOC0uNiAwLS4xIDAtLjMuMS0uNEw2LjMgNmgtLjlsLjMtLjggMi43LS4zLjItLjFMNi44IDEwaDEuMXptLS4yLTUuOGMtLjYgMC0uOS0uMy0uOS0uOCAwLS42LjUtMSAxLjEtMSAuNiAwIC45LjMuOS44IDAgLjYtLjUgMS0xLjEgMXoiLz48L3N2Zz4=);background-position:0 0;width:0.875rem;height:0.875rem}
.svg .i-comment-light-grey,.svg-i-comment-light-grey {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTEzIDBsMSAxdjdsLTEgMUg3bC0yIDNINFY5SDJMMSA4VjFsMS0xaDExeiIvPjwvc3ZnPg==);background-position:0 0;width:1rem;height:1rem}
.svg .i-close-icon-white,.svg-i-close-icon-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTcuNSA5TDEgMmwxLTEgNyA2LjVMMTYgMWwxIDEtNi41IDcgNi41IDctMSAxLTctNi41TDIgMTdsLTEtMSA2LjUtN3oiLz48L3N2Zz4=);background-position:0 0;width:1.125rem;height:1.125rem}
.svg .i-recommend,.svg-i-recommend {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTggNi40NGwtMyAyLjVMNCA4bDQuNS00aDFMMTQgOGwtMSAuOTQtMy0yLjVWMTRIOFY2LjQ0eiIvPjwvc3ZnPg==);background-position:0 0;width:1.125rem;height:1.125rem}
.svg .i-left-arrow,.svg-i-left-arrow {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGUvPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0wIDExLjVsMTAuMjk2IDEwLjA5OS45NTktLjk1OUwzLjIgMTJIMjN2LTJIMy4yTDExLjI1NS45NiAxMC4yOTYgMCAwIDEwLjV2MSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMS4wMDEgMzIuMzEzYy0xMS43NTIgMC0yMS4zMTMtOS41NjEtMjEuMzEzLTIxLjMxMyAwLTExLjc1MSA5LjU2MS0yMS4zMTIgMjEuMzEzLTIxLjMxMiAxMS43NTEgMCAyMS4zMTIgOS41NjEgMjEuMzEyIDIxLjMxMiAwIDExLjc1Mi05LjU2MSAyMS4zMTMtMjEuMzEyIDIxLjMxM20wLTQzLjMxM0MtMS4xNS0xMS0xMS0xLjE1MS0xMSAxMXM5Ljg1IDIyLjAwMSAyMi4wMDEgMjIuMDAxQzIzLjE1MSAzMy4wMDEgMzMgMjMuMTUxIDMzIDExYzAtMTIuMTUxLTkuODQ5LTIyLTIxLjk5OS0yMiIgZmlsbD0iIzcwNzA3MCIvPjwvZz48L3N2Zz4=);background-position:0 0;width:1.4375rem;height:1.4375rem}
.svg .i-right-arrow,.svg-i-right-arrow {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGUvPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0yMyAxMS41MDFMMTIuNzA0IDIxLjZsLS45NTktLjk1OSA4LjA1NS04LjY0SDB2LTJoMTkuOEwxMS43NDUuOTYxbC45NTktLjk2TDIzIDEwLjUwMXYxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjAwMSAzMi4zMTNjLTExLjc1MiAwLTIxLjMxMy05LjU2MS0yMS4zMTMtMjEuMzEzIDAtMTEuNzUxIDkuNTYxLTIxLjMxMiAyMS4zMTMtMjEuMzEyIDExLjc1MSAwIDIxLjMxMiA5LjU2MSAyMS4zMTIgMjEuMzEyIDAgMTEuNzUyLTkuNTYxIDIxLjMxMy0yMS4zMTIgMjEuMzEzbTAtNDMuMzEzQy0xLjE1LTExLTExLTEuMTUxLTExIDExczkuODUgMjIuMDAxIDIyLjAwMSAyMi4wMDFDMjMuMTUxIDMzLjAwMSAzMyAyMy4xNTEgMzMgMTFjMC0xMi4xNTEtOS44NDktMjItMjEuOTk5LTIyIiBmaWxsPSIjNzA3MDcwIi8+PC9nPjwvc3ZnPg==);background-position:0 0;width:1.4375rem;height:1.4375rem}
.svg .i-information-white,.svg-i-information-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgOSAyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTS4zIDIyTDMuOSA5LjFIMS4zbC40LTEuNCA1LjYtLjkuMy4zLTQuNCAxNC44SDZMNS42IDIzYy0uOS40LTIuOC45LTQuMS45LTEuMSAwLTEuNy0uNS0xLjItMS45ek01LjUgMkM1LjUuOSA2LjQuMSA3LjMuMWMxIDAgMS42LjcgMS42IDEuNSAwIDEuMS0uOSAxLjktMS44IDEuOS0xIC4xLTEuNi0uNi0xLjYtMS41eiIvPjwvc3ZnPg==);background-position:0 0;width:0.5625rem;height:1.5rem}
.svg .i-guardian-logo-160,.svg-i-guardian-logo-160 {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMjAgNjAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yODQgNDVoMTZ2LTNsLTMtMS41di0yMGMxLjItLjkgMi44LTEuMSA0LjMtMS4xIDIuOCAwIDMuOC45IDMuOCA0LjF2MTdsLTMgMS41djNoMTZ2LTNsLTMtMS41di0xOWMwLTUuNy0yLjItOC4zLTcuMi04LjMtNC4xIDAtOC4xIDEuNS0xMC44IDRWMTNoLTFsLTEyLjQgMi4ydjIuN2wzLjQgMS42djIxbC0zIDEuNS0uMSAzek0yNDUuMy40Yy0zIDAtNS40IDIuNC01LjQgNS41IDAgMyAyLjQgNS40IDUuNCA1LjQgMi45IDAgNS40LTIuNCA1LjQtNS40LS4xLTMuMS0yLjUtNS41LTUuNC01LjV6TTIzNyAxNS4xdjIuOGwzIDEuNnYyMC45bC0zIDEuNXYzaDE2di0zbC0zLTEuNVYxMy4xaC0xbC0xMiAyek0yMjIuOSAzOWMtLjcuNi0xLjYgMS4xLTMuMSAxLjEtNCAwLTUuOS0zLjMtNS45LTEwLjkgMC04LjcgMi40LTExLjcgNS42LTExLjcgMS44IDAgMi43LjYgMy40IDEuNFYzOXptMC0yNC41Yy0xLjItLjktMy4yLTEuNC00LjktMS40LTcuNCAwLTE0LjUgNC4zLTE0LjUgMTYuOCAwIDExLjkgNy4xIDE1LjcgMTEuOCAxNS43IDMuOCAwIDYuNC0xLjcgNy42LTMuNGguM3YzLjNoLjlsMTEuOS0xLjR2LTIuM2wtMy4yLTEuOFYuNmgtLjhsLTEyLjYgMnYyLjhsMy40IDEuNnY3LjVoLjF6TTE4MSAxOGwzIDEuNXYyMC45bC0zIDEuNXYzaDE3di0zbC0zLjktMS41VjI0LjFjMS44LTEuNCA0LTEuOSA2LjctMS45LjkgMCAxLjYuMiAyLjIuM3YtOWMtLjMtLjEtLjctLjItMS4yLS4yLTMuMyAwLTUuOSAyLjEtNy43IDYuMlYxM0gxOTNsLTEyIDJ2M3ptLTE5LjMtLjhjMy45IDAgNSAyIDUgNS45djMuNWwtNS44IDEuMWMtNS45IDEuMS0xMC40IDMtMTAuNCA5LjMgMCA1LjEgMy41IDguNyA4LjMgOC43IDMuOCAwIDcuNC0xLjcgOC43LTQuNGguM2MuNSAzLjMgMy4zIDQuNCA2LjQgNC40IDIuNCAwIDQuOC0uNiA1LjctMS42di0ybC0zLTEuNXYtMThjMC02LjktNS05LjQtMTMuMS05LjQtNS4zIDAtOC44IDEuNC0xMS42IDIuN3Y3LjhoNC43bDItNmMuOS0uNSAyLjQtLjUgMi44LS41em0yLjMgMjIuOWMtMS45IDAtNC0xLjEtNC00LjYgMC0yLjQgMi40LTQuNiA0LjgtNWwyLjItLjV2OC41cy0xLjkgMS42LTMgMS42em0xMDAuOC0yMi45YzMuOSAwIDUgMiA1IDUuOXYzLjVsLTUuOCAxLjFjLTUuOSAxLjEtMTAuNCAzLTEwLjQgOS4zIDAgNS4xIDMuNSA4LjcgOC4zIDguNyAzLjggMCA3LjQtMS43IDguNy00LjRoLjNjLjUgMy4zIDMuMyA0LjQgNi40IDQuNCAyLjQgMCA0LjgtLjYgNS43LTEuNnYtMmwtMy0xLjV2LTE4YzAtNi45LTUtOS40LTEzLjEtOS40LTUuMyAwLTguOCAxLjQtMTEuNiAyLjd2Ny44aDQuN2wyLTZjLjgtLjUgMi4zLS41IDIuOC0uNXptMi4yIDIyLjljLTEuOSAwLTQtMS4xLTQtNC42IDAtMi40IDIuNC00LjYgNC44LTVsMi4yLS41djguNXMtMS45IDEuNi0zIDEuNnptLTEzOC43IDUuNmMuNCAwIC45IDAgMS4zLS4xIDMuNS0uMyA2LjctMiA4LjQtNC4ydjQuMWwxMi0xLjV2LTJsLTMtMlYxM2gtMWwtMTEuOSAyLjN2Mi44bDMuOSAxLjZWMzhjLTEuMS44LTIuNCAxLjMtNC4yIDEuMy0yLjUgMC00LjgtLjgtNC44LTQuM1YxM2gtMWwtMTIgMi41djIuNmw0IDEuNlYzNmMwIDUuNCAyLjIgOS43IDguMyA5Ljd6TTk2IDM4Yy0xLjIgMC0yLjUtLjgtMi41LTEuOSAwLS44LjYtMS43IDEuMy0yLjMgMS42LjUgMyAuNiA1IC42IDcuOCAwIDEzLjItMy43IDEzLjItMTAuNCAwLTMtMS4zLTQuNi0zLjItNi40TDExNSAxOXYtNmwtOC4yIDEuNmMtMS45LS43LTQuNS0xLjYtNy0xLjYtNy44IDAtMTMuMiA0LjEtMTMuMiAxMC44IDAgNC4xIDIgNy4xIDUgOC44bC4zLjJjLTEuNyAxLjItNS4zIDQtNS4zIDcuMiAwIDIuNCAxLjUgNC44IDQuOCA1LjVDODggNDYuMyA4NCA0OCA4NCA1MmMwIDQuMSA1LjkgOCAxNS41IDggMTEuOCAwIDE2LjUtNS43IDE2LjUtMTMgMC02LjEtMi44LTktOS41LTlIOTZ6bTcuNS0xNGMwIDUuNy0xLjMgNi41LTMuNSA2LjVzLTQtLjgtNC02LjVjMC01LjggMS44LTcuNSA0LTcuNXMzLjUgMiAzLjUgNy41ek05MiA1MC45Yy4xLTEuNSAxLjEtMy40IDMuNy0zLjZoOC42YzIuNSAwIDMuNyAyIDMuNyAzLjYgMCAzLjItMiA0LjQtOC4zIDQuNC01LjUgMC03LjgtMi4yLTcuNy00LjR6Ii8+PHBhdGggZmlsbD0iI0FBRDhGMSIgZD0iTTgzIDMwYzAtMTMtNS4xLTE2LjktMTMtMTYuOS05IDAtMTUgNi4yLTE1IDE2LjQgMCAxMC41IDUuNSAxNi4yIDE1LjggMTYuMiA1LjYgMCA5LjgtMi43IDExLjItNC43di0zYy0yLjEuNy0zLjkgMS4yLTcuOCAxLjItNS40IDAtOS4yLTMuMi05LjItOS4yaDE4ek02OS45IDE2LjZjMi41IDAgMy44IDEuOSAzLjggOS42bC04LjQuNWMuMi03LjkgMS44LTEwLjEgNC42LTEwLjF6TTM3IDQ1di0zbC0zLTEuNVYyMWMxLjItLjkgMy4zLTEuNyA0LjgtMS43IDIuOCAwIDQuMyAxLjUgNC4yIDQuMnYxN0w0MCA0MnYzaDE2di0zbC0zLTEuNXYtMTljMC01LjctMy4zLTguMy03LjctOC4zLTQuMSAwLTguNiAxLjMtMTEuMyAzLjhWMGgtMUwyMSAydjNsNCAxLjV2MzRMMjIgNDJ2M2gxNXpNNCAzNi40YzAgNS43IDIuOCA5LjMgOC45IDkuMyAzLjEgMCA2LjUtLjggOC40LTIuM3YtMy44Yy0uOC4zLTIuMi41LTMuMy41LTIuOSAwLTQtMS42LTQtNC42VjE5aDd2LTVoLTdWNi41TDQgOHY2bC00IDF2NGg0djE3LjR6Ii8+PC9zdmc+);background-position:0 0;width:10rem;height:1.875rem}
.svg .i-observer-logo-160,.svg-i-observer-logo-160 {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMjAgNjAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMSAxMkgwVjJoMzIuOXYxMEgyMnYzM0gxMVYxMnpNNDYgMnYxMS41YzEtMS43IDMuNS0yLjYgOC42LTIuNiA3LjggMCA5LjQgNS4zIDkuNCAxMi4xdjIySDUzVjI2Yy4yLTMuMS0uNC00LjQtMy4xLTQuNC0zLjIgMC0zLjkgMS4zLTMuOSA0LjR2MTlIMzVWMmgxMXptNjIuMyAyMS41YzAtNyAuOC0xMS40IDcuMS0xMS40IDYuMSAwIDYuOSA0LjMgNi45IDExLjRzLS43IDExLjItNi44IDExLjJjLTYuMyAwLTcuMi00LjItNy4yLTExLjJ6bTcuNSAyMS41YzE1LjIgMCAxNy45LTEwLjUgMTcuOS0yMiAwLTExLjYtMi43LTIyLTE4LjQtMjJTOTYuOSAxMS41IDk2LjkgMjNjLjUgMTEuNSAzLjIgMjIgMTguOSAyMnptMzAuNi0xNi41YzAtNS4zLjgtNy40IDQuNS03LjQgMy40IDAgMy45IDEuOSAzLjkgNy40cy0uOSA3LTQuMSA3Yy0zLjYgMC00LjQtMS45LTQuMy03ek0xNDMuMyA0NWwxLjctMi41YzIuMSAxLjcgMy4xIDIuNSA5LjIgMi41IDkuOCAwIDEwLjctNy43IDEwLjctMTcgMC05LjEtLjYtMTcuMS0xMC4zLTE3LjEtNC40IDAtNyAuNi04LjcgMy4xVjJoLTEwdjQyLjVsNy40LjV6bTIyLjMtMi45bDQtOC4xYzIuNCAxLjIgNi40IDIuMyAxMC4xIDIuMyAxLjggMCAyLjQtLjcgMi40LTEuNiAwLTEuNC0xLjgtMS41LTYtMi45LTUuOS0xLjctOS4xLTMuNS05LjEtMTAuMiAwLTguNSA1LjctMTEgMTMuMy0xMSA1IDAgNy42LjcgMTAuOCAybC00LjEgOC44Yy0yLjEtLjktNC43LTEuNC03LjMtMS40LTIuMiAwLTIuNi41LTIuNiAxLjQgMCAxLjMgMS44IDEuNCA1LjEgMi40IDYuNyAxLjggOS44IDMuOSA5LjggMTAuNyAwIDcuMy01LjMgMTAuNC0xMi40IDEwLjQtNS4xLjEtMTAuMi0uNi0xNC0yLjh6bTY1LjktMzEuNmwxLjIgMy4xYzEuNi0xLjkgNC0zLjEgOS4zLTMuMVYyMWMtNi45IDAtOCAyLjEtOCA2djE3aC0xMC45VjExLjVsOC40LTF6bTEwLjQgMS41aDExLjZsNC43IDE4LjhMMjYzIDEyaDExbC0xMCAzM2gtMTIuMmwtOS45LTMzem02OC4xLTEuNWwuOCAzLjJjMS42LTEuOSAzLjktMy4yIDkuMi0zLjJWMjFjLTYuOSAwLTggMi4xLTggNnYxN2gtMTFWMTEuNWw5LTF6TTMwMC4yIDQybC00LTguM2MtMi4zIDEtNC4zIDIuMy04LjcgMi4zLTMuNC0uMy00LjctMS01LTRIMzAwYzAtMTIuNSAxLTIxLTEyLjktMjEuNC0xMS41LS40LTE1LjEgNi40LTE1LjEgMTcuMi4zIDExLjEgMyAxNy4yIDE1IDE3LjIgNS41IDAgOS44LTEgMTMuMi0zem0tOS42LTE3LjFoLTguMmMuMi0zLjMgMS4zLTQuOSA0LjUtNC44IDMuMi4xIDMuNyAxLjUgMy43IDQuOHptLTY5LjQgMTcuMmwtNC04LjNjLTIuMyAxLTQuMyAyLjMtOC43IDIuMy0zLjQtLjMtNC43LTEtNS00SDIyMWMwLTEyLjUuNS0yMS0xMi45LTIxLjQtMTEuNS0uNS0xNS4xIDYuMy0xNS4xIDE3LjEuMyAxMS4xIDMgMTcuMiAxNSAxNy4yIDUuNSAwIDkuOC0xIDEzLjItMi45em0tOS42LTE3LjJoLTguMmMuMi0zLjMgMS4zLTQuOSA0LjUtNC44IDMuMi4yIDMuNyAxLjUgMy43IDQuOHpNOTMuMiA0Mi4xbC00LTguM2MtMi4zIDEtNC4zIDIuMy04LjcgMi4zLTMuNC0uMy00LjctMS01LTRIOTNjMC0xMiAuNS0yMS0xMi45LTIxLjRDNjguNiAxMC4yIDY1IDE3IDY1IDI3LjggNjUuMyAzOC45IDY4IDQ1IDgwIDQ1YzUuNSAwIDkuOC0xIDEzLjItMi45em0tOS42LTE3LjJoLTguMmMuMi0zLjMgMS4zLTQuOSA0LjUtNC44IDMuMi4yIDMuNyAxLjUgMy43IDQuOHoiLz48L3N2Zz4=);background-position:0 0;width:10rem;height:1.875rem}
.svg .i-back,.svg-i-back {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTggMTQuOGw0LjUgNC4zLjUtLjUtMi0zaDguNXY0aDJ2LTVsLTEtMUgxMWwyLTMtLjUtLjZMOCAxNC4zdi41Ii8+PC9zdmc+);background-position:0 0;width:1.875rem;height:1.875rem}
.svg .i-close-icon-dark-small,.svg-i-close-icon-dark-small {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTIxIDkuOGwtLjgtLjgtNS4yIDQuOEw5LjggOWwtLjguOCA0LjggNS4yTDkgMjAuMmwuOC44IDUuMi00LjggNS4yIDQuOC44LS44LTQuOC01LjJMMjEgOS44Ii8+PC9zdmc+);background-position:0 0;width:1.875rem;height:1.875rem}
.svg .i-guardian-logo-320,.svg-i-guardian-logo-320 {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iNjAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yODQgNDVoMTZ2LTNsLTMtMS41di0yMGMxLjItLjkgMi44LTEuMSA0LjMtMS4xIDIuOCAwIDMuNy45IDMuNyA0LjF2MTdsLTMgMS41djNoMTZ2LTNsLTMtMS41di0xOWMwLTUuNy0yLjEtOC4zLTcuMS04LjMtNC4xIDAtOC4xIDEuNS0xMC44IDRWMTNoLTFsLTEyLjQgMi4ydjIuN2wzLjMgMS42djIxbC0zIDEuNXYzek0yNDUuMy40Yy0zIDAtNS40IDIuNC01LjQgNS41IDAgMyAyLjQgNS40IDUuNCA1LjQgMi45IDAgNS40LTIuNCA1LjQtNS40LS4xLTMuMS0yLjUtNS41LTUuNC01LjV6TTIzNyAxNS4xdjIuOGwzIDEuNnYyMC45bC0zIDEuNVY0NWgxNnYtMy4xbC0zLTEuNVYxMy4xaC0xbC0xMiAyek0yMjMgMzljLS43LjYtMS43IDEuMS0zLjIgMS4xLTQgMC01LjktMy4zLTUuOS0xMC45IDAtOC43IDIuNC0xMS42IDUuNi0xMS42IDEuOCAwIDIuOC42IDMuNSAxLjR2MjB6bTAtMjQuNGMtMS4yLS45LTMuMy0xLjQtNS0xLjQtNy40IDAtMTQuNSA0LjQtMTQuNSAxNi44IDAgMTEuOSA3LjEgMTUuNyAxMS44IDE1LjcgMy44IDAgNi40LTEuNyA3LjYtMy40aC4zdjMuM2guOWwxMS45LTEuNHYtMi4zbC0zLTEuOFYuNmgtMWwtMTIuNiAydjIuOGwzLjYgMS41djcuN3pNMTgxIDE4bDMgMS41djIwLjlsLTMgMS41VjQ1aDE3di0zLjFsLTQtMS41VjI0LjFjMS44LTEuNCA0LjEtMS45IDYuOC0xLjkuOSAwIDEuNi4yIDIuMi4zdi05Yy0uMy0uMS0uNy0uMi0xLjItLjItMy4zIDAtNiAyLjItNy44IDYuMlYxM2gtMWwtMTIgMnYzem0tMTkuMy0uOGMzLjkgMCA1LjMgMiA1LjMgNS45djMuNWwtNi4xIDEuMWMtNS45IDEuMS0xMC40IDIuOS0xMC40IDkuMyAwIDUuMSAzLjUgOC43IDguMyA4LjcgMy44IDAgNy40LTEuNyA4LjctNC40aC4zYy41IDMuMyAzLjMgNC40IDYuNCA0LjQgMi40IDAgNC44LS42IDUuNy0xLjZ2LTJsLTIuOS0xLjV2LTE4YzAtNy01LjItOS40LTEzLjMtOS40LTUuMyAwLTguNiAxLjMtMTEuNCAyLjZ2Ny44aDQuN2wyLTZjMS4xLS40IDIuMy0uNCAyLjctLjR6bTIuMyAyMi45Yy0xLjkgMC00LTEuMS00LTQuNiAwLTIuNCAyLjQtNC43IDQuOC01bDIuMi0uNXY4LjVzLTEuOSAxLjYtMyAxLjZ6bTEwMC43LTIyLjljMy45IDAgNS4zIDIgNS4zIDUuOXYzLjVsLTYuMSAxLjFjLTUuOSAxLjEtMTAuNCAyLjktMTAuNCA5LjMgMCA1LjEgMy41IDguNyA4LjMgOC43IDMuOCAwIDcuNC0xLjcgOC43LTQuNGguM2MuNSAzLjMgMy4zIDQuNCA2LjQgNC40IDIuNCAwIDQuOC0uNiA1LjctMS42di0ybC0yLjktMS41di0xOGMwLTctNS4yLTkuNC0xMy4zLTkuNC01LjMgMC04LjYgMS4zLTExLjQgMi42djcuOGg0LjdsMi02YzEuMS0uNCAyLjMtLjQgMi43LS40em0yLjMgMjIuOWMtMS45IDAtNC0xLjEtNC00LjYgMC0yLjQgMi40LTQuNyA0LjgtNWwyLjItLjV2OC41cy0xLjkgMS42LTMgMS42em0tMTM4LjcgNS42Yy40IDAgLjkgMCAxLjMtLjEgMy41LS4zIDYuNy0yIDguNC00LjJ2NC4xbDEyLTEuNXYtMmwtMy0yVjEzaC0xbC0xMiAyLjNWMThsNCAxLjdWMzhjLTEuMS44LTIuNCAxLjMtNC4yIDEuMy0yLjUgMC00LjgtLjgtNC44LTQuM1YxM2gtMWwtMTIgMi41djIuNmw0IDEuNlYzNmMwIDUuNCAyLjIgOS43IDguMyA5Ljd6TTk2IDM4Yy0xLjIgMC0yLjUtLjgtMi41LTEuOSAwLS44LjYtMS43IDEuNC0yLjMgMS42LjUgMyAuNiA1IC42IDcuOCAwIDEzLjItMy43IDEzLjItMTAuNCAwLTMtMS4zLTQuNi0zLjItNi40TDExNSAxOXYtNmwtOC4yIDEuNmMtMS45LS43LTQuNS0xLjYtNy0xLjYtNy44IDAtMTMuMiA0LjEtMTMuMiAxMC44IDAgNC4xIDIgNy4xIDUgOC44bC4yLjJjLTEuNyAxLjItNS4zIDQtNS4zIDcuMiAwIDIuNCAxLjUgNC44IDQuOCA1LjUtMy40LjgtNy4zIDIuNS03LjMgNi41IDAgNC4xIDUuOSA4IDE1LjUgOCAxMS44IDAgMTYuNS01LjcgMTYuNS0xMyAwLTYuMS0yLjgtOS05LjUtOUg5NnptNy41LTE0YzAgNS43LTEuMyA2LjUtMy41IDYuNXMtNC0uOC00LTYuNWMwLTUuOCAxLjgtNy41IDQtNy41czMuNSAyIDMuNSA3LjV6TTkyIDUwLjljLjEtMS41IDEuMS0zLjQgMy43LTMuNmg4LjZjMi41IDAgMy43IDIgMy43IDMuNiAwIDMuMi0yIDQuNC04LjMgNC40LTUuNSAwLTcuOC0yLjItNy43LTQuNHoiLz48cGF0aCBmaWxsPSIjQUFEOEYxIiBkPSJNODMgMzBjMC0xMy01LjEtMTYuOS0xMy0xNi45LTkgMC0xNSA2LjItMTUgMTYuNCAwIDEwLjUgNS41IDE2LjIgMTUuOCAxNi4yIDUuNiAwIDkuNy0yLjcgMTEuMi00Ljd2LTNjLTIuMS43LTMuOSAxLjItNy43IDEuMi01LjYgMC05LjMtMy4yLTkuMy05LjJoMTh6TTY5LjkgMTYuNmMyLjUgMCAzLjggMS44IDMuOCA5LjZsLTguNC43Yy4xLTcuOSAxLjgtMTAuMyA0LjYtMTAuM3pNMzcgNDV2LTNsLTMtMS41VjIxYzEuMi0uOSAzLjItMS43IDQuOC0xLjcgMi44IDAgNC4zIDEuNiA0LjIgNC4ydjE3TDQwIDQydjNoMTZ2LTNsLTMtMS41di0xOWMwLTUuNy0zLjMtOC4zLTcuNy04LjMtNC4xIDAtOC42IDEuMy0xMS4zIDMuOFYwaC0xTDIxIDJ2M2w0IDEuNXYzNEwyMiA0MnYzaDE1ek00IDM2LjRjMCA1LjcgMi44IDkuMyA4LjkgOS4zIDMuMSAwIDYuMi0uOCA4LjEtMi4zdi0zLjhjLS44LjMtMS45LjUtMi45LjUtMi45IDAtNC4xLTEuNi00LjEtNC42VjE5aDd2LTVoLTdWNi41TDQgOHY2bC00IDF2NGg0djE3LjR6Ii8+PC9zdmc+);background-position:0 0;width:20rem;height:3.75rem}
.svg .i-observer-logo-320,.svg-i-observer-logo-320 {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iNjAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMSAxMkgwVjJoMzIuOXYxMEgyMnYzM0gxMVYxMnpNNDYgMnYxMS41YzEtMS43IDMuNS0yLjYgOC42LTIuNiA3LjggMCA5LjQgNS4zIDkuNCAxMi4xdjIySDUzVjI2Yy4yLTMuMS0uNC00LjQtMy4xLTQuNC0zLjIgMC0zLjkgMS4zLTMuOSA0LjR2MTlIMzVWMmgxMXptNjIuMyAyMS41YzAtNyAuOC0xMS40IDcuMS0xMS40IDYuMSAwIDYuOSA0LjMgNi45IDExLjRzLS43IDExLjItNi44IDExLjJjLTYuMyAwLTcuMi00LjItNy4yLTExLjJ6bTcuNSAyMS41YzE1LjIgMCAxNy45LTEwLjUgMTcuOS0yMiAwLTExLjYtMi43LTIyLTE4LjQtMjJTOTYuOSAxMS41IDk2LjkgMjNjLjUgMTEuNSAzLjIgMjIgMTguOSAyMnptMzAuNi0xNi41YzAtNS4zLjgtNy40IDQuNS03LjQgMy40IDAgMy45IDEuOSAzLjkgNy40cy0uOSA3LTQuMSA3Yy0zLjYgMC00LjQtMS45LTQuMy03ek0xNDMuMyA0NWwxLjctMi41YzIuMSAxLjcgMy4xIDIuNSA5LjIgMi41IDkuOCAwIDEwLjctNy43IDEwLjctMTcgMC05LjEtLjYtMTcuMS0xMC4zLTE3LjEtNC40IDAtNyAuNi04LjcgMy4xVjJoLTEwdjQyLjVsNy40LjV6bTIyLjMtMi45bDQtOC4xYzIuNCAxLjIgNi40IDIuMyAxMC4xIDIuMyAxLjggMCAyLjQtLjcgMi40LTEuNiAwLTEuNC0xLjgtMS41LTYtMi45LTUuOS0xLjctOS4xLTMuNS05LjEtMTAuMiAwLTguNSA1LjctMTEgMTMuMy0xMSA1IDAgNy42LjcgMTAuOCAybC00LjEgOC44Yy0yLjEtLjktNC43LTEuNC03LjMtMS40LTIuMiAwLTIuNi41LTIuNiAxLjQgMCAxLjMgMS44IDEuNCA1LjEgMi40IDYuNyAxLjggOS44IDMuOSA5LjggMTAuNyAwIDcuMy01LjMgMTAuNC0xMi40IDEwLjQtNS4xLjEtMTAuMi0uNi0xNC0yLjh6bTY1LjktMzEuNmwxLjIgMy4xYzEuNi0xLjkgNC0zLjEgOS4zLTMuMVYyMWMtNi45IDAtOCAyLjEtOCA2djE3aC0xMC45VjExLjVsOC40LTF6bTEwLjQgMS41aDExLjZsNC43IDE4LjhMMjYzIDEyaDExbC0xMCAzM2gtMTIuMmwtOS45LTMzem02OC4xLTEuNWwuOCAzLjJjMS42LTEuOSAzLjktMy4yIDkuMi0zLjJWMjFjLTYuOSAwLTggMi4xLTggNnYxN2gtMTFWMTEuNWw5LTF6TTMwMC4yIDQybC00LTguM2MtMi4zIDEtNC4zIDIuMy04LjcgMi4zLTMuNC0uMy00LjctMS01LTRIMzAwYzAtMTIuNSAxLTIxLTEyLjktMjEuNC0xMS41LS40LTE1LjEgNi40LTE1LjEgMTcuMi4zIDExLjEgMyAxNy4yIDE1IDE3LjIgNS41IDAgOS44LTEgMTMuMi0zem0tOS42LTE3aC04LjJjLjItMy4zIDEuMy00LjkgNC41LTQuOSAzLjIuMSAzLjcgMS41IDMuNyA0Ljl6bS02OS40IDE3LjFsLTQtOC4zYy0yLjMgMS00LjMgMi4zLTguNyAyLjMtMy40LS4zLTQuNy0xLTUtNEgyMjFjMC0xMi41LjUtMjEtMTIuOS0yMS40LTExLjUtLjUtMTUuMSA2LjMtMTUuMSAxNy4xLjMgMTEuMSAzIDE3LjIgMTUgMTcuMiA1LjUgMCA5LjgtMSAxMy4yLTIuOXpNMjExLjYgMjVoLTguMmMuMi0zLjMgMS4zLTQuOSA0LjUtNC44IDQuMi0uMSAzLjcgNC44IDMuNyA0Ljh6TTkzLjIgNDIuMWwtNC04LjNjLTIuMyAxLTQuMyAyLjMtOC43IDIuMy0zLjQtLjMtNC43LTEtNS00SDkzYzAtMTIgLjUtMjEtMTIuOS0yMS40QzY4LjYgMTAuMiA2NSAxNyA2NSAyNy44IDY1LjMgMzguOSA2OCA0NSA4MCA0NWM1LjUgMCA5LjgtMSAxMy4yLTIuOXpNODMuNiAyNWgtOC4yYy4yLTMuMyAxLjMtNC45IDQuNS00LjggMy4yLjEgMy43IDEuNCAzLjcgNC44eiIvPjwvc3ZnPg==);background-position:0 0;width:20rem;height:3.75rem}
.svg .i-camera-black-large,.svg .paid-content.content--gallery .content__headline:before,.svg-i-camera-black-large {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTE4IDMuNXY4TDE2LjUgMTNoLTE1TDAgMTEuNXYtOEwxLjUgMkg1bDItMmg0bDIgMmgzLjVMMTggMy41ek05IDExYzEuOSAwIDMuNS0xLjYgMy41LTMuNVMxMC45IDQgOSA0IDUuNSA1LjYgNS41IDcuNSA3LjEgMTEgOSAxMXoiLz48L3N2Zz4=);background-position:0 0;width:1.125rem;height:0.8125rem}
.svg .i-volume-mute--tone-media,.svg-i-volume-mute--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTEgNEwwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40bC0uNi0uNi0yLjkgMi42TDEwLjYgM2wtLjYuNiAyLjYgMi45TDEwIDkuNGwuNi42IDIuOS0yLjYgMi45IDIuNi42LS42LTIuNi0yLjlMMTcgMy42eiIvPjwvc3ZnPg==);background-position:0 0;width:1.0625rem;height:0.8125rem}
.svg .i-volume-mute--tone-podcast,.svg-i-volume-mute--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTEgNEwwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40bC0uNi0uNi0yLjkgMi42TDEwLjYgM2wtLjYuNiAyLjYgMi45TDEwIDkuNGwuNi42IDIuOS0yLjYgMi45IDIuNi42LS42LTIuNi0yLjlMMTcgMy42eiIvPjwvc3ZnPg==);background-position:0 0;width:1.0625rem;height:0.8125rem}
.svg .i-volume-mute-white,.svg-i-volume-mute-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEgNEwwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40bC0uNi0uNi0yLjkgMi42TDEwLjYgM2wtLjYuNiAyLjYgMi45TDEwIDkuNGwuNi42IDIuOS0yLjYgMi45IDIuNi42LS42LTIuNi0yLjlMMTcgMy42eiIvPjwvc3ZnPg==);background-position:0 0;width:1.0625rem;height:0.8125rem}
.svg .i-volume-low-black,.svg-i-volume-low-black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNOTkgMjMuM3YxNThoLTguN2wtNDcuNy00N2gtMzNsLTcuNi04Vjc4LjZsOC43LTguM2gzMmw0Ny00N2g4LjdtNTIgNzlsLTI5LjktMzQgNi40LTYuNCAzMy43IDMwIDM0LTMwIDYuNCA2LjQtMzAgMzQgMzAgMzMuNy02LjQgNi40LTM0LTI5LjktMzMuNyAyOS45LTYuNC02LjQgMjkuOS0zMy43Ii8+PC9zdmc+);background-position:0 0;width:0rem;height:0rem}
.svg .i-expand--black,.svg-i-expand--black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNzIuOCAxOTF2MTEuM2gtNjZMMi4xIDE5OHYtNjZoMTEuN2w1LjEgNDAuNiA1Mi01MiAxMi45IDEyLjktNTIgNTIgNDAuNiA1LjVtNTktMTc3VjIuN2g2Nmw0LjMgNC4zdjY2aC0xMS4zbC01LjUtNDEtNTIgNTItMTIuNS0xMi45IDUyLTUyLTQwLjYtNS4xIi8+PC9zdmc+);background-position:0 0;width:0rem;height:0rem}
.svg .i-volume-high--tone-media,.svg-i-volume-high--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-high--tone-podcast,.svg-i-volume-high--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-high-black,.svg .paid-content.tonal--tone-media .vjs-volume-menu-button .vjs-control-text:before,.svg .paid-content.content--media--audio .content__headline:before,.svg-i-volume-high-black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-high-white,.svg-i-volume-high-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-low--tone-media,.svg-i-volume-low--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTggMi41YzAgMS4xLS4zIDIuMi0uOSAzLjFsLjUuNWMuOC0xIDEuNC0yLjIgMS40LTMuNnMtLjYtMi42LTEuNS0zLjVsLS41LjVjLjYuOCAxIDEuOSAxIDMiLz48L3N2Zz4=);background-position:0 0;width:0.75rem;height:0.8125rem}
.svg .i-volume-low--tone-podcast,.svg-i-volume-low--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTggMi41YzAgMS4xLS4zIDIuMi0uOSAzLjFsLjUuNWMuOC0xIDEuNC0yLjIgMS40LTMuNnMtLjYtMi42LTEuNS0zLjVsLS41LjVjLjYuOCAxIDEuOSAxIDMiLz48L3N2Zz4=);background-position:0 0;width:0.75rem;height:0.8125rem}
.svg .i-volume-low-white,.svg-i-volume-low-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTggMi41YzAgMS4xLS4zIDIuMi0uOSAzLjFsLjUuNWMuOC0xIDEuNC0yLjIgMS40LTMuNnMtLjYtMi42LTEuNS0zLjVsLS41LjVjLjYuOCAxIDEuOSAxIDMiLz48L3N2Zz4=);background-position:0 0;width:0.75rem;height:0.8125rem}
.svg .i-embed--black,.svg .paid-content.tonal--tone-media .vjs-embed-button .vjs-control-content:before,.svg-i-embed--black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xIDEwLjJWOC40TDIuOCA2LjcgNy4xIDVWMy4yTC44IDZ2MS41bDYuMyAyLjhNOS42IDE0aDEuN0wxNS4xLjRoLTEuN0w5LjYgMTRtOC40LTMuN2w2LjMtMi44VjZMMTggMy4yVjVsNC4zIDEuN0wxOCA4LjR2MS44IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);background-position:0 0;width:1.5625rem;height:0.875rem}
.svg .i-embed--tone-media,.svg-i-embed--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODR6bTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MnptOC4zNjQtMy42OGw2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4eiIgZmlsbD0iI2ZiMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);background-position:0 0;width:1.5625rem;height:0.875rem}
.svg .i-embed--white,.svg-i-embed--white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODR6bTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MnptOC4zNjQtMy42OGw2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);background-position:0 0;width:1.5625rem;height:0.875rem}
.svg .i-expand-black,.svg .paid-content.tonal--tone-media .vjs-fullscreen-control .vjs-control-text:before,.svg-i-expand-black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTMuNCAyMC4yTDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOUwxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=);background-position:0 0;width:1.375rem;height:1.375rem}
.svg .i-expand-white,.svg-i-expand-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMuNCAyMC4yTDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOUwxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=);background-position:0 0;width:1.375rem;height:1.375rem}
.svg .i-expand-yellow,.svg-i-expand-yellow {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMuNCAyMC4yTDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOUwxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=);background-position:0 0;width:1.375rem;height:1.375rem}
.svg .i-video-camera--tone-media,.svg-i-video-camera--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIyMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgMEwwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==);background-position:0 0;width:2.25rem;height:1.4375rem}
.svg .i-video-camera--tone-podcast,.svg-i-video-camera--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIyMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgMEwwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==);background-position:0 0;width:2.25rem;height:1.4375rem}
.svg .i-close-icon-white-small,.svg-i-close-icon-white-small {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDkuOGwtLjgtLjgtNS4yIDQuOEw5LjggOWwtLjguOCA0LjggNS4yTDkgMjAuMmwuOC44IDUuMi00LjggNS4yIDQuOC44LS44LTQuOC01LjJMMjEgOS44Ii8+PC9zdmc+);background-position:0 0;width:1.875rem;height:1.875rem}
.svg .i-pause-32--tone-media,.svg-i-pause-32--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmIwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+);background-position:0 0;width:2rem;height:2rem}
.svg .i-pause-32--tone-podcast,.svg-i-pause-32--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjYWFkOGYxIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+);background-position:0 0;width:2rem;height:2rem}
.svg .i-play-32--tone-media,.svg-i-play-32--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmIwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjdMMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=);background-position:0 0;width:2rem;height:2rem}
.svg .i-play-32--tone-podcast,.svg-i-play-32--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjYWFkOGYxIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjdMMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=);background-position:0 0;width:2rem;height:2rem}
.svg .i-error-exclamation,.svg-i-error-exclamation {
background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iI2ZmZiIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+PHBhdGggZD0iTTE0LjcyNyA1LjcyN2wxLjYzNi0xLjYzNmgzLjI3M2wxLjYzNiAxLjYzNi0xLjYzNiAxNS41NDVoLTMuMjczTDE0LjcyNyA1LjcyN202LjU0NSAyMi4wOWMwLTEuOC0xLjQ3My0zLjI3My0zLjI3My0zLjI3M2EzLjI4MyAzLjI4MyAwIDAgMC0zLjI3MyAzLjI3M2MwIDEuOCAxLjQ3MyAzLjI3MyAzLjI3MyAzLjI3M3MzLjI3My0xLjQ3MyAzLjI3My0zLjI3MyIgZmlsbD0iIzMzMyIvPjwvZz48L3N2Zz4=);background-position:0 0;width:2.25rem;height:2.25rem}
.centered-icon svg {
top:0;bottom:0;right:0;left:0;margin:auto;position:absolute}
.tonal--tone-analysis {
background-color:#fff}
.tonal--tone-analysis .tonal__header {
background-color:#f1f1f1}
.tonal--tone-analysis .content__labels {
border-bottom-color:rgba(118,118,118,0.3)}
.tonal--tone-analysis .content__section-label__link {
color:#005689}
.tonal--tone-analysis .content__series-label__link {
color:#767676}
.tonal--tone-analysis .content__headline,.tonal--tone-analysis .content__head__comment-count .tone-colour {
color:#005689}
.tonal--tone-analysis .content__headline {
font-weight:400}
.tonal--tone-analysis .content__headline--byline .tone-colour,.tonal--tone-analysis .content__headline--kicker {
color:#4bc6df}
.tonal--tone-analysis .content__headline--kicker {
font-weight:200}
.tonal--tone-analysis .tonal__standfirst {
color:#767676;background-color:#f6f6f6;padding-top:0.375rem}
.tonal--tone-analysis .tonal__standfirst .content__standfirst {
color:#767676;margin-bottom:1.5rem}
.tonal--tone-analysis .tonal__standfirst .content__meta-container {
border-top-color:rgba(118,118,118,0.3)}
.tonal--tone-analysis .tonal__standfirst .bullet:before,.tonal--tone-analysis .tonal__standfirst ul>li:before {
background-color:rgba(118,118,118,0.4)}
.tonal--tone-analysis .tonal__standfirst .u-underline {
color:#005689;border-bottom-color:rgba(118,118,118,0.3)}
.tonal--tone-analysis .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(118,118,118,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-analysis .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-analysis .tonal__main .tone-colour,.tonal--tone-analysis .tonal__main .tone-colour:active,.tonal--tone-analysis .tonal__main .tone-colour:focus,.tonal--tone-analysis .tonal__main .tone-colour:hover,.tonal--tone-analysis .tonal__main.tone-colour,.tonal--tone-analysis .tonal__main.tone-colour:active,.tonal--tone-analysis .tonal__main.tone-colour:focus,.tonal--tone-analysis .tonal__main.tone-colour:hover {
color:#21a2bc}
.tonal--tone-analysis .tonal__main .tone-accent-border {
border-color:#4bc6df}
.tonal--tone-analysis .tonal__main .drop-cap,.tonal--tone-analysis .tonal__main .element-pullquote cite {
color:#21a2bc}
.tonal--tone-analysis .tonal__main .open__cta-icon {
background-color:#21a2bc}
.tonal--tone-analysis .tonal__main .element-pullquote span {
fill:#21a2bc}
.tonal--tone-comment {
background-color:#fff}
.tonal--tone-comment .tonal__header {
background-color:#efefec}
.tonal--tone-comment .content__labels {
border-bottom-color:rgba(118,118,118,0.3)}
.tonal--tone-comment .content__section-label__link {
color:#e6711b}
.tonal--tone-comment .content__series-label__link {
color:#767676}
.tonal--tone-comment .content__headline,.tonal--tone-comment .content__head__comment-count .tone-colour {
color:#333}
.tonal--tone-comment .content__headline {
font-weight:200}
.tonal--tone-comment .content__headline--byline .tone-colour,.tonal--tone-comment .content__headline--kicker {
color:#e6711b}
.tonal--tone-comment .content__headline--kicker {
font-weight:200}
.tonal--tone-comment .tonal__standfirst {
color:#fff;background-color:#e6711b;padding-top:0.375rem}
.tonal--tone-comment .tonal__standfirst .content__standfirst {
color:#fff;margin-bottom:1.5rem}
.tonal--tone-comment .tonal__standfirst .content__meta-container {
border-top-color:rgba(255,255,255,0.3)}
.tonal--tone-comment .tonal__standfirst .bullet:before,.tonal--tone-comment .tonal__standfirst ul>li:before {
background-color:rgba(255,255,255,0.4)}
.tonal--tone-comment .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-comment .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(255,255,255,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-comment .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-comment .tonal__main .tone-colour,.tonal--tone-comment .tonal__main .tone-colour:active,.tonal--tone-comment .tonal__main .tone-colour:focus,.tonal--tone-comment .tonal__main .tone-colour:hover,.tonal--tone-comment .tonal__main.tone-colour,.tonal--tone-comment .tonal__main.tone-colour:active,.tonal--tone-comment .tonal__main.tone-colour:focus,.tonal--tone-comment .tonal__main.tone-colour:hover {
color:#e6711b}
.tonal--tone-comment .tonal__main .tone-accent-border {
border-color:#e6711b}
.tonal--tone-comment .tonal__main .drop-cap,.tonal--tone-comment .tonal__main .element-pullquote cite {
color:#e6711b}
.tonal--tone-comment .tonal__main .open__cta-icon {
background-color:#e6711b}
.tonal--tone-comment .tonal__main .element-pullquote span {
fill:#e6711b}
.tonal--tone-dead {
background-color:#f6f6f6}
.tonal--tone-dead .tonal__header {
background-color:#fff}
.tonal--tone-dead .content__labels {
border-bottom-color:rgba(118,118,118,0.3)}
.tonal--tone-dead .content__section-label__link {
color:#b51800}
.tonal--tone-dead .content__series-label__link {
color:#767676}
.tonal--tone-dead .content__headline,.tonal--tone-dead .content__head__comment-count .tone-colour {
color:#333}
.tonal--tone-dead .content__headline {
font-weight:400}
.tonal--tone-dead .content__headline--byline .tone-colour,.tonal--tone-dead .content__headline--kicker {
color:#b51800}
.tonal--tone-dead .content__headline--kicker {
font-weight:200}
.tonal--tone-dead .tonal__standfirst {
color:#333;background-color:#eaeaea;padding-top:0.375rem}
.tonal--tone-dead .tonal__standfirst .content__standfirst {
color:#333;margin-bottom:1.5rem}
.tonal--tone-dead .tonal__standfirst .content__meta-container {
border-top-color:rgba(51,51,51,0.3)}
.tonal--tone-dead .tonal__standfirst .bullet:before,.tonal--tone-dead .tonal__standfirst ul>li:before {
background-color:rgba(51,51,51,0.4)}
.tonal--tone-dead .tonal__standfirst .u-underline {
color:#b51800;border-bottom-color:rgba(51,51,51,0.3)}
.tonal--tone-dead .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(51,51,51,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-dead .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-dead .tonal__main .tone-colour,.tonal--tone-dead .tonal__main .tone-colour:active,.tonal--tone-dead .tonal__main .tone-colour:focus,.tonal--tone-dead .tonal__main .tone-colour:hover,.tonal--tone-dead .tonal__main.tone-colour,.tonal--tone-dead .tonal__main.tone-colour:active,.tonal--tone-dead .tonal__main.tone-colour:focus,.tonal--tone-dead .tonal__main.tone-colour:hover {
color:#b51800}
.tonal--tone-dead .tonal__main .tone-accent-border {
border-color:#b51800}
.tonal--tone-dead .tonal__main .drop-cap,.tonal--tone-dead .tonal__main .element-pullquote cite {
color:#b51800}
.tonal--tone-dead .tonal__main .open__cta-icon {
background-color:#b51800}
.tonal--tone-dead .tonal__main .element-pullquote span {
fill:#b51800}
.tonal--tone-editorial {
background-color:#fff}
.tonal--tone-editorial .tonal__header {
background-color:#efefec}
.tonal--tone-editorial .content__labels {
border-bottom-color:rgba(118,118,118,0.3)}
.tonal--tone-editorial .content__section-label__link {
color:#005689}
.tonal--tone-editorial .content__series-label__link {
color:#767676}
.tonal--tone-editorial .content__headline,.tonal--tone-editorial .content__head__comment-count .tone-colour {
color:#333}
.tonal--tone-editorial .content__headline {
font-weight:200}
.tonal--tone-editorial .content__headline--byline .tone-colour,.tonal--tone-editorial .content__headline--kicker {
color:#005689}
.tonal--tone-editorial .content__headline--kicker {
font-weight:200}
.tonal--tone-editorial .tonal__standfirst {
color:#fff;background-color:#005689;padding-top:0.375rem}
.tonal--tone-editorial .tonal__standfirst .content__standfirst {
color:#fff;margin-bottom:1.5rem}
.tonal--tone-editorial .tonal__standfirst .content__meta-container {
border-top-color:rgba(255,255,255,0.3)}
.tonal--tone-editorial .tonal__standfirst .bullet:before,.tonal--tone-editorial .tonal__standfirst ul>li:before {
background-color:rgba(255,255,255,0.4)}
.tonal--tone-editorial .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-editorial .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(255,255,255,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-editorial .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-editorial .tonal__main .tone-colour,.tonal--tone-editorial .tonal__main .tone-colour:active,.tonal--tone-editorial .tonal__main .tone-colour:focus,.tonal--tone-editorial .tonal__main .tone-colour:hover,.tonal--tone-editorial .tonal__main.tone-colour,.tonal--tone-editorial .tonal__main.tone-colour:active,.tonal--tone-editorial .tonal__main.tone-colour:focus,.tonal--tone-editorial .tonal__main.tone-colour:hover {
color:#005689}
.tonal--tone-editorial .tonal__main .tone-accent-border {
border-color:#005689}
.tonal--tone-editorial .tonal__main .drop-cap,.tonal--tone-editorial .tonal__main .element-pullquote cite {
color:#005689}
.tonal--tone-editorial .tonal__main .open__cta-icon {
background-color:#005689}
.tonal--tone-editorial .tonal__main .element-pullquote span {
fill:#005689}
.tonal--tone-feature {
background-color:#fff}
.tonal--tone-feature .tonal__header {
background-color:#951c55}
.tonal--tone-feature .content__labels {
border-bottom-color:rgba(234,234,234,0.3)}
.tonal--tone-feature .content__section-label__link {
color:#fdadba}
.tonal--tone-feature .content__series-label__link {
color:#eaeaea}
.tonal--tone-feature .content__headline,.tonal--tone-feature .content__head__comment-count .tone-colour {
color:#fff}
.tonal--tone-feature .content__headline {
font-weight:200}
.tonal--tone-feature .content__headline--byline .tone-colour,.tonal--tone-feature .content__headline--kicker {
color:#fdadba}
.tonal--tone-feature .content__headline--kicker {
font-weight:200}
.tonal--tone-feature .tonal__standfirst {
color:#fff;background-color:#b82266;padding-top:0.375rem}
.tonal--tone-feature .tonal__standfirst .content__standfirst {
color:#fff;margin-bottom:1.5rem}
.tonal--tone-feature .tonal__standfirst .content__meta-container {
border-top-color:rgba(255,255,255,0.3)}
.tonal--tone-feature .tonal__standfirst .bullet:before,.tonal--tone-feature .tonal__standfirst ul>li:before {
background-color:rgba(255,255,255,0.4)}
.tonal--tone-feature .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-feature .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(255,255,255,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-feature .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-feature .tonal__main .tone-colour,.tonal--tone-feature .tonal__main .tone-colour:active,.tonal--tone-feature .tonal__main .tone-colour:focus,.tonal--tone-feature .tonal__main .tone-colour:hover,.tonal--tone-feature .tonal__main.tone-colour,.tonal--tone-feature .tonal__main.tone-colour:active,.tonal--tone-feature .tonal__main.tone-colour:focus,.tonal--tone-feature .tonal__main.tone-colour:hover {
color:#951c55}
.tonal--tone-feature .tonal__main .tone-accent-border {
border-color:#fdadba}
.tonal--tone-feature .tonal__main .drop-cap,.tonal--tone-feature .tonal__main .element-pullquote cite {
color:#951c55}
.tonal--tone-feature .tonal__main .open__cta-icon {
background-color:#951c55}
.tonal--tone-feature .tonal__main .element-pullquote span {
fill:#951c55}
.tonal--tone-feature.content--interactive .content__headline {
font-weight:normal;color:#333}
.tonal--tone-feature.content--interactive .tone-colour,.tonal--tone-feature.content--interactive .content__section-label__link {
color:#951c55}
.tonal--tone-feature.content--interactive .content__series-label__link {
color:#767676}
.tonal--tone-feature.content--interactive .u-underline {
color:#951c55;border-bottom-color:rgba(149,28,85,0.3)}
.tonal--tone-feature.content--interactive .u-underline:hover {
border-bottom-color:rgba(149,28,85,0.7)}
.tonal--tone-letters {
background-color:#fff}
.tonal--tone-letters .tonal__header {
background-color:#efefec}
.tonal--tone-letters .content__labels {
border-bottom-color:rgba(118,118,118,0.3)}
.tonal--tone-letters .content__section-label__link {
color:#e6711b}
.tonal--tone-letters .content__series-label__link {
color:#767676}
.tonal--tone-letters .content__headline,.tonal--tone-letters .content__head__comment-count .tone-colour {
color:#333}
.tonal--tone-letters .content__headline {
font-weight:200}
.tonal--tone-letters .content__headline--byline .tone-colour,.tonal--tone-letters .content__headline--kicker {
color:#e6711b}
.tonal--tone-letters .content__headline--kicker {
font-weight:200}
.tonal--tone-letters .tonal__standfirst {
color:#fff;background-color:#e6711b;padding-top:0.375rem}
.tonal--tone-letters .tonal__standfirst .content__standfirst {
color:#fff;margin-bottom:1.5rem}
.tonal--tone-letters .tonal__standfirst .content__meta-container {
border-top-color:rgba(255,255,255,0.3)}
.tonal--tone-letters .tonal__standfirst .bullet:before,.tonal--tone-letters .tonal__standfirst ul>li:before {
background-color:rgba(255,255,255,0.4)}
.tonal--tone-letters .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-letters .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(255,255,255,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-letters .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-letters .tonal__main .tone-colour,.tonal--tone-letters .tonal__main .tone-colour:active,.tonal--tone-letters .tonal__main .tone-colour:focus,.tonal--tone-letters .tonal__main .tone-colour:hover,.tonal--tone-letters .tonal__main.tone-colour,.tonal--tone-letters .tonal__main.tone-colour:active,.tonal--tone-letters .tonal__main.tone-colour:focus,.tonal--tone-letters .tonal__main.tone-colour:hover {
color:#e6711b}
.tonal--tone-letters .tonal__main .tone-accent-border {
border-color:#e6711b}
.tonal--tone-letters .tonal__main .drop-cap,.tonal--tone-letters .tonal__main .element-pullquote cite {
color:#e6711b}
.tonal--tone-letters .tonal__main .open__cta-icon {
background-color:#e6711b}
.tonal--tone-letters .tonal__main .element-pullquote span {
fill:#e6711b}
.tonal--tone-letters .tonal__header .content__head__illustration {
margin-bottom:-1.5rem;position:absolute;bottom:0;right:1.25rem;display:block}
@media (min-width: 61.25em) {
.tonal--tone-letters .tonal__header .content__head__illustration {
margin-right:-18.75rem}
}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.tonal--tone-letters .tonal__standfirst .content__standfirst {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:13.75rem}
}
.inline-illustration-letters {
fill:#000000}
.tonal--tone-live {
background-color:#f6f6f6}
.tonal--tone-live .tonal__header {
background-color:#b51800}
.tonal--tone-live .content__labels {
border-bottom-color:rgba(234,234,234,0.3)}
.tonal--tone-live .content__section-label__link {
color:#fff}
.tonal--tone-live .content__series-label__link {
color:#eaeaea}
.tonal--tone-live .content__headline,.tonal--tone-live .content__head__comment-count .tone-colour {
color:#fff}
.tonal--tone-live .content__headline {
font-weight:400}
.tonal--tone-live .content__headline--byline .tone-colour,.tonal--tone-live .content__headline--kicker {
color:#b51800}
.tonal--tone-live .content__headline--kicker {
font-weight:200}
.tonal--tone-live .tonal__standfirst {
color:#fff;background-color:#cc2b12;padding-top:0.375rem}
.tonal--tone-live .tonal__standfirst .content__standfirst {
color:#fff;margin-bottom:1.5rem}
.tonal--tone-live .tonal__standfirst .content__meta-container {
border-top-color:rgba(255,255,255,0.3)}
.tonal--tone-live .tonal__standfirst .bullet:before,.tonal--tone-live .tonal__standfirst ul>li:before {
background-color:rgba(255,255,255,0.4)}
.tonal--tone-live .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-live .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(255,255,255,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-live .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-live .tonal__main .tone-colour,.tonal--tone-live .tonal__main .tone-colour:active,.tonal--tone-live .tonal__main .tone-colour:focus,.tonal--tone-live .tonal__main .tone-colour:hover,.tonal--tone-live .tonal__main.tone-colour,.tonal--tone-live .tonal__main.tone-colour:active,.tonal--tone-live .tonal__main.tone-colour:focus,.tonal--tone-live .tonal__main.tone-colour:hover {
color:#b51800}
.tonal--tone-live .tonal__main .tone-accent-border {
border-color:#b51800}
.tonal--tone-live .tonal__main .drop-cap,.tonal--tone-live .tonal__main .element-pullquote cite {
color:#b51800}
.tonal--tone-live .tonal__main .open__cta-icon {
background-color:#b51800}
.tonal--tone-live .tonal__main .element-pullquote span {
fill:#b51800}
.tonal--tone-media {
background-color:#161616}
.tonal--tone-media .tonal__header {
background-color:#161616}
.tonal--tone-media .content__labels {
border-bottom-color:rgba(234,234,234,0.3)}
.tonal--tone-media .content__section-label__link {
color:#fb0}
.tonal--tone-media .content__series-label__link {
color:#eaeaea}
.tonal--tone-media .content__headline,.tonal--tone-media .content__head__comment-count .tone-colour {
color:#fff}
.tonal--tone-media .content__headline {
font-weight:400}
.tonal--tone-media .content__headline--byline .tone-colour,.tonal--tone-media .content__headline--kicker {
color:#fb0}
.tonal--tone-media .content__headline--kicker {
font-weight:200}
.tonal--tone-media .tonal__standfirst {
color:#dcdcdc;background-color:#161616;padding-top:0.375rem}
.tonal--tone-media .tonal__standfirst .content__standfirst {
color:#dcdcdc;margin-bottom:1.5rem}
.tonal--tone-media .tonal__standfirst .content__meta-container {
border-top-color:rgba(220,220,220,0.3)}
.tonal--tone-media .tonal__standfirst .bullet:before,.tonal--tone-media .tonal__standfirst ul>li:before {
background-color:rgba(220,220,220,0.4)}
.tonal--tone-media .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(220,220,220,0.3)}
.tonal--tone-media .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(220,220,220,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-media .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-media .tonal__main .tone-colour,.tonal--tone-media .tonal__main .tone-colour:active,.tonal--tone-media .tonal__main .tone-colour:focus,.tonal--tone-media .tonal__main .tone-colour:hover,.tonal--tone-media .tonal__main.tone-colour,.tonal--tone-media .tonal__main.tone-colour:active,.tonal--tone-media .tonal__main.tone-colour:focus,.tonal--tone-media .tonal__main.tone-colour:hover {
color:#fb0}
.tonal--tone-media .tonal__main .tone-accent-border {
border-color:#fb0}
.tonal--tone-media .tonal__main .drop-cap,.tonal--tone-media .tonal__main .element-pullquote cite {
color:#fb0}
.tonal--tone-media .tonal__main .open__cta-icon {
background-color:#fb0}
.tonal--tone-media .tonal__main .element-pullquote span {
fill:#fb0}
.tonal--tone-media {
color:#dcdcdc;padding-top:0}
.tonal--tone-media .byline,.tonal--tone-media .byline .tone-colour,.tonal--tone-media .byline .tone-colour:hover,.tonal--tone-media .content__dateline,.tonal--tone-media .meta__numbers .sharecount__heading,.tonal--tone-media .meta__numbers .commentcount2__heading,.tonal--tone-media .meta__numbers .sharecount__value {
color:#bdbdbd}
.tonal--tone-media .meta__numbers .commentcount2__value {
color:#dcdcdc}
.tonal--tone-media .meta__numbers .inline-comment-16 {
fill:#dcdcdc}
.tonal--tone-media .meta__numbers .inline-share {
fill:#bdbdbd}
.tonal--tone-media .commentcount2:hover,.tonal--tone-media .commentcount2:focus {
color:#dcdcdc}
.tonal--tone-media .badge--alt {
border-color:#333}
.tonal--tone-media .caption {
color:#dcdcdc}
.tonal--tone-media .caption a {
color:#dcdcdc;border-bottom:0.0625rem solid #767676;-webkit-transition:border-color .15s ease-out;transition:border-color .15s ease-out}
.tonal--tone-media .caption a:hover {
border-bottom:0.0625rem solid #f1f1f1;text-decoration:none}
.tonal--tone-media .byline,.tonal--tone-media .content__dateline,.tonal--tone-media .content__meta-container,.tonal--tone-media .commentcount,.tonal--tone-media .meta__numbers,.tonal--tone-media .meta__social,.tonal--tone-media .meta__extras,.tonal--tone-media .submeta,.tonal--tone-media .submeta__keywords,.tonal--tone-media .meta__number:not(u-h)+.meta__number {
border-color:#333}
.tonal--tone-media .from-content-api a,.tonal--tone-media .from-content-api .u-underline {
color:inherit;border-bottom-color:#767676}
.tonal--tone-media .from-content-api a:hover,.tonal--tone-media .from-content-api a:focus,.tonal--tone-media .from-content-api .u-underline:hover,.tonal--tone-media .from-content-api .u-underline:focus {
border-color:#a9a9a9}
.tonal--tone-media .from-content-api a:active,.tonal--tone-media .from-content-api .u-underline:active {
color:#fb0;border-color:#fb0}
.tonal--tone-media .submeta__section-labels .submeta__link {
color:#eaeaea}
.tonal--tone-media .submeta__keywords .submeta__link {
color:#bdbdbd}
.tonal--tone-media .submeta__link:after {
color:#767676}
.tonal--tone-media.content--paidgallery {
background:#383838}
.tonal--tone-media.content--paidgallery .tonal__standfirst,.tonal--tone-media.content--paidgallery .ad-slot--gallery-inline {
background:none}
.tonal--tone-media.content--paidgallery .l-side-margins--gallery .meta__extras {
border:0}
.tonal--tone-media.content--paidgallery .gallery__divider,.tonal--tone-media.content--paidgallery .ad-slot--dark .ad-slot__label {
border-top-color:#eaeaea}
.tonal--tone-media.content--paidgallery .gallery__meta-container::before,.tonal--tone-media.content--paidgallery .gallery::before {
content:none}
.tonal--tone-media.content--paidgallery .gallery__img-container {
padding-bottom:0}
.tonal--tone-media.content--paidgallery .gallery__item+.gallery__item:not(.gallery__item--advert) .gallery__img-container {
padding-top:1.25rem;margin-top:1.25rem;border-top:0.0625rem solid #eaeaea}
.tonal--tone-media .content__headline--paidgallery .inline-tone-fill {
fill:#69d1ca}
.tonal--tone-news .tonal__main .element-pullquote:before,.tonal--tone-news .tonal__main .element-pullquote:after {
background-color:#005689}
.tonal--tone-news .tone-colour {
color:#005689}
.tonal--tone-news .tone-accent-border {
border-color:#4bc6df}
.tonal--tone-review {
background-color:#fff}
.tonal--tone-review .tonal__header {
background-color:#615b52}
.tonal--tone-review .content__labels {
border-bottom-color:rgba(234,234,234,0.3)}
.tonal--tone-review .content__section-label__link {
color:#ffce4b}
.tonal--tone-review .content__series-label__link {
color:#eaeaea}
.tonal--tone-review .content__headline,.tonal--tone-review .content__head__comment-count .tone-colour {
color:#fff}
.tonal--tone-review .content__headline {
font-weight:200}
.tonal--tone-review .content__headline--byline .tone-colour,.tonal--tone-review .content__headline--kicker {
color:#ffce4b}
.tonal--tone-review .content__headline--kicker {
font-weight:200}
.tonal--tone-review .tonal__standfirst {
color:#fff;background-color:#7d7569;padding-top:0.375rem}
.tonal--tone-review .tonal__standfirst .content__standfirst {
color:#fff;margin-bottom:1.5rem}
.tonal--tone-review .tonal__standfirst .content__meta-container {
border-top-color:rgba(255,255,255,0.3)}
.tonal--tone-review .tonal__standfirst .bullet:before,.tonal--tone-review .tonal__standfirst ul>li:before {
background-color:rgba(255,255,255,0.4)}
.tonal--tone-review .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-review .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(255,255,255,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-review .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-review .tonal__main .tone-colour,.tonal--tone-review .tonal__main .tone-colour:active,.tonal--tone-review .tonal__main .tone-colour:focus,.tonal--tone-review .tonal__main .tone-colour:hover,.tonal--tone-review .tonal__main.tone-colour,.tonal--tone-review .tonal__main.tone-colour:active,.tonal--tone-review .tonal__main.tone-colour:focus,.tonal--tone-review .tonal__main.tone-colour:hover {
color:#615b52}
.tonal--tone-review .tonal__main .tone-accent-border {
border-color:#ffce4b}
.tonal--tone-review .tonal__main .drop-cap,.tonal--tone-review .tonal__main .element-pullquote cite {
color:#615b52}
.tonal--tone-review .tonal__main .open__cta-icon {
background-color:#615b52}
.tonal--tone-review .tonal__main .element-pullquote span {
fill:#615b52}
.tonal--tone-review .stars {
display:block;white-space:nowrap;overflow:hidden;margin-top:-1.125rem;margin-bottom:1.125rem;line-height:1}
.tonal--tone-review .star__item {
margin-right:0.125rem;width:1.125rem;height:1.125rem}
.tonal--tone-review .star__item--golden {
fill:#ffce4b}
.tonal--tone-review .star__item--grey {
fill:#000000;opacity:.15}
@media (min-width: 71.25em) {
.tonal--tone-review .stars {
margin-top:-1.875rem}
}
.tonal--tone-special-report {
background-color:#fff}
.tonal--tone-special-report .tonal__header {
background-color:#63717a}
.tonal--tone-special-report .content__labels {
border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-special-report .content__section-label__link {
color:#fb0}
.tonal--tone-special-report .content__series-label__link {
color:#fff}
.tonal--tone-special-report .content__headline,.tonal--tone-special-report .content__head__comment-count .tone-colour {
color:#fff}
.tonal--tone-special-report .content__headline {
font-weight:200}
.tonal--tone-special-report .content__headline--byline .tone-colour,.tonal--tone-special-report .content__headline--kicker {
color:#fb0}
.tonal--tone-special-report .content__headline--kicker {
font-weight:200}
.tonal--tone-special-report .tonal__standfirst {
color:#fff;background-color:#6e7e88;padding-top:0.375rem}
.tonal--tone-special-report .tonal__standfirst .content__standfirst {
color:#fff;margin-bottom:1.5rem}
.tonal--tone-special-report .tonal__standfirst .content__meta-container {
border-top-color:rgba(255,255,255,0.3)}
.tonal--tone-special-report .tonal__standfirst .bullet:before,.tonal--tone-special-report .tonal__standfirst ul>li:before {
background-color:rgba(255,255,255,0.4)}
.tonal--tone-special-report .tonal__standfirst .u-underline {
color:#fff;border-bottom-color:rgba(255,255,255,0.3)}
.tonal--tone-special-report .tonal__standfirst .u-underline:hover {
border-bottom-color:rgba(255,255,255,0.7)}
@media (min-width: 46.25em) {
.tonal--tone-special-report .tonal__main {
padding-top:1.5rem}
}
.tonal--tone-special-report .tonal__main .tone-colour,.tonal--tone-special-report .tonal__main .tone-colour:active,.tonal--tone-special-report .tonal__main .tone-colour:focus,.tonal--tone-special-report .tonal__main .tone-colour:hover,.tonal--tone-special-report .tonal__main.tone-colour,.tonal--tone-special-report .tonal__main.tone-colour:active,.tonal--tone-special-report .tonal__main.tone-colour:focus,.tonal--tone-special-report .tonal__main.tone-colour:hover {
color:#63717a}
.tonal--tone-special-report .tonal__main .tone-accent-border {
border-color:#fb0}
.tonal--tone-special-report .tonal__main .drop-cap,.tonal--tone-special-report .tonal__main .element-pullquote cite {
color:#63717a}
.tonal--tone-special-report .tonal__main .open__cta-icon {
background-color:#63717a}
.tonal--tone-special-report .tonal__main .element-pullquote span {
fill:#63717a}
.tonal--tone-special-report.content--interactive .content__headline {
font-weight:normal;color:#333}
.tonal--tone-special-report.content--interactive .content__series-label__link {
color:#767676}
.tonal--tone-special-report.content--interactive .content__section-label__link {
color:#fb0}
.tonal--tone-special-report.content--interactive .u-underline {
color:#fb0;border-bottom-color:rgba(255,187,0,0.3)}
.tonal--tone-special-report.content--interactive .u-underline:hover {
border-bottom-color:rgba(255,187,0,0.7)}
.tonal--tone-special-report.content--media .content__main,.tonal--tone-special-report.content--media .tonal__standfirst,.tonal--tone-special-report.content--media .content__standfirst {
background-color:#63717a;color:#ffffff}
.tonal--tone-special-report.content--media a.tone-colour {
color:#fb0}
.tonal--tone-special-report.content--media a.tone-colour:hover {
color:#ffcf4d}
.tonal--tone-special-report.content--media .byline,.tonal--tone-special-report.content--media .content__dateline,.tonal--tone-special-report.content--media .meta__numbers .sharecount__heading,.tonal--tone-special-report.content--media .meta__numbers .sharecount__value,.tonal--tone-special-report.content--media .meta__numbers .inline-share {
fill:#ffffff}
.tonal--tone-special-report.content--media .byline,.tonal--tone-special-report.content--media .content__meta-container,.tonal--tone-special-report.content--media .content__secondary-column--media,.tonal--tone-special-report.content--media .content__dateline,.tonal--tone-special-report.content--media .fc-item:before,.tonal--tone-special-report.content--media .meta__social,.tonal--tone-special-report.content--media .meta__numbers,.tonal--tone-special-report.content--media .most-viewed-container--media,.tonal--tone-special-report.content--media .button--tag {
background-color:#555e65;border-color:#555e65}
.tonal--tone-special-report.content--media .button--secondary {
color:#333;background-color:#767676;border-color:#767676}
.tonal--tone-special-report.content--media .button--secondary:hover,.tonal--tone-special-report.content--media .button--secondary:focus,.tonal--tone-special-report.content--media .button--secondary:active {
background-color:#5d5d5d;border-color:#5d5d5d}
.media-primary {
margin:0 -0.625rem;position:relative}
@media (min-width: 30em) {
.media-primary {
margin-left:-1.25rem;margin-right:-1.25rem}
}
@media (min-width: 41.25em) {
.media-primary {
margin-left:0;margin-right:0}
}
.content__main-column--article {
min-height:17.25rem}
.caption--main {
min-height:1.75rem;max-width:33.75rem}
@media (min-width: 46.25em) {
.caption--main {
max-width:38.75rem;padding-left:0 !important;padding-right:0 !important}
}
@media (min-width: 61.25em) {
.caption--main {
max-width:none}
}
.content__main-column--image .caption--main {
padding-bottom:0}
.article-elongator {
position:relative}
.article-elongator .i-center {
background-color:#005689}
.after-article {
position:relative;display:block;content:' ';margin-top:1.5rem}
@media (min-width: 61.25em) {
.after-article {
display:none}
}
.content {
padding-top:0;padding-bottom:2.25rem}
.content:after {
content:'';display:block;clear:both}
.content .gs-container,.content-footer .gs-container {
padding-left:0.625rem;padding-right:0.625rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (min-width: 30em) {
.content .gs-container,.content-footer .gs-container {
padding-left:1.25rem;padding-right:1.25rem}
}
.content__main-column {
max-width:38.75rem;margin:auto;position:relative}
@media (min-width: 46.25em) and (max-width: 61.24em) {
.content__main-column {
max-width:43.75rem}
.content__main-column .content__article-body {
padding-right:5rem}
.content__main-column .content__article-body .ad-slot:not(.ad-slot--im) {
margin-right:-5rem}
.content__main-column .content__article-body .gu-media-wrapper.u-responsive-ratio--hd {
padding-bottom:63.50806451612925%}
}
@media (min-width: 61.25em) {
.content__main-column {
margin-left:0;margin-right:20rem}
}
@media (min-width: 71.25em) {
.content__main-column {
margin-left:10rem}
}
@media (min-width: 81.25em) {
.content__main-column {
margin-left:15rem}
}
.content__main-column.content__main-column--single-column {
margin-left:0}
@media (min-width: 61.25em) {
.content__main-column.content__main-column--media,.content__main-column.content__main-column--gallery,.content__main-column.content__main-column--wide {
max-width:none}
}
@media (min-width: 81.25em) {
.content__main-column.content__main-column--media,.content__main-column.content__main-column--gallery,.content__main-column.content__main-column--wide {
margin-right:5rem}
}
.content--image .content__main-column {
max-width:none;margin-right:0}
@media (min-width: 81.25em) {
.content--image .content__main-column {
margin-right:5rem}
}
.content__hr {
border:0;margin:0;border-top:0.0625rem dotted #dfdfdf;padding-top:0.3125rem}
.content__secondary-column {
position:absolute;top:0;right:0;margin-right:1.25rem;width:18.75rem;padding-left:1.25rem}
@media (max-width: 61.24em) {
.content__secondary-column {
display:none}
}
@media (min-width: 46.25em) {
.content__head__comment-count {
display:none}
}
.content__keywords {
font-size:0.8125rem;line-height:1.125rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;padding-top:0.75rem;padding-bottom:0.25rem}
.content--media .content__keywords a {
color:#dfdfdf}
.content__labels {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.375rem 0;position:relative;z-index:1;overflow:hidden}
@media (max-width: 46.24em) {
.content__labels {
display:none}
}
.content__labels--not-immersive {
border-bottom:0.0625rem dotted #dfdfdf}
@media (min-width: 71.25em) {
.content__labels--not-immersive {
border-bottom:0;width:8.75rem;float:left;margin-left:-10rem;margin-bottom:0.75rem}
}
@media (min-width: 81.25em) {
.content__labels--not-immersive {
margin-left:-15rem;width:13.75rem}
}
.content__section-label {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900;float:left;padding-right:0.41667rem}
@media (min-width: 71.25em) {
.content__section-label {
font-size:1.375rem;line-height:1.75rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900;line-height:1.5rem;float:none;padding-right:0}
}
.content--interactive .content__section-label {
padding-right:0.41667rem !important}
.content__section-label--gallery {
margin-right:0.3125rem}
.content__series-label {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;float:left}
@media (min-width: 71.25em) {
.content__series-label {
font-size:1.25rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;float:none}
}
.content__series-label--immersive-article {
font-weight:bold}
.content__series-label__link {
color:#767676}
@media (min-width: 71.25em) and (max-width: 81.24em) {
.content__section-label,.container__meta__title {
font-size:1.25rem;line-height:1.5rem}
.content__series-label {
font-size:1.125rem;line-height:1.375rem;display:block}
.content--interactive .content__series-label {
font-size:1.25rem !important;line-height:1.5rem !important}
}
.content__inline-section {
font-size:1.25rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.375rem 0 0.75rem;border-top:0.0625rem dotted #dfdfdf !important}
.content__headline {
font-size:1.75rem;line-height:2rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;padding-top:0.125rem;padding-bottom:1.5rem}
@media (max-width: 46.24em) {
.content__headline {
padding-top:0.25rem}
}
@media (min-width: 30em) {
.content__headline {
font-size:2.25rem;line-height:2.5rem}
}
@media (min-width: 71.25em) {
.content__headline {
padding-top:0.375rem;padding-bottom:2.25rem}
}
.content__headline a,.content__headline a:hover,.content__headline a:active,.content__headline a:focus {
color:#333}
.content__headline em {
font-style:normal}
.content__headline strong {
font-weight:normal}
.content__headline--byline {
display:block;padding-top:0;margin-top:-1.5rem;padding-bottom:1.5rem}
@media (min-width: 71.25em) {
.content__headline--byline {
margin-top:-2.25rem}
}
.content__headline--kicker {
padding-bottom:0}
@media (min-width: 71.25em) {
.content__headline--kicker {
margin-bottom:-0.375rem}
}
.content__head--byline-pic {
overflow:hidden}
.content__head--byline-pic .byline-img {
float:right;height:9.375rem;z-index:2}
@media (max-width: 29.99em) {
.content__head--byline-pic .byline-img {
margin-left:-5rem;margin-right:-2.5rem}
}
@media (min-width: 30em) {
.content__head--byline-pic .byline-img {
position:absolute;bottom:0;right:13.75rem;width:0;height:80%}
}
@media (min-width: 41.25em) {
.content__head--byline-pic .byline-img {
height:11.25rem}
}
@media (min-width: 61.25em) {
.content__head--byline-pic .byline-img {
right:5rem}
}
.content__head--byline-pic .byline-img__img {
height:100%}
.content__head--byline-pic .content__head__comment-count {
position:absolute;bottom:0}
@media (min-width: 61.25em) {
.content__head--byline-pic .content__head__comment-count {
position:static}
}
@media (min-width: 30em) {
.content__head--byline-pic .content__header .content__main-column {
min-height:14.25rem}
}
@media (min-width: 61.25em) {
.content__head--byline-pic .content__header .content__main-column {
min-height:11.25rem}
}
@media (min-width: 30em) {
.content__head--byline-pic .content__header .content__headline {
padding-right:10rem}
}
@media (min-width: 61.25em) {
.content__head--byline-pic .content__header .content__headline {
padding-right:2.5rem}
}
.content__standfirst {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;margin-bottom:0.375rem;color:#767676}
@media (min-width: 46.25em) {
.content__standfirst {
font-size:1.125rem;line-height:1.375rem}
}
.content__standfirst>ul,.content__standfirst>ol {
margin:0;padding:0;list-style:none}
.content__standfirst>ul>li,.content__standfirst>ol>li {
position:relative}
.content__standfirst>ul *,.content__standfirst>ol * {
margin-bottom:0.375rem}
.content__standfirst>ol {
counter-reset:li}
.content__standfirst>ol>li {
text-indent:1.125rem}
@media (min-width: 46.25em) {
.content__standfirst>ol>li {
text-indent:1.25rem}
}
.content__standfirst>ol>li:before {
font-size:1rem;line-height:1.25rem;position:absolute;left:-1rem;content:counter(li);counter-increment:li;color:#bdbdbd}
@media (min-width: 46.25em) {
.content__standfirst>ol>li:before {
font-size:1.25rem;line-height:1.5rem;left:-1.25rem;top:-0.125rem}
}
.content__dateline {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;position:relative;color:#767676;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:0.125rem;margin-bottom:0.375rem}
.content__dateline time {
display:inline-block}
@media (min-width: 61.25em) {
.content--interactive .content__dateline time {
display:inline;padding-right:0.3125rem}
}
.content__dateline i {
position:relative;top:0.0625rem}
.content__dateline .relative-timestamp__icon {
vertical-align:top;top:0.1875rem}
@media (min-width: 46.25em) {
.content__dateline {
padding-right:0}
}
@media (min-width: 71.25em) {
.content__dateline {
min-height:3rem;padding-top:0.125rem;padding-bottom:0.75rem;margin-bottom:0;border-top:0.0625rem dotted #dfdfdf}
}
.content__dateline-wpd--modified {
cursor:pointer}
.content__dateline-wpd--modified:hover,.content__dateline-wpd--modified:active,.content__dateline-wpd--modified:focus {
text-decoration:underline}
.content__dateline-lm {
padding-top:0.1875rem}
@media (min-width: 71.25em) {
.content__dateline-lm {
padding-top:0.125rem}
}
.badge+.content__dateline {
clear:left}
.content__meta-container {
min-height:2.25rem;position:relative;margin-bottom:0.75rem}
@media (min-width: 71.25em) {
.content__meta-container {
position:absolute;top:0;margin-left:-10rem;margin-bottom:1rem;width:8.75rem}
}
@media (min-width: 81.25em) {
.content__meta-container {
margin-left:-15rem;width:13.75rem}
}
.content__meta-container .byline-img {
-webkit-border-radius:62.5rem;border-radius:62.5rem;position:relative;width:3.75rem;height:3.75rem;margin:0.375rem 0;overflow:hidden;background-color:#f1f1f1}
@media (min-width: 71.25em) {
.content__meta-container .byline-img {
width:8.75rem;height:8.75rem;margin-right:0;margin-bottom:0.75rem}
}
.content__meta-container .byline-img__img {
position:absolute;width:auto;height:110%;bottom:-0.375rem;left:-624.9375rem;right:-624.9375rem;margin:auto}
@media (min-width: 71.25em) {
.content__meta-container .byline-img__img {
bottom:-0.875rem}
}
@media (min-width: 71.25em) {
.content__meta-container .meta__image {
border-top:0.0625rem dotted #dfdfdf}
}
@media (min-width: 71.25em) {
.content__meta-container--float {
float:left;position:static}
}
@media (min-width: 71.25em) {
.content__meta-container.content__meta-container--showcase {
float:left;position:static}
}
@media (min-width: 20em) and (max-width: 46.24em) {
.content__mobile-full-width {
width:auto;margin-left:-0.625rem;margin-right:-0.625rem}
}
@media (min-width: 30em) and (max-width: 46.24em) {
.content__mobile-full-width {
margin-left:-1.25rem;margin-right:-1.25rem}
}
@media (min-width: 46.25em) {
.content__mobile-full-width {
margin-left:0;margin-right:0}
}
.meta__comment-count--top {
display:none;float:right;margin-top:0.375rem;margin-left:0.3125rem}
.meta__numbers {
padding-bottom:0.375rem;padding-top:0.375rem;position:absolute;right:0;top:0}
@media (min-width: 71.25em) {
.meta__numbers {
border-top:0.0625rem dotted #dfdfdf;height:2.25rem;padding-bottom:0.1875rem;padding-top:0.1875rem;position:static}
}
.byline {
font-size:1rem;line-height:1.5rem;font-family:"Guardian Text Egyptian Web",Georgia,serif;font-weight:bold;margin-bottom:0;display:inline-block;padding-top:0.25rem;line-height:1.25rem;color:#767676}
@media (min-width: 46.25em) {
.byline {
line-height:1.375rem}
}
@media (min-width: 71.25em) {
.byline {
clear:both;margin-right:0;display:block;border-top:0.0625rem dotted #dfdfdf;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:0.125rem;padding-bottom:0.75rem;min-height:3rem}
}
.content__meta-container--twitter .byline,.content__meta-container--bio .byline {
min-height:0;padding-bottom:0}
@media (min-width: 71.25em) {
.content__labels--crossword .byline {
margin-top:4.9375rem;min-height:0;padding-bottom:0}
}
@media (min-width: 20em) and (max-width: 71.24em) {
.content__labels--crossword .byline {
display:none}
}
@media (min-width: 71.25em) {
.crossword__links .byline {
display:none}
}
.drop-cap {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;float:left;display:inline-block;text-transform:uppercase;font-weight:200;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:3rem;padding-top:0.0625rem;margin-right:0.25rem}
@media (min-width: 46.25em) {
.drop-cap {
margin-right:0.3125rem;height:4.5rem}
}
.drop-cap .drop-cap__inner {
font-size:3.25rem;line-height:2.5rem;display:inline-block;vertical-align:text-top}
@media (min-width: 46.25em) {
.drop-cap .drop-cap__inner {
font-size:5.25rem;line-height:4.25rem}
}
.commentcount {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;display:none}
.commentcount i {
margin-right:0.1875rem;vertical-align:-0.25rem}
.content__head__comment-count .commentcount {
display:block;margin-bottom:0.75rem}
@media (min-width: 46.25em) {
.commentcount {
display:block;position:absolute;right:0;top:0.5rem}
.content__head .commentcount {
display:none}
}
@media (min-width: 71.25em) {
.commentcount {
height:2.25rem;position:static;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.content__head__comment-count .commentcount {
display:none}
.content__meta-container .commentcount {
display:block;padding-top:0.25rem;margin-bottom:0.75rem;border-top:0.0625rem dotted #dfdfdf}
}
.content--paid-content.content--article,.content--paid-content.content--interactive {
background-color:#f6f6f6}
.content--paid-content .content__standfirst,.content--paid-content .content__dateline,.content--paid-content .caption--main {
color:#6e6e6e}
.content--paid-content .content__headline,.content--paid-content .content__standfirst {
font-family:"Guardian Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.content--paid-content .from-content-api {
font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.content--paid-content .element.element-pullquote .pullquote-paragraph {
font-family:"Guardian Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#69d1ca}
.content--paid-content a.in-body-link--immersive {
color:#69d1ca}
.paid-content {
color:#333}
.paid-content.content--article,.paid-content.content--interactive,.paid-content.tonal--tone-media {
background-color:#d9d9d9}
.paid-content.content--article .caption :not(caption--main),.paid-content.content--interactive .caption :not(caption--main),.paid-content.tonal--tone-media .caption :not(caption--main) {
color:#333}
.paid-content.content {
border-top:0}
.paid-content .content__main {
padding-top:0.75rem}
.paid-content .content__header {
background-color:#bfbfbf}
.paid-content .tonal__standfirst {
background-color:transparent;min-height:6rem;padding:0.75rem 0 1.5rem}
.paid-content .tonal__standfirst .content__standfirst {
color:#333}
.paid-content .tone-media--item {
color:#333}
.paid-content .tone-media--item .rich-link__container:before {
background-color:#69d1ca}
.paid-content .tone-media--item .rich-link__standfirst {
color:#333;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.paid-content .tone-media--item .rich-link__kicker,.paid-content .tone-media--item .rich-link__read-more-text {
color:#65a897}
.paid-content .tone-media--item .rich-link__arrow-icon {
fill:#65a897}
.paid-content .tone-news--item.rich-link {
background:#ccc}
.paid-content .rich-link__header,.paid-content .rich-link__read-more-text {
font-family:"Guardian Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1.125rem}
.paid-content .rich-link__header {
line-height:1.25rem}
.paid-content .ad-slot__label,.paid-content .ad-slot--inline {
background-color:#ccc;border-top:0;color:#6e6e6e}
.paid-content .content__section-label {
font-family:"Guardian Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:400}
.paid-content .content__section-label .content__section-label__link {
color:#333}
.paid-content .meta__extras {
border-color:#bfbfbf}
.paid-content .social--expanded-top {
background-color:#d9d9d9}
.paid-content .social--expanded-top .inline-close {
background-color:#eaeaea}
.paid-content.tonal--tone-media .content__headline,.paid-content.tonal--tone-media .from-content-api,.paid-content.tonal--tone-media .tonal__main .tone-colour {
color:#333}
.paid-content.tonal--tone-media .content__headline .inline-icon,.paid-content.tonal--tone-media .from-content-api .inline-icon,.paid-content.tonal--tone-media .tonal__main .tone-colour .inline-icon {
fill:#767676}
.paid-content.tonal--tone-media .most-viewed-container--media .inline-icon,.paid-content.tonal--tone-media .meta__number .inline-icon {
fill:#767676}
.paid-content.tonal--tone-media.content--media--video .content__head .tonal__standfirst {
display:none}
.paid-content.tonal--tone-media .byline,.paid-content.tonal--tone-media .meta__numbers .sharecount__heading,.paid-content.tonal--tone-media .meta__numbers .commentcount2__heading,.paid-content.tonal--tone-media .content__dateline,.paid-content.tonal--tone-media .content__series-label__link {
color:#6e6e6e}
.paid-content.tonal--tone-media .tonal__main--tone-media .sharecount__value,.paid-content.tonal--tone-media .tonal__main--tone-media .commentcount2__value {
color:#333}
.paid-content.tonal--tone-media .byline,.paid-content.tonal--tone-media .content__dateline,.paid-content.tonal--tone-media .submeta hr,.paid-content.tonal--tone-media .commentcount,.paid-content.tonal--tone-media .meta__numbers,.paid-content.tonal--tone-media .meta__social,.paid-content.tonal--tone-media .meta__number:not(u-h)+.meta__number {
border-color:#bdbdbd}
.paid-content.tonal--tone-media .byline .tone-colour {
color:#6e6e6e}
.paid-content.tonal--tone-media .byline .tone-colour:hover {
color:#333}
.paid-content.tonal--tone-media .meta__twitter .button {
color:#6e6e6e;background-color:#eaeaea}
.paid-content.tonal--tone-media .meta__twitter .button:hover {
color:#6e6e6e;background-color:#bdbdbd}
.paid-content.tonal--tone-media .button--tone-media {
color:#333;background-color:#eaeaea;border-color:#eaeaea}
.paid-content.tonal--tone-media .button--tone-media:hover {
background-color:#bdbdbd;border-color:#bdbdbd}
.paid-content.tonal--tone-media .content__main-column--audio .caption--img {
color:#dcdcdc}
.paid-content.tonal--tone-media .gu-media-wrapper--audio,.paid-content.tonal--tone-media .vjs-control-bar,.paid-content.tonal--tone-media .vjs-embed-button:hover .vjs-control-text,.paid-content.tonal--tone-media .vjs-progress-holder:before {
color:#333;background:#bbb7b1}
.paid-content.tonal--tone-media .gu-media-wrapper--audio .podcast-meta__item__link,.paid-content.tonal--tone-media .gu-media-wrapper--audio .vjs-duration,.paid-content.tonal--tone-media .vjs-control-bar .podcast-meta__item__link,.paid-content.tonal--tone-media .vjs-control-bar .vjs-duration,.paid-content.tonal--tone-media .vjs-embed-button:hover .vjs-control-text .podcast-meta__item__link,.paid-content.tonal--tone-media .vjs-embed-button:hover .vjs-control-text .vjs-duration,.paid-content.tonal--tone-media .vjs-progress-holder:before .podcast-meta__item__link,.paid-content.tonal--tone-media .vjs-progress-holder:before .vjs-duration {
color:#333}
.svg .paid-content.tonal--tone-media .vjs-embed-button .vjs-control-content:before {
display:inline-block;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}
.svg .paid-content.tonal--tone-media .vjs-fullscreen-control .vjs-control-text:before {
display:inline-block;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}
.svg .paid-content.tonal--tone-media .vjs-volume-menu-button .vjs-control-text:before {
display:inline-block;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}
.paid-content.tonal--tone-media .vjs-volume-bar:before {
background-color:#333}
.paid-content.tonal--tone-media .end-slate-container--video {
background-color:#d9d9d9}
.paid-content.tonal--tone-media .end-slate-container--video .end-slate-container__heading {
color:#484f53}
.paid-content.tonal--tone-media .end-slate-container--video .fc-item__container:before {
background:#767676}
.paid-content.tonal--tone-media .end-slate-container--video .fc-item__action {
color:#6e6e6e}
.paid-content.tonal--tone-media .save-for-later__button,.paid-content.tonal--tone-news .save-for-later__button {
color:#6e6e6e}
.paid-content.tonal--tone-media .save-for-later__button--save .inline-icon,.paid-content.tonal--tone-media .save-for-later__button--saved .inline-icon,.paid-content.tonal--tone-news .save-for-later__button--save .inline-icon,.paid-content.tonal--tone-news .save-for-later__button--saved .inline-icon {
fill:#6e6e6e;border-color:#6e6e6e;background-color:#d9d9d9}
.paid-content.tonal--tone-media .save-for-later__button--save:hover .inline-icon,.paid-content.tonal--tone-media .save-for-later__button--saved:hover .inline-icon,.paid-content.tonal--tone-news .save-for-later__button--save:hover .inline-icon,.paid-content.tonal--tone-news .save-for-later__button--saved:hover .inline-icon {
fill:#d9d9d9;border-color:#6e6e6e;background-color:#6e6e6e}
.svg .paid-content.content--gallery .content__headline:before {
display:inline-block;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}
.paid-content.content--gallery .content__standfirst {
color:#6e6e6e}
.paid-content.content--gallery .content__standfirst a {
color:#005689}
.paid-content.content--gallery .content__standfirst a:hover {
border-bottom-color:#005689}
.paid-content.content--gallery .ad-slot--dark {
background-color:#ccc}
.svg .paid-content.content--media--audio .content__headline:before {
display:inline-block;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}
.paid-content .fc-item__title svg {
fill:#fb0}
.content__meta-heading {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900;padding-top:0.25rem;padding-bottom:1rem;margin-bottom:0;border-top:0.0625rem solid #dcdcdc}
.meta__extras {
position:relative;clear:both;min-height:2.8125rem;border-top:0.0625rem dotted #dfdfdf;border-bottom:0.0625rem dotted #dfdfdf}
@media (min-width: 71.25em) {
.meta__extras {
border:0}
}
.content__head--crossword .meta__extras {
clear:none}
.meta__social {
padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (min-width: 71.25em) {
.meta__social {
border-top:0.0625rem dotted #dfdfdf}
}
@media (min-width: 71.25em) {
.meta__extras--crossword .meta__social {
float:left}
}
.meta__social--sticky {
position:fixed;bottom:0.75rem;border:0;z-index:4;-webkit-transform:translate3d(0, 3rem, 0);transform:translate3d(0, 3rem, 0)}
@media (min-width: 71.25em) and (max-width: 81.24em) {
.meta__social--sticky {
margin-left:-10rem}
.meta__social--sticky .social__item--gplus {
display:none}
}
@media (min-width: 81.25em) {
.meta__social--sticky {
margin-left:-15rem}
}
.meta__social--sticky--revealable {
-webkit-transition:-webkit-transform 100ms linear;transition:-webkit-transform 100ms linear;transition:transform 100ms linear;transition:transform 100ms linear, -webkit-transform 100ms linear}
.meta__social--sticky--reveal {
-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.meta__twitter,.meta__email {
margin:-0.5rem 0.3125rem -0.125rem 0;display:inline}
@media (max-width: 71.24em) {
.content__meta-container--tonal-header .meta__twitter,.content__meta-container--tonal-header .meta__email {
margin-top:-0.25rem}
}
.meta__twitter svg,.meta__email svg {
margin-top:-0.125rem;overflow:visible}
.meta__twitter .button,.meta__email .button {
padding-top:0.0625rem;margin-right:0;white-space:nowrap}
.tonal--tone-media .meta__twitter .button,.tonal--tone-media .meta__email .button {
border:0;color:#bdbdbd;background-color:#333}
.tonal--tone-media .meta__twitter .button .inline-tone-fill,.tonal--tone-media .meta__email .button .inline-tone-fill {
fill:#bdbdbd}
.tonal--tone-media .meta__twitter .button:hover,.tonal--tone-media .meta__email .button:hover {
color:#bdbdbd;background-color:#262626}
@media (max-width: 71.24em) {
.meta__twitter .button,.meta__email .button {
position:relative;margin-top:-0.1875rem;margin-bottom:-0.375rem;width:2rem;height:2rem;padding:0;border:0;background-color:transparent !important}
.meta__twitter .button svg,.meta__email .button svg {
position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
}
@media (min-width: 71.25em) and (max-width: 81.24em) {
.meta__twitter .button,.meta__email .button {
max-width:8.75rem}
}
.meta__twitter .button--small .i-left,.meta__email .button--small .i-left {
margin:0.125rem 0.25rem 0 0}
@media (max-width: 71.24em) {
.meta__twitter .button--small .i-left,.meta__email .button--small .i-left {
margin:0}
}
.meta__twitter .button--small svg,.meta__email .button--small svg {
width:0.875rem;height:0.875rem}
.meta__twitter .contact,.meta__email .contact {
height:1.3125rem;display:inline-block;vertical-align:top}
@media (min-width: 71.25em) {
.meta__twitter .contact,.meta__email .contact {
margin-top:-0.0625rem}
}
@media (min-width: 71.25em) {
.meta__twitter,.meta__email {
margin-top:0.625rem;margin-bottom:1.125rem;display:block}
}
@media (max-width: 71.24em) {
.meta__twitter,.meta__email {
margin:0}
}
@media (min-width: 71.25em) {
.content__meta-container--email.content__meta-container--twitter .meta__email {
margin-top:0.375rem}
.content__meta-container--email.content__meta-container--twitter .meta__twitter {
margin-bottom:0}
}
.meta__bio {
font-size:0.875rem;line-height:1.125rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;margin-bottom:0.75rem;padding-top:0.375rem;color:#767676}
@media (max-width: 71.24em) {
.meta__bio {
display:none}
}
.tonal--tone-media .meta__bio {
color:#f1f1f1}
.meta__author--comment .meta__bio {
padding-top:0.125rem;border-top:0.0625rem dotted #dfdfdf}
.content__meta-container--twitter .meta__bio,.content__meta-container--email .meta__bio {
margin-bottom:0}
.content__meta-container--tonal-header .meta__bio {
border-top:0.0625rem dotted #dfdfdf;padding-top:0.125rem}
.meta__contact-header {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:0.9375rem;color:#767676;margin-bottom:0;border-top:0.0625rem dotted #dfdfdf;padding-top:0.125rem}
.content__meta-container--bio .meta__contact-header {
margin-top:0.75rem}
@media (max-width: 71.24em) {
.meta__contact-header {
border:0;padding-top:0.375rem;float:left}
}
.related .button--show-more {
display:none}
.old-article-message {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;display:inline-block;color:#767676;margin-bottom:0.75rem}
.old-article-message .old-article-message--clock svg {
fill:#767676;margin-bottom:-0.0625rem}
.tonal--tone-media .old-article-message {
color:#bdbdbd}
.tonal--tone-media .old-article-message .old-article-message--clock svg {
fill:#bdbdbd}
.tonal--tone-media .meta__social .social--expanded-top {
background-color:#161616;border-color:#333;padding-bottom:0.0625rem}
.tonal--tone-media .meta__social .social__tray-close .inline-close {
background-color:#333}
.tonal--tone-media .meta__social .social__tray-close .inline-close:hover {
background-color:#767676}
.tonal--tone-media .meta__social .social__tray-close .inline-close svg {
fill:#dcdcdc}
@media (min-width: 46.25em) {
.content--interactive .tonal__main--tone-news .old-article-message {
position:absolute;left:0;top:2.75rem}
}
@media (max-width: 46.24em) {
.inline-expand-image {
display:none}
}
@media (min-width: 81.25em) {
.content__main-column--media {
width:43.75rem}
}
.content__main-column--audio {
min-height:11.5625rem}
.content__main-column--audio .from-content-api {
max-width:38.75rem}
.content--media .byline {
word-break:break-word}
.media-body {
position:relative}
.inline-icon--media {
margin-right:.1em}
.inline-icon--media svg {
width:.86em;height:.6em}
.content--media:not(.paid-content) .social-icon {
background-color:transparent;fill:#bdbdbd;color:#bdbdbd;border:0.0625rem solid #767676}
.content--media:not(.paid-content) .social-icon__svg {
fill:#bdbdbd}
@media (min-width: 61.25em) {
.content__main-column--liveblog {
margin-left:20rem;margin-right:0;max-width:none}
}
@media (min-width: 81.25em) {
.content__main-column--liveblog {
margin-right:20rem}
}
@media (min-width: 61.25em) {
.content__main-column--liveblog .content__labels {
float:left;width:13.75rem;margin-left:-20rem;border-bottom:0}
}
@media (min-width: 61.25em) {
.content__meta-container--liveblog {
border-top:0;margin-left:0;min-height:3.375rem;padding-top:0;position:static;width:100%}
}
.content__updated-container--liveblog {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;padding-bottom:0.125rem;padding-top:0.125rem;margin-left:-20rem;position:absolute;top:0}
@media (min-width: 61.25em) {
.blog__left-col {
position:absolute;top:0;z-index:200;left:-20rem;width:18.75rem}
}
.breadcrumb {
text-transform:lowercase}
.social-icon--facebook {
background-color:#3067a3}
.social-icon--facebook:hover {
background-color:#244e7c}
.social-icon--gplus {
background-color:#e15440}
.social-icon--gplus:hover {
background-color:#ce3620}
.social-icon--whatsapp {
background-color:#59cb3f}
.social-icon--whatsapp:hover {
background-color:#45a92e}
.social-icon--messenger {
background-color:#0084ff}
.social-icon--messenger:hover {
background-color:#006acc}
.social-icon--twitter {
background-color:#03b3ee}
.social-icon--twitter:hover {
background-color:#028dbc}
.social-icon--linkedin {
background-color:#0071a1}
.social-icon--linkedin:hover {
background-color:#004d6e}
.social-icon--pinterest {
background-color:#b9252c}
.social-icon--pinterest:hover {
background-color:#8f1d22}
.social-icon--email {
background-color:#767676}
.social-icon--email:hover {
background-color:#5d5d5d}
.meta__social {
min-height:2.8125rem}
.social {
overflow-y:hidden;height:2rem}
.social__item {
float:left;min-width:2rem;padding:0 0.1875rem 0.375rem 0;cursor:pointer}
@media (min-width: 46.25em) {
.social__item--whatsapp {
display:none}
}
@media (min-width: 46.25em) {
.social__item--messenger {
display:none}
}
.social-icon.social-icon--more {
background-color:#eaeaea;-webkit-border-radius:50%;border-radius:50%;display:inline-block;line-height:2rem;text-align:center}
.social-icon.social-icon--more:hover {
background-color:#d1d1d1}
.social-icon.social-icon--more:hover {
color:#767676}
.social-icon .social-icon--more__svg {
fill:#767676;top:-0.0625rem;width:60%}
.social--hidden {
display:none}
.social__action {
display:inline-block}
.social__saveforlater {
display:none}
.social__tray-close {
height:2rem}
.social-tray__icon {
display:inline-block;width:2rem;height:2rem;-webkit-border-radius:50%;border-radius:50%;position:relative;background-color:#dcdcdc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.social-tray__icon__svg {
fill:#767676;width:1rem}
.social-tray__button:hover .social-tray__icon,.social-tray__button:hover .social-icon--more,.social-tray__button:focus .social-tray__icon,.social-tray__button:focus .social-icon--more {
background-color:#bdbdbd}
.content--article .social--top,.content--liveblog .social--top,.content--gallery .social--top,.content--media .social--top,.content--image .social--top,.content--interactive .social--top {
padding-top:0.375rem;padding-bottom:0.375rem}
.content--article .social--expanded-top,.content--liveblog .social--expanded-top,.content--gallery .social--expanded-top,.content--media .social--expanded-top,.content--image .social--expanded-top,.content--interactive .social--expanded-top {
padding-bottom:0}
.social--expanded-top {
position:absolute;left:0;height:auto;background:#ffffff;z-index:1040;width:auto;display:inline-block;clear:both;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media (max-width: 23.4275em) {
.social--expanded-top {
min-height:6rem}
}
@media (max-width: 29.99em) {
.social--expanded-top {
right:0}
}
@media (min-width: 61.25em) {
.social--expanded-top {
min-width:8.75rem}
}
@media (min-width: 81.25em) {
.social--expanded-top {
min-width:13.75rem}
}
.social-icon {
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;min-width:2rem;max-width:100%;width:auto;height:2rem}
.social-icon,.social-icon:hover,.social-icon:active,.social-icon:focus {
color:#ffffff;text-decoration:none}
.social-icon svg {
height:88%;width:88%}
.social-icon .social-icon__label {
font-size:0.8125rem;line-height:1.125rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin:0 .8em 0 -.5em}
.social-icon--small {
min-width:1.5rem;height:1.5rem}
.social-icon--small i {
width:1.5rem;-webkit-background-size:100% 100% !important;background-size:100% !important}
.social-icon--small .social-icon__label {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin:0 .7em 0 -.3em}
.social-icon__label {
white-space:nowrap;font-weight:bold}
.selection-sharing {
position:absolute;margin-top:-2.25rem;top:0;opacity:0;visibility:hidden;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;z-index:1015}
.selection-sharing .social__item {
padding:0 0.125rem;width:2rem}
.selection-sharing .inline-icon svg {
width:80%;display:block}
.selection-sharing.selection-sharing--active {
visibility:visible;opacity:1}
.social-fixed {
height:2.5rem;position:fixed;left:0;bottom:-2.5rem;width:100%;opacity:0;z-index:10;-webkit-transition:bottom .4s ease;transition:bottom .4s ease}
.social-fixed__item {
color:#ffffff;float:left;-webkit-border-radius:1.25rem;border-radius:1.25rem}
.social-fixed__item .i {
height:2.5rem;width:2.5rem;float:left;margin:0 -0.625rem 0 -0.75rem !important}
.social-fixed__item--facebook {
background-color:#3067a3;margin:0 0.3125rem 0 0.625rem !important}
.social-fixed__item--twitter {
background-color:#03b3ee}
.social-fixed--show {
bottom:0.375rem;opacity:1}
.share-text {
font-size:0.875rem;line-height:1.25rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;float:left;font-weight:700;padding:0.5rem 0.125rem 0 0.625rem}
.social--referred-only.social--bottom .social__item {
display:none}
.social--referred-only.social--top .social__item--referred,.social--referred-only.social--bottom .social__item--referred {
display:list-item}
@media (max-width: 61.24em) {
.social__item--referred {
margin-right:0.25rem}
}
.social__item--referred .social-icon:after {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin-right:0.75rem;margin-left:-0.375rem}
.svg .social__item--referred .social-icon:after i {
width:none}
.social__item--referred .social-icon:after {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin-right:0.75rem;margin-left:-0.375rem}
.svg .social__item--referred .social-icon:after i {
width:none}
.svg .social__item--referred .social-icon i {
width:2rem}
.social__item--referred.social__item--facebook .social-icon:after {
content:'Share on Facebook'}
.social__item--referred.social__item--twitter .social-icon:after {
content:'Share on Twitter'}
@media (min-width: 71.25em) and (max-width: 81.24em) {
.social__item--referred.social__item--facebook .social-icon:after,.social__item--referred.social__item--twitter .social-icon:after {
content:'share'}
}
.content[class*='-network'] .social__item--pinterest,.content[class*='-leadership'] .social__item--pinterest,.content[class*='-careers'] .social__item--pinterest,.content[class*='-advertisement-feature'] .social__item--pinterest,.content[class*='-partner-zone'] .social__item--pinterest {
display:none}
@media (min-width: 46.25em) {
figure.element.element--supporting {
position:relative;float:left;width:18.75rem;margin-top:0.375rem;margin-bottom:0.75rem;margin-right:1.25rem}
figure.element.element--supporting.img--landscape {
margin-right:1.25rem}
}
@media (min-width: 71.25em) and (min-width: 71.25em) {
figure.element.element--supporting {
margin-left:-10rem}
}
@media (min-width: 71.25em) and (min-width: 81.25em) {
figure.element.element--supporting {
margin-left:-15rem}
}
@media (min-width: 81.25em) {
figure.element.element--supporting {
width:23.75rem}
}
figure.element.element--thumbnail {
float:left;clear:left;margin-bottom:0;width:7.5rem;margin-right:1.25rem;margin-top:0.375rem}
@media (min-width: 46.25em) {
figure.element.element--thumbnail {
width:8.75rem}
figure.element.element--thumbnail.img--landscape {
margin-right:1.25rem}
}
@media (min-width: 71.25em) {
figure.element.element--thumbnail {
position:relative}
}
@media (min-width: 71.25em) and (min-width: 71.25em) {
figure.element.element--thumbnail {
margin-left:-10rem}
}
@media (min-width: 71.25em) and (min-width: 81.25em) {
figure.element.element--thumbnail {
margin-left:-15rem}
}
@media (min-width: 81.25em) {
figure.element.element--thumbnail {
margin-left:-10rem}
}
@media (min-width: 71.25em) {
figure.element.element--showcase {
position:relative;margin-bottom:1rem;clear:both}
}
@media (min-width: 71.25em) and (min-width: 71.25em) {
figure.element.element--showcase {
margin-left:-10rem}
}
@media (min-width: 71.25em) and (min-width: 81.25em) {
figure.element.element--showcase {
margin-left:-15rem}
}
figure.element.element--supporting figcaption,figure.element-video figcaption,figure.element-atom figcaption {
padding-top:0.5rem;padding-bottom:0.5rem}
@media (min-width: 71.25em) {
figure.element.element--supporting figcaption,figure.element-video figcaption,figure.element-atom figcaption {
padding-left:0;top:100%}
}
@media (min-width: 71.25em) {
figure.element.element--showcase figcaption {
padding-left:0;top:100%}
}
@media (min-width: 71.25em) {
figure.element-video.element--thumbnail {
padding-bottom:0;border-bottom:0}
}
figure.element.element--supporting.element-tweet {
margin-top:-0.375rem}
@media (min-width: 71.25em) {
figure.img--supporting {
float:left;width:23.75rem;margin-top:0.375rem;margin-right:1.25rem}
}
@media (min-width: 81.25em) {
figure.img--supporting {
width:28.75rem}
}
.media-primary--full-width {
width:100%;margin-bottom:1.5rem}
@media (min-width: 71.25em) {
.media-primary.media-primary--showcase {
margin-left:-10rem}
}
@media (min-width: 81.25em) {
.media-primary.media-primary--showcase {
margin-left:-15rem}
}
.has-feature-showcase-element .media-primary.media-primary--showcase {
margin-left:0;margin-right:0;z-index:2;position:relative}
@media (min-width: 71.25em) {
.has-feature-showcase-element .media-primary.media-primary--showcase {
margin:0 auto;max-width:71.25rem}
}
@media (min-width: 81.25em) {
.has-feature-showcase-element .media-primary.media-primary--showcase {
max-width:81.25rem}
}
.has-feature-showcase-element .media-primary.media-primary--showcase .responsive-img {
height:auto}
@media (min-width: 61.25em) {
.has-feature-showcase-element .media-primary.media-primary--showcase .responsive-img {
top:-25%}
}
.has-feature-showcase-element .media-primary.media-primary--showcase .caption--main {
padding-left:0}
.has-feature-showcase-element .media-primary.media-primary--showcase .u-responsive-ratio--letterbox {
-webkit-transition:padding-bottom 1s;transition:padding-bottom 1s}
@media (max-width: 61.24em) {
.has-feature-showcase-element .media-primary.media-primary--showcase .u-responsive-ratio--letterbox {
padding-bottom:60%}
}
@-webkit-keyframes live-pulse {
0% {
opacity:1}
10% {
opacity:.25}
40% {
opacity:1}
100% {
opacity:1}
}
@keyframes live-pulse {
0% {
opacity:1}
10% {
opacity:.25}
40% {
opacity:1}
100% {
opacity:1}
}
.blog__live {
font-weight:bold}
.blog__live.live-pulse-icon:before {
margin-bottom:-0.0625rem}
.live-pulse-icon:before {
-webkit-border-radius:62.5rem;border-radius:62.5rem;display:inline-block;position:relative;background-color:#ffffff;width:.75em;height:.75em;content:'';margin-right:0.1875rem;vertical-align:initial;-webkit-animation:live-pulse 1s infinite;animation:live-pulse 1s infinite}
@supports (object-fit: cover) and (height: 1vh) and (display: flex) {
.immersive-header-container {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100vh}
}
.content--immersive-article-without-main-media {
background-color:rgba(0,0,0,0.5);padding-bottom:0}
.immersive-main-media {
position:relative}
@supports (object-fit: cover) and (height: 1vh) and (display: flex) {
.immersive-main-media {
-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:25rem}
}
.immersive-main-media.atom-playing .immersive-main-media__media__loading {
background-color:#ffffff}
.immersive-main-media.atom-playing .immersive-main-media__headline-container {
position:static;margin-top:-webkit-calc(100vh - 2.25rem);margin-top:calc(100vh - 2.25rem);-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation:slideImmersiveTitleDownHeadline 360ms ease-in-out forwards;animation:slideImmersiveTitleDownHeadline 360ms ease-in-out forwards}
.immersive-main-media.atom-playing .immersive-main-media__headline-container--dark {
background-color:#333;background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#333));background:-webkit-linear-gradient(#333, #333);background:linear-gradient(#333, #333)}
@-webkit-keyframes slideImmersiveTitleDownHeadline {
0% {
-webkit-transform:translateY(-webkit-calc(-100% + 2.25rem));transform:translateY(calc(-100% + 2.25rem))}
100% {
-webkit-transform:translateY(2.25rem);transform:translateY(2.25rem)}
}
@keyframes slideImmersiveTitleDownHeadline {
0% {
-webkit-transform:translateY(-webkit-calc(-100% + 2.25rem));transform:translateY(calc(-100% + 2.25rem))}
100% {
-webkit-transform:translateY(2.25rem);transform:translateY(2.25rem)}
}
.immersive-main-media__logo {
z-index:1}
.immersive-main-media__logo__svg {
float:right;margin-top:0.375rem}
.immersive-main-media__logo__svg path {
fill:#ffffff}
.immersive-main-media__media {
width:100%;display:block}
.immersive-main-media__media .element-atom,.immersive-main-media__media .element-embed {
margin-top:0;margin-bottom:0;position:absolute;top:0;right:0;bottom:0;left:0}
.immersive-main-media__media .fenced {
height:100% !important;opacity:0;-webkit-transition:.5s opacity ease-in;transition:.5s opacity ease-in}
.immersive-main-media__media .fenced-rendered {
opacity:1}
@supports (object-fit: cover) and (height: 1vh) and (display: flex) {
.immersive-main-media__media {
object-fit:cover;position:absolute;top:0;height:100%;width:100%}
}
.immersive-main-media__media__loading {
position:absolute;top:0;left:0;right:0;bottom:0;background-color:#dfdfdf;color:#333}
.immersive-main-media__loading-animation {
position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:block}
.immersive-main-media__headline-container {
position:absolute;bottom:0;left:0;right:0}
.immersive-main-media__headline-container .content__labels {
padding-bottom:0;margin-bottom:0}
.immersive-main-media__headline-container--dark {
-webkit-transition:background 500ms ease-out 200ms, background-color 500ms ease-out 200ms;transition:background 500ms ease-out 200ms, background-color 500ms ease-out 200ms;background-color:rgba(0,0,0,0.6);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(#161616));background:-webkit-linear-gradient(rgba(0,0,0,0.5), #161616);background:linear-gradient(rgba(0,0,0,0.5), #161616)}
.content__headline--immersive {
font-size:2.25rem;line-height:2.5rem;line-height:1;font-weight:200;color:#ffffff}
@media (min-width: 61.25em) {
.content__headline--immersive {
font-size:4rem}
}
.content__headline--immersive.content__headline--advertisement {
font-family:"Guardian Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:200}
.immersive-main-media__headline-container--dark .content__headline--immersive-article {
color:#ffffff}
@media (min-width: 61.25em) {
.content__headline--immersive--with-main-media {
font-size:3.25rem}
}
.content--immersive .content__main {
padding-top:0.375rem}
.content__standfirst--immersive-article {
position:relative;padding-top:.33em;padding-bottom:.5rem;margin-bottom:0;color:#ffffff}
@media (min-width: 61.25em) {
.content__standfirst--immersive-article {
padding-bottom:1rem}
.content__standfirst--immersive-article:before {
content:'';position:absolute;top:0;height:0.125rem;width:8.75rem;background-color:rgba(255,255,255,0.2)}
}
.content__standfirst--immersive-article .u-underline {
color:#eaeaea;border-bottom:0.0625rem solid rgba(234,234,234,0.4)}
.content__standfirst--immersive-article .u-underline:hover {
border-bottom-color:#eaeaea}
.content__standfirst--immersive-article.content__standfirst--advertisement {
font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
.content__wrapper--standfirst {
padding-left:0.625rem;padding-right:0.625rem;background-color:rgba(0,0,0,0.5)}
@media (min-width: 30em) {
.content__wrapper--standfirst {
padding-left:1.25rem;padding-right:1.25rem}
}
.content--immersive-article.content {
border-top:0}
.content--immersive-article .content__article-body {
clear:both}
.content--immersive-article .content__series-label__link {
color:#ffffff}
.content--immersive-article .content__series-label+.content__headline {
padding-top:0}
@media (max-width: 61.24em) {
.content--immersive-article .is-fixed-height .content__standfirst:before {
display:none}
}
.content--immersive-article .content__section-label--advertisement {
font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1.25rem;line-height:1.5rem;font-weight:900;margin:0;padding-top:0.375rem}
.content--immersive-article .content__section-label--advertisement .content__section-label__link--advertisement {
color:#69d1ca}
.content--immersive-article .content__meta-container--immersive {
position:relative;width:auto;border-bottom:#f1f1f1 solid 0.0625rem;border-top:0}
@media (min-width: 71.25em) {
.content--immersive-article .content__meta-container--immersive {
padding-bottom:0.375rem;margin-bottom:0.375rem}
}
.content--immersive-article .content__meta-container--immersive .content__dateline {
font-size:0.875rem;line-height:1.25rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;min-height:0;border:0;padding:0;padding-right:0.375rem}
@media (min-width: 46.25em) and (max-width: 71.24em) {
.content--immersive-article .content__meta-container--immersive .content__dateline {
margin-bottom:1.25rem}
}
@media (min-width: 71.25em) {
.content--immersive-article .content__meta-container--immersive .content__dateline {
margin-left:10rem}
}
@media (min-width: 81.25em) {
.content--immersive-article .content__meta-container--immersive .content__dateline {
margin-left:15rem}
}
.content--immersive-article .content__meta-container--immersive .content__dateline-wpd {
color:#767676;cursor:text}
.content--immersive-article .content__meta-container--immersive .content__dateline-wpd:hover,.content--immersive-article .content__meta-container--immersive .content__dateline-wpd:focus {
color:inherit;text-decoration:none}
.content--immersive-article .content__meta-container--immersive .content__dateline,.content--immersive-article .content__meta-container--immersive .meta__numbers {
display:inline-block;vertical-align:top}
.content--immersive-article .content__meta-container--immersive .meta__number+.meta__number {
position:relative;border:0}
.content--immersive-article .content__meta-container--immersive .meta__number+.meta__number:before {
content:'';position:absolute;left:0;top:0.125rem;height:1em;width:0.0625rem;background-color:#eaeaea}
.content--immersive-article .content__meta-container--immersive .meta__numbers {
height:auto;padding:0;position:relative;border:0;overflow:auto}
@media (max-width: 46.24em) {
.content--immersive-article .content__meta-container--immersive .meta__numbers {
display:block;border-top:0.0625rem dotted #dfdfdf;margin-top:0.75rem;padding-top:0.1875rem;padding-bottom:0.75rem}
}
@media (min-width: 46.25em) {
.content--immersive-article .content__meta-container--immersive .meta__numbers:before {
content:'';position:absolute;left:0;top:0.125rem;height:1em;width:0.0625rem;background-color:#eaeaea}
}
.content--immersive-article .content__meta-container--immersive .meta__number {
font-size:0.875rem;line-height:1.25rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#767676;padding-left:0.625rem}
.content--immersive-article .content__meta-container--immersive .meta__number .inline-icon {
float:left;display:block}
.content--immersive-article .content__meta-container--immersive .meta__number--commentcount {
padding-left:0.625rem !important}
.content--immersive-article .content__meta-container--immersive .meta__number--commentcount .inline-icon {
margin-top:0.25rem;margin-right:0.125rem}
.content--immersive-article .content__meta-container--immersive .meta__number--sharecount {
padding-left:0;padding-right:0.5rem}
@media (min-width: 46.25em) {
.content--immersive-article .content__meta-container--immersive .meta__number--sharecount {
padding-left:0.625rem}
}
.content--immersive-article .content__meta-container--immersive .meta__number--sharecount .sharecount__value--short {
display:inline-block;font:inherit;color:inherit}
.content--immersive-article .content__meta-container--immersive .meta__number--sharecount .inline-icon {
fill:#767676;margin-top:0.0625rem;margin-right:0.25rem}
@media (max-width: 46.24em) {
.content--immersive-article .content__meta-container--immersive .meta__number--sharecount .inline-icon {
margin-left:0}
}
.content--immersive-article .content__meta-container--immersive .meta__extras {
position:static}
@media (min-width: 71.25em) {
.content--immersive-article .content__meta-container--immersive .meta__social {
position:absolute;top:-0.3125rem;border:0;width:8.75rem}
}
.content--immersive-article .drop-cap {
height:7.25em}
.content--immersive-article .drop-cap .drop-cap__inner {
font-size:9.5em;line-height:.83}
.content--immersive-article .section-rule {
display:block;width:8.75rem;height:0.125rem;margin:0;border:0;margin-top:3rem;margin-bottom:0.1875rem;background-color:#f1f1f1}
.content--immersive-article .section-image {
position:relative}
.content--immersive-article .section-image .caption,.content--immersive-article .section-image .section-rule {
display:none}
.content--immersive-article .section-title,.content--immersive-article .from-content-api>h2 {
font-size:1.75rem;line-height:2rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-weight:200}
@media (min-width: 46.25em) {
.content--immersive-article .section-title,.content--immersive-article .from-content-api>h2 {
font-size:2.25rem;line-height:2.5rem}
}
.content--immersive-article .section-title {
position:absolute;z-index:20;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);color:#ffffff;padding:0.1em 0.625rem 0.5em}
@media (min-width: 30em) {
.content--immersive-article .section-title {
padding-left:1.25rem;padding-right:1.25rem}
}
@media (min-width: 71.25em) {
.content--immersive-article .section-title {
padding-left:11.25rem}
}
@media (min-width: 81.25em) {
.content--immersive-article .section-title {
padding-left:16.25rem}
}
.content--immersive-article .in-body-link--immersive {
color:#951c55}
.content--immersive-article .in-body-link--immersive:hover {
border-bottom-color:rgba(149,28,85,0.4)}
.content--immersive-article .element+.section-rule {
margin-top:0}
.content--immersive-article .element-pullquote {
position:relative;width:auto;margin-left:0;margin-bottom:0.375rem;border-top:0.0625rem solid #f1f1f1;border-bottom:0.0625rem solid #f1f1f1;padding:0;padding-top:.2em;padding-bottom:2.25rem}
.content--immersive-article .element-pullquote .inline-quote {
margin:0.1875rem 0;height:auto;width:auto;line-height:1}
.content--immersive-article .element-pullquote .inline-quote svg {
fill:#bdbdbd;width:2.5em;height:1.4em}
.content--immersive-article .element-pullquote .pullquote-paragraph,.content--immersive-article .element-pullquote .pullquote-cite {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:200;font-size:1.75rem;line-height:1.1}
.content--immersive-article .element-pullquote .pullquote-paragraph {
color:#951c55}
.content--immersive-article .element-pullquote .pullquote-cite {
color:#333 !important}
.content--immersive-article .element-pullquote .inline-quote.closing {
display:none}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--showcase,.content--immersive-article .element-pullquote.element--supporting {
padding:0;border:0}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--showcase {
margin-bottom:2.25rem}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--showcase .inline-quote svg {
width:3em;height:1.8em}
}
@media (min-width: 71.25em) {
.content--immersive-article .element-pullquote.element--showcase .inline-quote {
position:absolute;left:-3.5em}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--showcase .pullquote-paragraph,.content--immersive-article .element-pullquote.element--showcase .pullquote-cite {
font-size:2.25em}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--supporting {
width:13.75rem;border:0;margin-right:1.25rem;margin-bottom:1.5rem}
}
@media (min-width: 71.25em) {
.content--immersive-article .element-pullquote.element--supporting {
width:8.75rem;margin-left:-10rem}
}
@media (min-width: 81.25em) {
.content--immersive-article .element-pullquote.element--supporting {
width:13.75rem;margin-left:-15rem}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--supporting .inline-quote {
position:absolute}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--supporting .inline-quote svg {
width:1.8em;height:1em}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--supporting .pullquote-paragraph {
text-indent:1.7em}
}
@media (min-width: 46.25em) {
.content--immersive-article .element-pullquote.element--supporting .pullquote-paragraph,.content--immersive-article .element-pullquote.element--supporting .pullquote-cite {
font-size:1.25em;line-height:1.2}
}
.content--immersive-article figure.element--immersive {
margin-left:-0.625rem;margin-right:-0.625rem}
@media (min-width: 30em) {
.content--immersive-article figure.element--immersive {
margin-left:-1.25rem;margin-right:-1.25rem}
}
@media (min-width: 46.25em) {
.content--immersive-article figure.element--immersive {
margin-right:-6.25rem}
}
@media (min-width: 61.25em) {
.content--immersive-article figure.element--immersive {
margin-right:-21.25rem}
}
@media (min-width: 71.25em) {
.content--immersive-article figure.element--immersive {
margin-left:-11.25rem}
}
@media (min-width: 81.25em) {
.content--immersive-article figure.element--immersive {
margin-left:-16.25rem;margin-right:-26.25rem}
}
.content--immersive-article figure.element--immersive .caption {
margin-left:0.625rem;margin-right:0.625rem}
@media (min-width: 30em) {
.content--immersive-article figure.element--immersive .caption {
margin-left:1.25rem;margin-right:1.25rem}
}
@media (min-width: 61.25em) {
.content--immersive-article figure.element--immersive .caption {
margin-left:0;margin-right:0}
}
@media (min-width: 46.25em) {
.content--immersive-article figure.element--immersive .block-share {
margin-right:1.25rem}
}
.content--immersive-article figure.element--immersive .section-rule {
display:none}
@media (min-width: 61.25em) {
.content--immersive-article figure.element--showcase {
margin-left:-1.25rem}
}
@media (min-width: 71.25em) {
.content--immersive-article figure.element--showcase {
margin-left:-11.25rem}
}
@media (min-width: 81.25em) {
.content--immersive-article figure.element--showcase {
margin-left:-16.25rem}
}
@media (min-width: 71.25em) {
.content--immersive-article figure.element--showcase,.content--immersive-article figure.element--immersive {
margin-bottom:0.625rem}
}
@media (min-width: 61.25em) {
.content--immersive-article figure.element--showcase .caption,.content--immersive-article figure.element--immersive .caption {
padding-left:1.25rem}
}
@media (min-width: 71.25em) {
.content--immersive-article figure.element--showcase .caption,.content--immersive-article figure.element--immersive .caption {
position:absolute;width:8.75rem;padding-top:0.75rem}
}
@media (min-width: 81.25em) {
.content--immersive-article figure.element--showcase .caption,.content--immersive-article figure.element--immersive .caption {
width:13.75rem}
}
.content--immersive-article figure.element--showcase .block-share,.content--immersive-article figure.element--immersive .block-share {
display:none !important}
.content--immersive-article .element--showcase {
float:none}
@media (min-width: 61.25em) {
.content--immersive-article .ad-slot--inline {
margin-right:-20rem}
}
@media (min-width: 81.25em) {
.content--immersive-article .ad-slot--inline {
margin-right:-25rem}
}
.content--recipes {
padding-bottom:0}
.recipes__main {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:0.0625rem solid #bdbdbd;margin-bottom:2.5rem}
@media (min-width: 61.25em) {
.recipes__main {
-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
}
.recipe__article .recipe__article--headline h1 {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-weight:200;font-size:1.75rem;line-height:2rem}
@media (min-width: 61.25em) {
.recipe__article .recipe__article--headline h1 {
font-size:2.25rem;line-height:2.5rem}
}
.recipe__article .recipe__article--structured-headline h1 {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-size:1.5rem;line-height:1.75rem;font-weight:900}
@media (min-width: 46.25em) {
.recipe__article .recipe__article--structured-headline h1 {
font-size:1.75rem;line-height:2rem}
}
.recipe__article h2:not(.recipe__article--structured-byline) {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-weight:900;line-height:1.75rem}
.circle-button {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-weight:900;line-height:1.875rem;border:0.0625rem solid #bdbdbd;-webkit-border-radius:50%;border-radius:50%;width:-webkit-calc(0.625rem * 3);width:calc(0.625rem * 3);height:-webkit-calc(0.625rem * 3);height:calc(0.625rem * 3);margin-right:0.375rem}
.circle-button:hover {
border:0.0625rem solid #767676}
.circle-button__svg {
margin-left:auto;margin-right:auto;margin-top:0.3125rem;fill:#767676;display:block}
.recipe__images-wrapper {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:50vh;top:0;width:100%;overflow:hidden}
@media (max-width: 61.24em) {
.recipe__images-wrapper {
position:relative}
}
@media (min-width: 61.25em) {
.recipe__images-wrapper {
-webkit-flex-basis:40%;-ms-flex-preferred-size:40%;flex-basis:40%;height:100vh;min-height:37.5rem}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.recipe__images-wrapper {
position:-webkit-sticky;position:sticky}
}
.recipe__images-wrapper.is-sticky {
width:40%}
}
@media (min-width: 71.25em) {
.recipe__images-wrapper {
-webkit-flex-basis:42%;-ms-flex-preferred-size:42%;flex-basis:42%}
.recipe__images-wrapper.is-sticky {
width:45%}
}
.recipe__image__wrapper {
-webkit-box-flex:1;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;position:relative}
.recipe__image__wrapper.recipe {
display:none}
@media (min-width: 61.25em) {
.recipe__image__wrapper.recipe {
display:block}
}
.recipe__image__wrapper--is-displayed {
-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}
.recipe__image {
position:absolute;top:0;height:100%}
@supports (object-fit: cover) {
.recipe__image {
object-fit:cover;width:100%}
}
.recipe__label {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;position:absolute;z-index:300;background-color:#b82266;height:4.125rem;width:6.875rem;-webkit-border-radius:50%;border-radius:50%;text-align:center;padding-top:3.125rem;color:#ffffff;left:-0.20833rem;bottom:-2rem;line-height:initial;font-weight:900}
@media (min-width: 46.25em) {
.recipe__label {
left:15%}
}
@media (min-width: 61.25em) {
.recipe__label {
top:-2.5rem;left:11%;bottom:auto}
}
@media (min-width: 71.25em) {
.recipe__label {
height:4.725rem;width:8.75rem;padding-top:-webkit-calc((1.25rem / 2) * 7);padding-top:calc((1.25rem / 2) * 7);top:-3.75rem}
}
@media (min-width: 71.25em) {
.recipe__label h2 {
font-size:1.75rem}
}
.recipe__article {
padding:0 0.625rem}
.flex-filler {
-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:4;-webkit-flex-grow:4;-ms-flex-positive:4;flex-grow:4}
.recipe__gutter-wrapper {
display:none}
@media (min-width: 61.25em) {
.recipe__gutter-wrapper {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:5%;-ms-flex-preferred-size:5%;flex-basis:5%;position:relative;top:0;height:100vh;min-height:37.5rem}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.recipe__gutter-wrapper {
position:-webkit-sticky;position:sticky}
}
}
.recipe__article--byline-image {
position:absolute;-webkit-border-radius:50%;border-radius:50%;width:-webkit-calc(0.625rem * 4);width:calc(0.625rem * 4);height:-webkit-calc(0.625rem * 4);height:calc(0.625rem * 4);background-color:#bdbdbd;overflow:hidden;top:0.75rem;margin:auto;left:0;right:0}
@media (min-width: 71.25em) {
.recipe__article--byline-image {
width:-webkit-calc(0.625rem * 5);width:calc(0.625rem * 5);height:-webkit-calc(0.625rem * 5);height:calc(0.625rem * 5)}
}
.recipe__article--byline-image .byline-img .byline-img__img {
width:150%;height:auto;margin-left:-25%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.recipe__article--byline {
font-size:1rem;line-height:1.375rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:600;color:#767676}
.recipe__article--byline a {
color:#b82266}
.recipe__article--next-button {
opacity:0;position:absolute;bottom:0.3125rem;width:-webkit-calc(0.625rem * 3);width:calc(0.625rem * 3);height:-webkit-calc(0.625rem * 3);height:calc(0.625rem * 3);-webkit-border-radius:50%;border-radius:50%;border:0.0625rem solid #b3b3b3;z-index:200;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin:auto;left:0.625rem;cursor:pointer}
@media (min-width: 61.25em) {
.recipe__article--next-button {
border:0.0625rem solid #bdbdbd;left:0;right:0}
}
@media (min-width: 71.25em) {
.recipe__article--next-button {
width:-webkit-calc(0.5625rem * 5);width:calc(0.5625rem * 5);height:-webkit-calc(0.5625rem * 5);height:calc(0.5625rem * 5)}
}
.recipe__article--next-button .inline-icon {
fill:#000000}
.recipe__article--next-button svg {
margin-left:auto;margin-right:auto}
@media (min-width: 61.25em) {
.recipe__article--next-button svg {
width:100%;height:auto}
}
.recipe__article--next-button.top {
-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.recipe__article--next-button.hide-on-desktop {
opacity:0}
.recipe__article--next-button.hide-on-desktop.visible {
opacity:1}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.recipe__article--next-button.visible {
opacity:1}
}
@media (max-width: 61.24em) {
.recipe__article-wrapper {
margin-left:auto;margin-right:auto}
}
@media (min-width: 61.25em) {
.recipe__article-wrapper {
-webkit-flex-basis:55%;-ms-flex-preferred-size:55%;flex-basis:55%;float:right;border-left:0.0625rem solid #eaeaea}
}
@media (min-width: 71.25em) {
.recipe__article-wrapper {
-webkit-flex-basis:53%;-ms-flex-preferred-size:53%;flex-basis:53%}
}
@media (min-width: 61.25em) {
.recipe__article--headline,.recipe__article--content {
margin-left:auto;margin-right:auto}
}
.recipe__article--headline {
margin:0;margin-bottom:1.5rem;color:#333;max-width:34.375rem}
@media (min-width: 61.25em) {
.recipe__article--headline {
max-width:28.75rem}
}
@media (min-width: 71.25em) {
.recipe__article--headline {
max-width:31.25rem}
}
@media (min-width: 81.25em) {
.recipe__article--headline {
max-width:34.375rem}
}
.recipe__article--buttons {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:0.75rem;max-width:34.375rem;height:2.25rem}
@media (min-width: 46.25em) {
.recipe__article--buttons {
max-width:34.375rem}
}
@media (max-width: 46.24em) {
.recipe__article--buttons {
border-bottom:0.0625rem solid #eaeaea;border-top:0.0625rem solid #eaeaea;margin-top:0.75rem;padding-top:0.375rem}
}
.recipe__article--buttons>* {
line-height:0}
.recipe__article--social {
position:relative;width:9.25rem}
.recipe__article--social .social.social--expanded-top {
width:15.625rem}
.recipe__article--social .social-icon {
background-color:transparent;border:0.0625rem solid #bdbdbd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.recipe__article--social .social-icon svg path {
fill:#767676}
.recipe__article--social .social-icon:hover {
background-color:transparent;border:0.0625rem solid #767676}
.recipe__content--feedback-text {
font-size:0.875rem;line-height:1.25rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#767676;border-top:0.0625rem solid #bdbdbd;font-weight:900;padding-top:0.375rem;max-width:34.375rem}
@media (min-width: 61.25em) {
.recipe__content--feedback-text {
max-width:28.75rem}
}
@media (min-width: 71.25em) {
.recipe__content--feedback-text {
max-width:31.25rem}
}
@media (min-width: 81.25em) {
.recipe__content--feedback-text {
max-width:34.375rem}
}
.recipe__content--feedback-link {
color:#b82266}
.recipe__content,.recipe__standfirst {
padding-top:0.375rem;border-top:0.0625rem solid #eaeaea}
.recipe__content {
padding-top:0.375rem;border-top:0.0625rem solid #eaeaea}
.recipe__content p,.recipe__content ul {
font-size:1rem;line-height:1.5rem;max-width:34.375rem}
@media (min-width: 61.25em) {
.recipe__content p,.recipe__content ul {
max-width:28.75rem}
}
@media (min-width: 71.25em) {
.recipe__content p,.recipe__content ul {
max-width:31.25rem}
}
@media (min-width: 81.25em) {
.recipe__content p,.recipe__content ul {
max-width:34.375rem}
}
.recipe__content h2 {
font-size:1.125rem}
.recipe__standfirst {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;margin-bottom:1.25rem}
.recipe__standfirst p {
max-width:34.375rem}
@media (min-width: 61.25em) {
.recipe__standfirst p {
max-width:28.75rem}
}
@media (min-width: 71.25em) {
.recipe__standfirst p {
max-width:31.25rem}
}
@media (min-width: 81.25em) {
.recipe__standfirst p {
max-width:34.375rem}
}
.recipe__content a,.recipe__standfirst a {
color:#b82266}
.recipe__content a:hover,.recipe__standfirst a:hover {
border-bottom:0.0625rem solid #b82266}
.recipe__content ul {
margin-left:0rem;list-style:none}
.recipe__content li:before {
width:0.75rem;height:0.75rem;-webkit-border-radius:50%;border-radius:50%;margin-right:0.625rem;background-color:#bdbdbd;display:inline-block;content:''}
.recipe__content.js-visible>*,.recipe__content.recipe__content--no-js>* {
display:block}
.recipe__article--read-more {
display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;cursor:pointer}
.recipe__article--read-more:after {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;content:'Read more';display:block;color:#767676;font-weight:900;margin-top:0.375rem}
.recipe__article--read-more.js-x-sign svg {
-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.recipe__article--read-more.js-x-sign:after {
content:'Hide'}
.recipe__article--meta {
padding-top:0.1875rem}
.recipe__article--meta .content__series-label {
float:none;line-height:1.25rem;margin-bottom:0.125rem}
.recipe__article--meta .content__series-label .content__series-label__link {
color:#b82266;font-weight:900;font-size:1.125rem}
.recipe__content figure.element,.recipe__content aside.element {
margin-left:0}
.recipe__article--next-recipe {
opacity:0;position:fixed;bottom:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;z-index:1010}
@media (max-width: 61.24em) {
.recipe__article--next-recipe {
left:0}
}
.recipe__article--next-recipe .kicker {
color:#b82266}
.recipe__article--next-recipe .kicker:after {
content:'/';color:rgba(51,51,51,0.2)}
.recipe__article--next-recipe.visible {
opacity:1}
.recipe__article--next-text {
position:inherit;bottom:0;padding-left:3.125rem;padding-right:4%;background-color:#eaeaea;padding-bottom:0.3125rem;padding-top:0.375rem;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:-webkit-calc(0.625rem * 4);min-height:calc(0.625rem * 4);cursor:pointer;width:100%}
.recipe__article--next-text.visible {
-webkit-transform:translateY(0%);transform:translateY(0%)}
.recipe__article--next-text h2 {
font-size:1rem;line-height:1.25rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-weight:900;line-height:1.125rem}
@media (min-width: 61.25em) {
.recipe__article--next-text {
padding-left:0.625rem;padding-bottom:0.75rem}
.recipe__article--next-text h2 {
font-size:1.25rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-weight:900}
}
@media (min-width: 61.25em) {
.recipe__article--next-text {
width:55%}
}
@media (min-width: 81.25em) {
.recipe__article--next-text {
width:53%}
}
.recipe__article--structured {
margin-top:0.75rem;border-top:0.0625rem solid #eaeaea;padding-top:0.375rem}
.recipe__article--structured .structured-meta {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-size:1rem;font-weight:900}
.recipe__article--structured .structured-meta__circle {
border:0.0625rem solid #b82266;width:-webkit-calc(0.625rem * 3);width:calc(0.625rem * 3);height:1.6875rem;text-align:center;margin-right:0.25rem;padding-top:0.1875rem;color:#b82266}
.recipe__article--structured .structured-meta__circle:nth-child(2) {
margin-left:-webkit-calc(0.25rem * 2);margin-left:calc(0.25rem * 2)}
.recipe__article--structured-image {
margin-top:-0.5rem;height:13.75rem;overflow:hidden}
@supports (object-fit: cover) {
.recipe__article--structured-image img {
object-fit:cover;height:100%}
}
.recipe__article--structured-image img {
width:100%}
.recipe__article--structured-headline {
margin-bottom:1.5rem;max-width:34.375rem}
@media (min-width: 61.25em) {
.recipe__article--structured-headline {
max-width:28.75rem}
}
@media (min-width: 71.25em) {
.recipe__article--structured-headline {
max-width:31.25rem}
}
@media (min-width: 81.25em) {
.recipe__article--structured-headline {
max-width:34.375rem}
}
.recipe__article--structured-meta {
margin-bottom:0.375rem}
.recipe__article--structured-ingredients {
margin-bottom:1.5rem;margin-top:0.75rem}
@media (min-width: 61.25em) {
.recipe__article--structured-ingredients {
max-width:28.75rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
@media (min-width: 71.25em) {
.recipe__article--structured-ingredients {
max-width:31.25rem}
}
@media (min-width: 81.25em) {
.recipe__article--structured-ingredients {
max-width:34.375rem}
}
.ingredients-list {
-webkit-box-flex:0;-webkit-flex:0 49%;-ms-flex:0 49%;flex:0 49%}
.ingredients-list:nth-child(odd) {
padding-right:1%}
.ingredients-list,.method-list {
margin:0rem;padding:0rem;list-style:none}
.ingredients-list {
margin-bottom:0.75rem}
.ingredients-list li:not(.recipe__article--list-title) {
font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:0.875rem;border-top:0.0625rem solid #eaeaea;margin-bottom:0.375rem}
.recipe__article--structured-byline,.recipe__article--list-title {
font-size:1.25rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-size:1.125rem;line-height:1.125rem;font-weight:900;color:#b82266;margin-bottom:0}
.recipe__article--list-title {
margin-bottom:1.125rem}
.recipe__article--structured-byline {
margin-bottom:0;line-height:1.125rem;margin-top:0.375rem}
@media (min-width: 61.25em) {
.recipe__article--structured-byline {
margin-top:0;margin-bottom:0}
}
.ingredients-list .recipe__article--list-title:before {
width:100%}
.recipe__article--list-title:before {
display:block;content:'';height:0.25rem;background-color:#b82266;margin-bottom:0.375rem}
@media (min-width: 61.25em) {
.recipe__article--list-title:before {
width:50%}
}
.method-list {
margin-bottom:1.5rem;max-width:34.375rem}
@media (min-width: 61.25em) {
.method-list {
max-width:28.75rem}
}
@media (min-width: 71.25em) {
.method-list {
max-width:31.25rem}
}
@media (min-width: 81.25em) {
.method-list {
max-width:34.375rem}
}
.method-list li:not(.recipe__article--list-title) {
font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;border-top:0.0625rem solid #eaeaea;margin-bottom:1.5rem}
.method-list .number {
font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-size:3rem;font-weight:200;float:left;line-height:0;margin-top:1.65rem;margin-right:0.75rem;color:#b82266}
.ad-wrapper {
background-color:#f6f6f6;margin-top:2.5rem;padding-top:0;padding-bottom:0}
.ad-wrapper .ad-slot {
margin-left:auto;margin-right:auto}
.content--minute-article {
border-top:0 none}
@media (max-width: 29.99em) {
.content .gs-container--minute-article {
padding:0}
}
.content--minute-article--overlay {
display:block;position:absolute;top:0;bottom:0;background:rgba(0,0,0,0.4);background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(90%, #000));background:-webkit-linear-gradient(top, transparent 20%, #000 90%);background:linear-gradient(to bottom, transparent 20%, #000 90%);width:100%}
.content__headline--minute {
color:#ffffff;position:relative;padding-bottom:0.75rem}
@media (min-width: 41.25em) {
.content__headline--minute:after {
background-color:#4bc6df;content:'';height:0.25rem;width:20rem;position:absolute;top:-0.25rem;left:0}
}
@media (min-width: 46.25em) {
.content__headline--minute {
font-size:2.75rem;width:28.75rem}
}
@media (min-width: 61.25em) {
.content__headline--minute {
font-size:4rem;margin-left:5rem;width:38.75rem}
.content__headline--minute:after {
width:23.75rem}
}
.content__standfirst--immersive-minute-article:before {
content:none}
.content--minute-article .badge-slot,.content--minute-article .logo--minute-article {
display:block;float:left}
.content--minute-article .badge-slot {
position:absolute;top:0.375rem}
.content--minute-article .badge-slot svg {
height:auto;max-height:2.9375rem;width:100%}
.content--minute-article .badge-slot__img {
height:4.125rem;width:4.125rem}
.content--minute-article .logo--minute-article {
height:8.25rem;position:absolute;top:-10.5rem}
@media (max-width: 29.99em) {
.content--minute-article .logo--minute-article {
display:none}
}
@media (min-width: 61.25em) {
.content--minute-article .logo--minute-article {
height:11.25rem;top:-14.25rem;left:-4.875rem}
}
.content--minute-article .logo--minute-article svg {
height:100%;width:auto;max-width:11.8125rem}
@media (min-width: 61.25em) {
.content--minute-article .logo--minute-article svg {
max-width:14rem}
}
.content--minute-article .content__standfirst {
font-size:1.125rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900}
@media (min-width: 46.25em) {
.content--minute-article .content__dateline--minute-article,.content--minute-article .content__standfirst {
max-width:18.75rem;margin-left:0}
}
@media (min-width: 61.25em) {
.content--minute-article .content__dateline--minute-article,.content--minute-article .content__standfirst {
max-width:23.75rem;margin-left:5rem}
}
.content__dateline--minute-article {
font-size:1.125rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900;color:#4bc6df;margin-bottom:0}
.content__main-column--minute-article {
margin:0 auto;max-width:none;width:100%}
.content__main-column--minute-article .submeta {
margin:0 auto;padding:0 0.625rem}
@media (min-width: 30em) {
.content__main-column--minute-article .submeta {
padding:0 1.25rem}
}
@media (min-width: 46.25em) {
.content__main-column--minute-article .submeta {
width:38.75rem}
}
@media (min-width: 61.25em) {
.content__main-column--minute-article .submeta {
width:53.75rem}
}
@media (min-width: 71.25em) {
.content__main-column--minute-article .submeta {
width:58.75rem}
}
.article__container--minute-article {
background-color:#dfdfdf;padding-bottom:0.75rem}
.block--minute-article {
overflow:hidden;position:relative;width:100%}
.block--minute-article:before {
background-color:rgba(39,193,224,0.8);content:'';height:0.25rem;width:20rem;z-index:2;right:0}
.block--minute-article .block-elements {
padding:0.375rem 0 0}
.block--minute-article .block-elements .block-title {
font-weight:100;margin-bottom:0.375rem}
.block--minute-article figure.element-image {
margin-bottom:0;width:100%;z-index:1}
@media (max-width: 29.99em) {
.block--minute-article {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100vh;min-height:35rem}
.block--minute-article:before {
margin-top:auto;width:8.75rem;margin-left:0.625rem}
.block--minute-article .block-elements {
padding-left:0.625rem;padding-right:0.625rem}
.block--minute-article .block-elements .block-title {
font-size:1.5rem;line-height:1.75rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal}
.block--minute-article.block--minute-article--embed {
-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.block--minute-article.block--minute-article--embed:before {
margin-top:0}
}
@media (min-width: 46.25em) {
.block--minute-article {
max-width:38.75rem;margin-top:0.75rem;margin-bottom:2.25rem}
.block--minute-article:before {
width:33.75rem;position:absolute;left:0}
.block--minute-article .block-elements {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:13.75rem;float:left;margin-right:1.25rem}
.block--minute-article .block-elements .block-title {
font-size:1.5rem;line-height:1.75rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal}
.block--minute-article figure.element-image {
margin-top:0;width:23.75rem;display:inline-block}
}
@media (min-width: 61.25em) {
.block--minute-article {
max-width:48.75rem;margin-bottom:4.5rem;margin-left:5rem}
.block--minute-article:before {
width:38.75rem}
.block--minute-article .block-elements {
width:18.75rem}
.block--minute-article figure.element-image {
width:28.75rem}
}
@media (min-width: 71.25em) {
.block--minute-article {
max-width:53.75rem;margin-left:5rem}
.block--minute-article:before {
width:48.75rem}
.block--minute-article .block-elements {
width:23.75rem}
.block--minute-article figure.element-image {
width:28.75rem}
}
@media (min-width: 81.25em) {
.block--minute-article {
max-width:58.75rem}
.block--minute-article figure.element-image {
width:33.75rem}
}
@media (min-width: 46.25em) {
.block--minute-article--alt-layout {
margin-left:5rem}
.block--minute-article--alt-layout:before {
right:0;left:auto}
.block--minute-article--alt-layout .block-elements {
float:right;margin-left:1.25rem;margin-right:0}
}
@media (min-width: 61.25em) {
.block--minute-article--alt-layout {
margin-left:10rem}
}
@media (min-width: 81.25em) {
.block--minute-article--alt-layout {
margin-left:15rem}
}
.block--minute-article--counter {
color:#4bc6df}
@media (max-width: 61.24em) {
.block--minute-article--counter {
font-weight:700}
}
@media (min-width: 61.25em) {
.block--minute-article--counter {
display:block;font-size:4.375rem;line-height:4.625rem;letter-spacing:-0.3125rem;font-weight:100;margin-top:-0.25rem}
}
.block--minute-article .updated-time {
display:none}
.block--minute-article a,.block--minute-article .u-fauxlink {
color:#333}
.block--minute-article p a {
border-bottom:0.0625rem solid rgba(75,198,223,0.6)}
.block--minute-article p a:hover {
border-bottom-color:#4bc6df}
.block--minute-article p a:active {
color:#4bc6df;border-bottom-color:#4bc6df}
.block--minute-article .caption__minute-article {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0.1875rem 1.25rem 0.375rem 0.625rem;width:100%}
@media (min-width: 30em) {
.block--minute-article .caption__minute-article {
padding-left:0}
}
.block--minute-article .tweet-main-image {
display:none}
.from-content-api .block--minute-article blockquote.quoted {
color:#333;margin-top:0.375rem;margin-bottom:0}
.from-content-api .block--minute-article blockquote.quoted .inline-quote {
fill:#4bc6df}
.block--minute-article.block--minute-article--quote .inline-quote {
position:relative;display:block}
.block--minute-article.block--minute-article--quote .quoted {
margin:0}
.block--minute-article.block--minute-article--quote .inline-quote svg {
width:3.125rem;height:2.125rem}
.block--minute-article.block--minute-article--quote .quoted__contents {
font-size:1.5rem;line-height:1.75rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-style:normal;font-weight:100;margin-left:0}
@media (min-width: 46.25em) {
.block--minute-article.block--minute-article--quote {
margin-left:0}
.block--minute-article.block--minute-article--quote:before {
width:18.75rem}
.block--minute-article.block--minute-article--quote .block-elements {
width:38.75rem}
}
@media (min-width: 61.25em) {
.block--minute-article.block--minute-article--quote {
margin-left:5rem}
.block--minute-article.block--minute-article--quote .quoted__contents {
font-size:2rem;line-height:2.25rem}
.block--minute-article.block--minute-article--quote .block-elements {
width:48.75rem}
}
@media (min-width: 71.25em) {
.block--minute-article.block--minute-article--quote {
margin-left:10rem}
}
@media (min-width: 46.25em) {
.block--minute-article--alt-layout.block--minute-article--quote {
margin-left:5rem}
}
@media (min-width: 61.25em) {
.block--minute-article--alt-layout.block--minute-article--quote {
margin-left:10rem}
}
@media (min-width: 71.25em) {
.block--minute-article--alt-layout.block--minute-article--quote {
margin-left:20rem}
}
@media (max-width: 29.99em) {
.block--minute-article--video .element-video {
margin-left:-0.625rem;margin-right:-0.625rem}
}
@media (min-width: 46.25em) {
.block--minute-article--video {
width:33.75rem}
.block--minute-article--video:before {
width:13.75rem}
.block--minute-article--video .block-elements {
width:33.75rem}
.block--minute-article--video .caption__minute-article {
background-color:transparent;padding-left:0;padding-bottom:1.5rem}
}
@media (min-width: 61.25em) {
.block--minute-article--video {
width:43.75rem}
.block--minute-article--video .block-elements {
width:43.75rem}
}
@media (min-width: 71.25em) {
.block--minute-article--video {
width:58.75rem}
.block--minute-article--video .block-elements {
width:58.75rem}
}
@media (min-width: 46.25em) {
.block--minute-article--tweet {
width:23.75rem;margin-left:10rem}
.block--minute-article--tweet:before {
width:13.75rem}
.block--minute-article--tweet .block-elements {
width:23.75rem}
}
@media (min-width: 61.25em) {
.block--minute-article--tweet {
width:28.75rem;margin-left:25rem}
.block--minute-article--tweet .block-elements {
width:28.75rem}
}
@media (min-width: 71.25em) {
.block--minute-article--tweet {
margin-left:30rem}
}
@media (min-width: 46.25em) {
.block--minute-article--alt-layout.block--minute-article--tweet {
margin-left:5rem}
}
@media (min-width: 61.25em) {
.block--minute-article--alt-layout.block--minute-article--tweet {
margin-left:10rem}
}
@media (min-width: 71.25em) {
.block--minute-article--alt-layout.block--minute-article--tweet {
margin-left:20rem}
}
.block--minute-article--tweet:before,.block--minute-article--video:before,.block--minute-article--quote:before {
left:0}
.block--minute-article--tweet .block-elements,.block--minute-article--video .block-elements,.block--minute-article--quote .block-elements {
margin-left:0;margin-right:0;float:none}
@media (min-width: 61.25em) {
.block--minute-article--shorty {
position:relative;overflow:visible}
.block--minute-article--shorty .block--minute-article--counter {
position:absolute;width:5rem;top:0.25rem;left:-5rem;border-top:0.25rem solid #4bc6df}
}
@supports (object-fit: cover) {
@media (max-width: 29.99em) {
.block--minute-article--background-image {
color:#ffffff}
.block--minute-article--background-image p {
font-weight:700}
.block--minute-article--background-image a {
color:#ffffff}
.block--minute-article--background-image .block-elements {
margin-bottom:3rem;position:relative;z-index:3}
.block--minute-article--background-image .element--inline {
position:absolute;top:0;bottom:0;z-index:1;margin-top:0}
.block--minute-article--background-image .element--inline:after {
content:'';display:block;position:absolute;top:0;bottom:0;background:rgba(0,0,0,0.4);background:-webkit-gradient(linear, left top, left bottom, color-stop(30%, transparent), to(#000));background:-webkit-linear-gradient(top, transparent 30%, #000 100%);background:linear-gradient(to bottom, transparent 30%, #000 100%);width:100%}
.block--minute-article--background-image .element--inline .element--inline__image-wrapper {
height:100%}
.block--minute-article--background-image .element--inline .gu-image {
height:100vh;width:100vw;object-fit:cover}
.block--minute-article--background-image .caption__minute-article {
background-color:transparent;color:rgba(255,255,255,0.5);min-height:1.5rem;position:absolute;bottom:0;z-index:2}
}
}
@media (min-width: 61.25em) {
.content__labels--gallery,.l-side-margins--gallery .content__meta-container,.content__headline--gallery,.content__standfirst--gallery {
margin-left:15rem;max-width:38.75rem}
}
.l-side-margins--gallery .content__meta-container {
position:relative;width:auto}
.l-side-margins--gallery .meta__extras {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.tonal--tone-media .content__headline--gallery {
font-weight:200;padding-top:0}
@media (max-width: 46.24em) {
.tonal--tone-media .content__headline--gallery {
padding-top:0.375rem}
}
.content__labels--gallery {
border:0;width:auto;float:none}
.content__labels--gallery .content__section-label {
margin-right:0.3125rem}
.content__labels--gallery .content__series-label {
font-weight:normal}
.content__labels--gallery .content__series-label,.content__labels--gallery .content__section-label {
font-size:1rem;line-height:1.25rem;float:left}
.content__labels--paidgallery .content__section-label__link {
color:#69d1ca}
.gallery__fullscreen,.article__fullscreen {
position:absolute}
.badge-slot {
width:2.0625rem;margin-top:0.125rem}
@media (max-width: 61.24em) {
.badge-slot {
float:left;margin-right:0.3125rem}
}
@media (min-width: 61.25em) {
.badge-slot {
width:3.75rem}
}
.badge-slot__img {
width:100%}
.content__head--is-badged .content__section-label,.content__head--is-badged .content__series-label {
float:none}
.gu-image {
width:100%}
.from-content-api {
word-wrap:break-word;position:relative}
.from-content-api>p,.from-content-api ul,.from-content-api ol,.from-content-api address,.from-content-api .block-elements>p,.from-content-api .block-elements ul,.from-content-api .block-elements ol,.from-content-api .block-elements address {
margin:0 0 0.75rem;padding:0}
@media (min-width: 46.25em) {
.from-content-api>p,.from-content-api ul,.from-content-api ol,.from-content-api address,.from-content-api .block-elements>p,.from-content-api .block-elements ul,.from-content-api .block-elements ol,.from-content-api .block-elements address {
margin-bottom:1rem}
}
.from-content-api>ol,.from-content-api>blockquote>ul,.from-content-api>ul,.from-content-api .block-elements>ol,.from-content-api .block-elements>blockquote>ul,.from-content-api .block-elements>ul {
margin-top:.8em}
.from-content-api>li,.from-content-api>ol,.from-content-api>blockquote ul,.from-content-api>ul,.from-content-api .block-elements>li,.from-content-api .block-elements>ol,.from-content-api .block-elements>blockquote ul,.from-content-api .block-elements>ul {
list-style:none}
.from-content-api>ol,.from-content-api .block-elements>ol {
counter-reset:li}
.from-content-api>ol>li:before,.from-content-api .block-elements>ol>li:before {
font-size:1rem;line-height:1.25rem;content:counter(li);counter-increment:li;margin-right:0.25rem}
@media (min-width: 46.25em) {
.from-content-api>ol>li:before,.from-content-api .block-elements>ol>li:before {
font-size:1.125rem;line-height:1.5rem}
}
.from-content-api>ul ul,.from-content-api>ol ol,.from-content-api .block-elements>ul ul,.from-content-api .block-elements>ol ol {
margin-left:1.25rem}
.from-content-api>ol li,.from-content-api>ul li,.from-content-api .block-elements>ol li,.from-content-api .block-elements>ul li {
position:relative;margin-bottom:.8em}
.from-content-api>h2,.from-content-api .block-elements>h2 {
font-size:1.125rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:900}
@media (min-width: 46.25em) {
.from-content-api>h2,.from-content-api .block-elements>h2 {
font-size:1.25rem;line-height:1.5rem;margin-bottom:0.0625rem}
}
.from-content-api>h3,.from-content-api .block-elements>h3 {
font-size:1rem;line-height:1.5rem;font-family:"Guardian Text Egyptian Web",Georgia,serif;font-weight:bold;margin:0}
@media (min-width: 46.25em) {
.from-content-api>h3,.from-content-api .block-elements>h3 {
font-size:1.125rem;line-height:1.75rem}
}
.from-content-api>p+h2,.from-content-api>figure+h2,.from-content-api>video+h2,.from-content-api .block-elements>p+h2,.from-content-api .block-elements>figure+h2,.from-content-api .block-elements>video+h2 {
margin-top:1.5rem}
@media (min-width: 46.25em) {
.from-content-api>p+h2,.from-content-api>figure+h2,.from-content-api>video+h2,.from-content-api .block-elements>p+h2,.from-content-api .block-elements>figure+h2,.from-content-api .block-elements>video+h2 {
margin-top:1.6875rem}
}
.from-content-api>p+h3,.from-content-api>figure+h3,.from-content-api>video+h3,.from-content-api .block-elements>p+h3,.from-content-api .block-elements>figure+h3,.from-content-api .block-elements>video+h3 {
margin-top:0.75rem}
.from-content-api blockquote {
font-style:italic;margin:1rem 0 1.75rem 1.5rem}
@media (min-width: 46.25em) {
.from-content-api blockquote {
margin-left:1.75rem}
}
.from-content-api blockquote.quoted {
color:#767676;margin-left:initial;overflow:auto}
.is-breuer-mode .from-content-api p {
margin-bottom:0}
.is-breuer-mode .from-content-api p+p,.is-breuer-mode .from-content-api .element--thumbnail+p,.is-breuer-mode .from-content-api .element--supporting+p {
text-indent:1.875rem}
.from-content-api pre {
word-wrap:normal;background-color:#fafcfd;border:0.0625rem solid #d8e3ec;padding:0.5625rem 0.9375rem;-webkit-border-radius:0.25rem;border-radius:0.25rem}
.bullet {
font-size:0.00625rem;line-height:0.00625rem;color:transparent}
.bullet:before {
display:inline-block;content:'';-webkit-border-radius:0.375rem;border-radius:0.375rem;height:0.75rem;width:0.75rem;margin-right:0.125rem;background-color:#bdbdbd}
.from-content-api ul,.content__standfirst ul {
list-style:none}
.from-content-api ul>li:before,.content__standfirst ul>li:before {
display:inline-block;content:'';-webkit-border-radius:0.375rem;border-radius:0.375rem;height:0.75rem;width:0.75rem;margin-right:0.25rem;background-color:#bdbdbd}
.from-content-api ul>li>p:first-child,.content__standfirst ul>li>p:first-child {
display:inline}
.caption {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;color:#767676}
.caption .inline-information {
margin-right:0.125rem;margin-top:-0.1875rem;width:0.875rem;height:0.875rem;background-color:#767676}
.caption .inline-information .inline-information__svg {
width:0.25rem;fill:#ffffff}
.tonal--tone-media .caption .inline-information .inline-information__svg {
fill:#161616}
.content__main--minute-article .caption .inline-information .inline-information__svg {
fill:#dfdfdf}
.caption--main {
padding:0.5rem 0.625rem 1.5rem}
@media (min-width: 30em) {
.caption--main {
padding-left:1.25rem;padding-right:1.25rem}
}
@media (min-width: 41.25em) {
.caption--main {
padding-left:0;padding-right:0}
}
figure {
margin:0}
figure img {
display:block}
figure.element {
margin-top:1rem;margin-bottom:0.75rem;position:relative}
figure.element-image {
position:relative}
figure.element-image figcaption {
padding-top:0.5rem}
@media (min-width: 46.25em) {
figure.element-video figcaption {
max-width:28.75rem}
}
@media (min-width: 46.25em) {
figure.element--showcase figcaption {
max-width:43.75rem}
}
figure.img--inline {
margin:0.3125rem 1.25rem 0.375rem 0}
p+figure,p+video {
margin-top:0.25rem}
figure.element--thumbnail+h2 {
display:inline}
.from-content-api cite {
font-size:0.875rem;line-height:1.25rem;font-family:"Guardian Text Egyptian Web",Georgia,serif}
.from-content-api cite a {
color:#767676}
.from-content-api cite a:hover,.from-content-api cite a:focus,.from-content-api cite a:visited:focus,.from-content-api cite a:visited:hover {
color:#4d4d4d;border-bottom:0.0625rem dotted #4d4d4d}
.from-content-api cite a:visited {
color:#808080;border-bottom:0.0625rem dotted #808080}
.from-content-api table {
margin-bottom:1rem}
.from-content-api table caption {
font-size:1.25rem;line-height:1.5rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;padding:0.5rem 0;text-align:left;border-top:0.0625rem solid #b3b3b4}
.from-content-api th,.from-content-api td {
font-size:0.8125rem;line-height:1.125rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;padding:0.5rem}
.from-content-api th {
font-weight:600}
.from-content-api tbody tr:nth-child(odd) td {
background-color:#ececec}
.from-content-api .element iframe {
width:100%;border:0}
.embed-video-wrapper iframe,.embed-video-wrapper video,.embed-video-wrapper object,.embed-video-wrapper embed {
width:100%}
.element-pullquote {
width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin-bottom:0.75rem}
@media (min-width: 46.25em) {
.element-pullquote {
width:13.75rem;float:left;clear:left;padding-right:1.25rem;padding-top:0.1875rem;margin-bottom:0.375rem}
}
@media (min-width: 71.25em) {
.element-pullquote {
width:11.25rem;margin-left:-11.25rem;padding:0 1.25rem;padding-top:0.1875rem}
}
@media (min-width: 81.25em) {
.element-pullquote {
width:16.25rem;margin-left:-16.25rem}
}
.element-pullquote blockquote {
margin:0;font-style:normal}
.element-pullquote blockquote p {
font-size:1.5rem;line-height:1.75rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;color:#767676;margin-bottom:0}
@media (min-width: 46.25em) {
.element-pullquote blockquote p {
font-size:1.25rem;line-height:1.5rem}
}
.element-pullquote footer {
margin-top:0.0625rem}
.element-pullquote cite {
font-size:1rem;line-height:1.5rem;font-family:"Guardian Text Egyptian Web",Georgia,serif;font-weight:bold;font-style:normal;color:#767676}
.element-pullquote cite a,.element-pullquote cite a:visited {
border-bottom:0.0625rem solid #dcdcdc}
.element-pullquote cite a:hover,.element-pullquote cite a:visited:hover {
text-decoration:none;border-bottom:0.0625rem solid #767676}
.atom-quiz {
counter-reset:quiz-question;margin:0}
.atom-quiz__question {
margin-bottom:1.5rem;list-style-type:none;border:0;padding:0}
.atom-quiz__question figure.element {
margin:0;-webkit-transition:opacity 100ms;transition:opacity 100ms}
.atom-quiz__question-text {
margin-bottom:0.75rem;display:inline-block}
.atom-quiz__question-text:before {
counter-increment:quiz-question;content:counter(quiz-question) ".";padding-right:.5ch}
.atom-quiz__question-image {
margin-bottom:0.375rem}
.atom-quiz__answers:after,.atom-quiz__answers:before {
content:'';display:table}
.atom-quiz__answers:after {
clear:both}
.atom-quiz__answer {
clear:both}
.atom-quiz__answer+.atom-quiz__answer {
padding-top:0.375rem}
.atom-quiz__answer--image {
width:50%;float:left}
.atom-quiz__answer--image:nth-child(2) {
padding-top:0}
.atom-quiz__answer--image:nth-child(even) {
clear:none}
.atom-quiz__answer__input {
border:0 !important;clip:rect(0 0 0 0) !important;height:0.0625rem !important;margin:-0.0625rem !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:0.0625rem !important}
.atom-quiz__answer__item {
background-color:#f6f6f6;-webkit-transition:background-color 100ms;transition:background-color 100ms;display:block;position:relative;cursor:pointer}
.atom-quiz--is-results .atom-quiz__answer__item {
cursor:default}
:checked+.atom-quiz__answer__item {
cursor:default;background-color:#ff9b0b}
:checked+.atom-quiz__answer__item .element-image {
opacity:.8}
:checked+.atom-quiz__answer__item:before {
background-color:#333;-webkit-box-shadow:0rem 0rem 0rem 0.0625rem #333,inset 0rem 0rem 0rem 0.1875rem #ff9b0b;box-shadow:0rem 0rem 0rem 0.0625rem #333,inset 0rem 0rem 0rem 0.1875rem #ff9b0b}
.atom-quiz--is-not-results :not(:checked)+.atom-quiz__answer__item:hover,.atom-quiz--is-not-results :not(:checked):focus+.atom-quiz__answer__item {
background-color:#dcdcdc}
.atom-quiz--is-not-results :not(:checked)+.atom-quiz__answer__item:hover:before,.atom-quiz--is-not-results :not(:checked):focus+.atom-quiz__answer__item:before {
background-color:#767676;-webkit-box-shadow:0rem 0rem 0rem 0.0625rem #767676,inset 0rem 0rem 0rem 0.1875rem #dcdcdc;box-shadow:0rem 0rem 0rem 0.0625rem #767676,inset 0rem 0rem 0rem 0.1875rem #dcdcdc}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--is-correct {
background-color:rgba(61,181,64,0.6)}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--is-correct .element-image {
opacity:.8}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--selected {
color:#ffffff;background-color:#c3021b}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--selected .element-image {
opacity:.8}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--selected .atom-quiz__answer__icon {
display:inline-block}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--is-correct.atom-quiz__answer__item--selected {
background-color:#3db540}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--is-correct.atom-quiz__answer__item--selected .element-image {
opacity:1}
.atom-quiz--is-results.atom-quiz--knowledge .atom-quiz__answer__item--is-correct.atom-quiz__answer__item--selected .atom-quiz__answer__reveal-text {
color:#ffffff;padding-left:1.75rem;padding-top:0;min-height:auto}
.atom-quiz__answer__item--text {
padding:0.75rem 1.25rem}
.atom-quiz--personality .atom-quiz__answer__item--text:before {
content:'';height:1em;width:1em;-webkit-border-radius:1em;border-radius:1em;display:inline-block;position:absolute;left:1em;top:1em;-webkit-box-shadow:0rem 0rem 0rem 0.0625rem #bdbdbd;box-shadow:0rem 0rem 0rem 0.0625rem #bdbdbd;-webkit-transition:background-color 100ms, -webkit-box-shadow 50ms;transition:background-color 100ms, -webkit-box-shadow 50ms;transition:background-color 100ms, box-shadow 50ms;transition:background-color 100ms, box-shadow 50ms, -webkit-box-shadow 50ms}
:checked+.atom-quiz__answer__item--text:before {
background-color:#333;-webkit-box-shadow:0rem 0rem 0rem 0.0625rem #333,inset 0rem 0rem 0rem 0.1875rem #ff9b0b;box-shadow:0rem 0rem 0rem 0.0625rem #333,inset 0rem 0rem 0rem 0.1875rem #ff9b0b}
.atom-quiz--is-not-results :not(:checked)+.atom-quiz__answer__item--text:hover:before,.atom-quiz--is-not-results :not(:checked):focus+.atom-quiz__answer__item--text:before {
background-color:#767676;-webkit-box-shadow:0rem 0rem 0rem 0.0625rem #767676,inset 0rem 0rem 0rem 0.1875rem #dcdcdc;box-shadow:0rem 0rem 0rem 0.0625rem #767676,inset 0rem 0rem 0rem 0.1875rem #dcdcdc}
.atom-quiz--is-results .atom-quiz__answer__item--text:before {
display:none}
.atom-quiz--is-not-results.atom-quiz--personality .atom-quiz__answer__item--text {
padding-left:3em}
.atom-quiz__answer__item--image {
padding:0.625rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.atom-quiz__answer__item--image:after {
content:'';position:absolute;top:0;left:0;right:0;bottom:0}
.atom-quiz__answer__item--image:before {
display:none}
.atom-quiz__answer:nth-child(odd) .atom-quiz__answer__item--image {
margin-right:0.1875rem}
.atom-quiz__answer:nth-child(even) .atom-quiz__answer__item--image {
margin-left:0.1875rem}
.atom-quiz__answer__icon {
display:none}
.atom-quiz__answer__icon svg {
height:1rem;width:1rem}
.atom-quiz__answer__icon--text {
position:relative;top:0.125rem;padding-right:0.5rem;margin-left:-0.125rem}
.atom-quiz__answer__icon--image {
padding-top:0.75rem}
.atom-quiz__answer__icon--image:after {
position:relative;top:-0.125rem;left:0.5rem;content:'Incorrect'}
.atom-quiz__answer__item--is-correct .atom-quiz__answer__icon--image:after {
content:'Correct'}
.atom-quiz__answer__reveal-text {
font-size:0.75rem;line-height:1rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;display:none;color:#333}
.atom-quiz--is-results .atom-quiz__answer__reveal-text {
display:block}
.atom-quiz__answer__icon--image+.atom-quiz__answer__reveal-text {
padding-top:0.75rem;min-height:1.5rem}
.atom-quiz__message {
display:none;border-top:0.0625rem solid #dcdcdc;background-color:#f6f6f6;padding:0.375rem 0.83333rem}
.atom-quiz--is-results .atom-quiz__message {
display:block}
.atom-quiz__message--top {
border-top:0.75rem solid #fff;margin-bottom:0.75rem}
.atom-quiz__score-message,.atom-quiz__bucket-message {
color:#767676}
.atom-quiz__score {
font-size:2.75rem;line-height:3rem;font-family:"Guardian Egyptian Web","Guardian Text Egyptian Web",Georgia,serif;font-weight:normal;font-size:4.5rem;line-height:4.875rem;color:#005689;display:block}
.atom-quiz__share {
border-top:0.0625rem solid #dcdcdc;padding-top:0.5rem;margin-top:0.75rem}
.atom-quiz__cta {
padding-bottom:0.75rem}
.atom-quiz--instant-reveal:invalid,.atom-quiz--instant-reveal:valid {
counter-reset:quiz-question quiz-score}
.atom-quiz--instant-reveal:invalid [type=submit],.atom-quiz--instant-reveal:valid [type=submit] {
display:none}
.atom-quiz--instant-reveal:invalid :valid,.atom-quiz--instant-reveal:invalid :valid+.atom-quiz__answer__item,.atom-quiz--instant-reveal:valid :valid,.atom-quiz--instant-reveal:valid :valid+.atom-quiz__answer__item {
pointer-events:none}
.atom-quiz--instant-reveal:invalid :valid .atom-quiz__answer__item--is-correct,.atom-quiz--instant-reveal:valid :valid .atom-quiz__answer__item--is-correct {
background-color:rgba(61,181,64,0.6)}
.atom-quiz--instant-reveal:invalid :valid .atom-quiz__answer__item--is-correct .element-image,.atom-quiz--instant-reveal:valid :valid .atom-quiz__answer__item--is-correct .element-image {
opacity:.8}
.atom-quiz--instant-reveal:invalid :valid .atom-quiz__answer__reveal-text,.atom-quiz--instant-reveal:valid :valid .atom-quiz__answer__reveal-text {
display:block}
.atom-quiz--instant-reveal:invalid :checked+.atom-quiz__answer__item,.atom-quiz--instant-reveal:valid :checked+.atom-quiz__answer__item {
color:#ffffff;background-color:#c3021b}
.atom-quiz--instant-reveal:invalid :checked+.atom-quiz__answer__item .element-image,.atom-quiz--instant-reveal:valid :checked+.atom-quiz__answer__item .element-image {
opacity:.8}
.atom-quiz--instant-reveal:invalid :checked+.atom-quiz__answer__item .atom-quiz__answer__icon,.atom-quiz--instant-reveal:valid :checked+.atom-quiz__answer__item .atom-quiz__answer__icon {
display:inline-block}
.atom-quiz--instant-reveal:invalid :checked+.atom-quiz__answer__item--is-correct,.atom-quiz--instant-reveal:valid :checked+.atom-quiz__answer__item--is-correct {
background-color:#3db540;counter-increment:quiz-score}
.atom-quiz--instant-reveal:invalid :checked+.atom-quiz__answer__item--is-correct .element-image,.atom-quiz--instant-reveal:valid :checked+.atom-quiz__answer__item--is-correct .element-image {
opacity:1}
.atom-quiz--instant-reveal:invalid :checked+.atom-quiz__answer__item--is-correct .atom-quiz__answer__reveal-text,.atom-quiz--instant-reveal:valid :checked+.atom-quiz__answer__item--is-correct .atom-quiz__answer__reveal-text {
color:#ffffff;padding-left:1.75rem;padding-top:0;min-height:auto}
.atom-quiz--instant-reveal:invalid .atom-quiz__score:after,.atom-quiz--instant-reveal:valid .atom-quiz__score:after {
content:counter(quiz-score) "/" attr(data-question-count)}
.atom-quiz--instant-reveal:invalid .atom-quiz__bucket-message,.atom-quiz--instant-reveal:valid .atom-quiz__bucket-message {
display:none}
.atom-quiz--instant-reveal:valid .atom-quiz__message {
display:block}
.interactive-atom-fence {
width:100%;border:0}
.immersive-main-media__media .interactive-atom-fence {
height:100% !important}
.svg .i-camera-black-large,.svg .paid-content.content--gallery .content__headline:before,.svg-i-camera-black-large {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTE4IDMuNXY4TDE2LjUgMTNoLTE1TDAgMTEuNXYtOEwxLjUgMkg1bDItMmg0bDIgMmgzLjVMMTggMy41ek05IDExYzEuOSAwIDMuNS0xLjYgMy41LTMuNVMxMC45IDQgOSA0IDUuNSA1LjYgNS41IDcuNSA3LjEgMTEgOSAxMXoiLz48L3N2Zz4=);background-position:0 0;width:1.125rem;height:0.8125rem}
.svg .i-volume-mute--tone-media,.svg-i-volume-mute--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTEgNEwwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40bC0uNi0uNi0yLjkgMi42TDEwLjYgM2wtLjYuNiAyLjYgMi45TDEwIDkuNGwuNi42IDIuOS0yLjYgMi45IDIuNi42LS42LTIuNi0yLjlMMTcgMy42eiIvPjwvc3ZnPg==);background-position:0 0;width:1.0625rem;height:0.8125rem}
.svg .i-volume-mute--tone-podcast,.svg-i-volume-mute--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTEgNEwwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40bC0uNi0uNi0yLjkgMi42TDEwLjYgM2wtLjYuNiAyLjYgMi45TDEwIDkuNGwuNi42IDIuOS0yLjYgMi45IDIuNi42LS42LTIuNi0yLjlMMTcgMy42eiIvPjwvc3ZnPg==);background-position:0 0;width:1.0625rem;height:0.8125rem}
.svg .i-volume-mute-white,.svg-i-volume-mute-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEgNEwwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40bC0uNi0uNi0yLjkgMi42TDEwLjYgM2wtLjYuNiAyLjYgMi45TDEwIDkuNGwuNi42IDIuOS0yLjYgMi45IDIuNi42LS42LTIuNi0yLjlMMTcgMy42eiIvPjwvc3ZnPg==);background-position:0 0;width:1.0625rem;height:0.8125rem}
.svg .i-volume-low-black,.svg-i-volume-low-black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNOTkgMjMuM3YxNThoLTguN2wtNDcuNy00N2gtMzNsLTcuNi04Vjc4LjZsOC43LTguM2gzMmw0Ny00N2g4LjdtNTIgNzlsLTI5LjktMzQgNi40LTYuNCAzMy43IDMwIDM0LTMwIDYuNCA2LjQtMzAgMzQgMzAgMzMuNy02LjQgNi40LTM0LTI5LjktMzMuNyAyOS45LTYuNC02LjQgMjkuOS0zMy43Ii8+PC9zdmc+);background-position:0 0;width:0rem;height:0rem}
.svg .i-expand--black,.svg-i-expand--black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNzIuOCAxOTF2MTEuM2gtNjZMMi4xIDE5OHYtNjZoMTEuN2w1LjEgNDAuNiA1Mi01MiAxMi45IDEyLjktNTIgNTIgNDAuNiA1LjVtNTktMTc3VjIuN2g2Nmw0LjMgNC4zdjY2aC0xMS4zbC01LjUtNDEtNTIgNTItMTIuNS0xMi45IDUyLTUyLTQwLjYtNS4xIi8+PC9zdmc+);background-position:0 0;width:0rem;height:0rem}
.svg .i-volume-high--tone-media,.svg-i-volume-high--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-high--tone-podcast,.svg-i-volume-high--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-high-black,.svg .paid-content.tonal--tone-media .vjs-volume-menu-button .vjs-control-text:before,.svg .paid-content.content--media--audio .content__headline:before,.svg-i-volume-high-black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-high-white,.svg-i-volume-high-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTExLjcgMi41YzAgMi0uNyAzLjgtMS44IDUuMmwuNC40YzEuNi0xLjMgMi42LTMuMyAyLjYtNS42cy0xLTQuMy0yLjYtNS42bC0uNC40YzEuMiAxLjUgMS44IDMuMyAxLjggNS4ybS0zLjcgMGMwIDEuMS0uMyAyLjItLjkgMy4xbC41LjVjLjgtMSAxLjQtMi4yIDEuNC0zLjZzLS42LTIuNi0xLjUtMy41bC0uNS41Yy42LjggMSAxLjkgMSAzIi8+PC9zdmc+);background-position:0 0;width:1rem;height:0.8125rem}
.svg .i-volume-low--tone-media,.svg-i-volume-low--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTggMi41YzAgMS4xLS4zIDIuMi0uOSAzLjFsLjUuNWMuOC0xIDEuNC0yLjIgMS40LTMuNnMtLjYtMi42LTEuNS0zLjVsLS41LjVjLjYuOCAxIDEuOSAxIDMiLz48L3N2Zz4=);background-position:0 0;width:0.75rem;height:0.8125rem}
.svg .i-volume-low--tone-podcast,.svg-i-volume-low--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTggMi41YzAgMS4xLS4zIDIuMi0uOSAzLjFsLjUuNWMuOC0xIDEuNC0yLjIgMS40LTMuNnMtLjYtMi42LTEuNS0zLjVsLS41LjVjLjYuOCAxIDEuOSAxIDMiLz48L3N2Zz4=);background-position:0 0;width:0.75rem;height:0.8125rem}
.svg .i-volume-low-white,.svg-i-volume-low-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMgNEgxTDAgNXYzbDEgMWgybDQgNGgxVjBIN0wzIDR6bTggMi41YzAgMS4xLS4zIDIuMi0uOSAzLjFsLjUuNWMuOC0xIDEuNC0yLjIgMS40LTMuNnMtLjYtMi42LTEuNS0zLjVsLS41LjVjLjYuOCAxIDEuOSAxIDMiLz48L3N2Zz4=);background-position:0 0;width:0.75rem;height:0.8125rem}
.svg .i-embed--black,.svg .paid-content.tonal--tone-media .vjs-embed-button .vjs-control-content:before,.svg-i-embed--black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xIDEwLjJWOC40TDIuOCA2LjcgNy4xIDVWMy4yTC44IDZ2MS41bDYuMyAyLjhNOS42IDE0aDEuN0wxNS4xLjRoLTEuN0w5LjYgMTRtOC40LTMuN2w2LjMtMi44VjZMMTggMy4yVjVsNC4zIDEuN0wxOCA4LjR2MS44IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);background-position:0 0;width:1.5625rem;height:0.875rem}
.svg .i-embed--tone-media,.svg-i-embed--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODR6bTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MnptOC4zNjQtMy42OGw2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4eiIgZmlsbD0iI2ZiMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);background-position:0 0;width:1.5625rem;height:0.875rem}
.svg .i-embed--white,.svg-i-embed--white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODR6bTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MnptOC4zNjQtMy42OGw2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);background-position:0 0;width:1.5625rem;height:0.875rem}
.svg .i-expand-black,.svg .paid-content.tonal--tone-media .vjs-fullscreen-control .vjs-control-text:before,.svg-i-expand-black {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTMuNCAyMC4yTDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOUwxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=);background-position:0 0;width:1.375rem;height:1.375rem}
.svg .i-expand-white,.svg-i-expand-white {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMuNCAyMC4yTDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOUwxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=);background-position:0 0;width:1.375rem;height:1.375rem}
.svg .i-expand-yellow,.svg-i-expand-yellow {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMuNCAyMC4yTDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOUwxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=);background-position:0 0;width:1.375rem;height:1.375rem}
.svg .i-video-camera--tone-media,.svg-i-video-camera--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIyMyI+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgMEwwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==);background-position:0 0;width:2.25rem;height:1.4375rem}
.svg .i-video-camera--tone-podcast,.svg-i-video-camera--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIyMyI+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgMEwwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==);background-position:0 0;width:2.25rem;height:1.4375rem}
.svg .i-close-icon-white-small,.svg-i-close-icon-white-small {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDkuOGwtLjgtLjgtNS4yIDQuOEw5LjggOWwtLjguOCA0LjggNS4yTDkgMjAuMmwuOC44IDUuMi00LjggNS4yIDQuOC44LS44LTQuOC01LjJMMjEgOS44Ii8+PC9zdmc+);background-position:0 0;width:1.875rem;height:1.875rem}
.svg .i-pause-32--tone-media,.svg-i-pause-32--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmIwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+);background-position:0 0;width:2rem;height:2rem}
.svg .i-pause-32--tone-podcast,.svg-i-pause-32--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjYWFkOGYxIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+);background-position:0 0;width:2rem;height:2rem}
.svg .i-play-32--tone-media,.svg-i-play-32--tone-media {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmIwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjdMMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=);background-position:0 0;width:2rem;height:2rem}
.svg .i-play-32--tone-podcast,.svg-i-play-32--tone-podcast {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjYWFkOGYxIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjdMMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=);background-position:0 0;width:2rem;height:2rem}
.svg .i-error-exclamation,.svg-i-error-exclamation {
background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYgMzYiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iI2ZmZiIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+PHBhdGggZD0iTTE0LjcyNyA1LjcyN2wxLjYzNi0xLjYzNmgzLjI3M2wxLjYzNiAxLjYzNi0xLjYzNiAxNS41NDVoLTMuMjczTDE0LjcyNyA1LjcyN202LjU0NSAyMi4wOWMwLTEuOC0xLjQ3My0zLjI3My0zLjI3My0zLjI3M2EzLjI4MyAzLjI4MyAwIDAgMC0zLjI3MyAzLjI3M2MwIDEuOCAxLjQ3MyAzLjI3MyAzLjI3MyAzLjI3M3MzLjI3My0xLjQ3MyAzLjI3My0zLjI3MyIgZmlsbD0iIzMzMyIvPjwvZz48L3N2Zz4=);background-position:0 0;width:2.25rem;height:2.25rem}
@media (min-width: 61.25em) {
.video-playlist__item .youtube-media-atom {
opacity:.3;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}
.video-playlist__item .youtube-media-atom .vjs-big-play-button {
display:block}
}
@media (max-width: 61.24em) {
.video-playlist__item .youtube-media-atom iframe,.video-playlist__item .youtube-media-atom .vjs-big-play-button {
top:6.75rem;bottom:0;height:auto}
}
.video-playlist__item--active .youtube-media-atom {
opacity:1}
.video-playlist__item--active .youtube-media-atom .vjs-big-play-button {
display:block}
.youtube-media-atom {
position:relative}
.youtube-media-atom .youtube-media-atom__iframe,.youtube-media-atom .youtube-media-atom__overlay {
height:100%;width:100%;position:absolute;max-height:100vh}
.youtube-media-atom .youtube-media-atom__iframe {
z-index:0}
.youtube-media-atom .youtube-media-atom__iframe:hover ~ .youtube-media-atom__overlay .youtube-media-atom__play-button {
-webkit-transition:-webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:-webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transform:translate(-50%, -50%) scale(1.12);transform:translate(-50%, -50%) scale(1.12);-webkit-transform-origin:center;transform-origin:center}
.youtube-media-atom .youtube-media-atom__iframe:hover ~ .youtube-media-atom__overlay .youtube-media-atom__immersive-interface .youtube-media-atom__play-button {
-webkit-transition:-webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:-webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transform:scale(1.08);transform:scale(1.08);-webkit-transform-origin:center;transform-origin:center}
.youtube-media-atom .youtube-media-atom__iframe:not(.youtube__video-ready) ~ .youtube-media-atom__overlay,.youtube-media-atom .youtube-media-atom__iframe.youtube__video-ended ~ .youtube-media-atom__overlay {
visibility:hidden;opacity:0}
.youtube-media-atom .youtube-media-atom__iframe.youtube__video-started:not(.youtube__video-ended) ~ .video-overlay {
visibility:hidden;opacity:0}
.youtube-media-atom .youtube-media-atom__iframe.youtube__video-started:not(.youtube__video-ended) ~ .youtube-media-atom__overlay {
visibility:hidden;opacity:0;-webkit-transition:opacity 1s linear, visibility 1s;transition:opacity 1s linear, visibility 1s;-webkit-transition-delay:500ms;transition-delay:500ms;-webkit-transition-duration:500ms;transition-duration:500ms}
.youtube-media-atom .youtube-media-atom__iframe.youtube__video-ended.youtube__video-started ~ .youtube-media-atom__overlay {
visibility:visible;opacity:1;-webkit-transition:opacity 1s linear, visibility 0s;transition:opacity 1s linear, visibility 0s}
@media (min-width: 46.25em) {
.youtube-media-atom .youtube-media-atom__iframe.youtube__video-ended.youtube__video-started ~ .end-slate-container {
display:block}
}
.youtube-media-atom .youtube-media-atom__overlay.vjs-big-play-button {
pointer-events:none}
.youtube-media-atom .youtube-media-atom__overlay {
-webkit-background-size:cover;background-size:cover;background-position:49% 49%;background-repeat:no-repeat;z-index:1;text-align:center}
.youtube-media-atom .youtube-media-atom__overlay .video-overlay {
text-align:initial}
.youtube-media-atom .youtube-media-atom__play-button.vjs-control-text {
overflow:hidden !important;display:inline-block;z-index:2}
.youtube-media-atom .youtube-media-atom__bottom-bar {
position:absolute;left:0;bottom:0;width:100%;height:2.125rem;z-index:2}
.youtube-media-atom .youtube-media-atom__bottom-bar::before,.youtube-media-atom .youtube-media-atom__bottom-bar::after {
position:absolute;height:100%;width:100%;left:0;z-index:-1}
.youtube-media-atom .youtube-media-atom__bottom-bar::before {
content:'';opacity:.1;background:#333}
.youtube-media-atom .youtube-media-atom__bottom-bar::after {
background-color:rgba(51,51,51,0);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(51,51,51,0)), to(rgba(51,51,51,0.5)));background-image:-webkit-linear-gradient(top, rgba(51,51,51,0), rgba(51,51,51,0.5));background-image:linear-gradient(to bottom, rgba(51,51,51,0), rgba(51,51,51,0.5));content:'';opacity:.7}
.youtube-media-atom .youtube-media-atom__bottom-bar__icon {
float:left;height:100%;width:2.25rem}
.youtube-media-atom .youtube-media-atom__bottom-bar__icon svg {
fill:#fb0;width:1.1875rem;height:0.75rem;top:auto;bottom:0.625rem;left:0.625rem}
.youtube-media-atom .youtube-media-atom__bottom-bar__duration {
font-size:1rem;line-height:1.875rem;font-family:"Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:bold;color:#fb0;float:left;-webkit-font-smoothing:subpixel-antialiased;padding-top:0.25rem;padding-left:0.5rem;text-shadow:0 0 1rem rgba(51,51,51,0.25)}
.youtube-media-atom .youtube-media-atom__bottom-bar__duration::before {
content:'';width:0.0625rem;height:1rem;opacity:.5;position:absolute;left:2.25rem;background-color:#fb0;top:auto;bottom:0.5rem}
.immersive-main-media__media .youtube-media-atom {
padding-bottom:0;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;z-index:0}
.immersive-main-media__media .youtube-media-atom__immersive-interface {
position:absolute;top:50vh;-webkit-transform:translateY(-100%);transform:translateY(-100%);padding-bottom:1.5rem}
.immersive-main-media__media .youtube-media-atom__play-button,.immersive-main-media__media .youtube-media-atom__bottom-bar__duration {
display:inline-block;vertical-align:middle;float:none;top:auto;left:auto;right:auto;bottom:auto}
.immersive-main-media__media .youtube-media-atom__play-button {
position:relative;width:5.75rem;height:5.75rem;-webkit-transform:none;transform:none}
.immersive-main-media__media .youtube-media-atom__play-button:hover {
-webkit-transform:none;transform:none}
.immersive-main-media__media .youtube-media-atom__play-button:before {
width:100%;height:100%;-webkit-border-radius:100%;border-radius:100%}
.immersive-main-media__media .youtube-media-atom__play-button:after {
display:none}
.immersive-main-media__media .youtube-media-atom__play-button svg {
width:2.875rem;height:2.4375rem;fill:#333;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-42%) translateY(-50%);transform:translateX(-42%) translateY(-50%)}
.immersive-main-media__media .youtube-media-atom__bottom-bar__duration {
position:relative;-webkit-font-smoothing:antialiased;font-size:1.125rem;line-height:2.125rem;left:0.375rem;height:2rem;padding:0 0.75rem;background-color:rgba(51,51,51,0.7);-webkit-border-radius:2rem;border-radius:2rem}
.immersive-main-media__media .youtube-media-atom__bottom-bar__duration:before {
display:none}