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: #707070 } @media (min-width: 46.25em) { .dateline { font-size: 0.875rem; line-height: 1.25rem } } .dateline i { vertical-align: baseline } .relative-timestamp { display: block; color: #707070; 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: #121212 } html, body { text-rendering: optimizeSpeed } .should-kern body { text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'kern'; font-feature-settings: 'kern'; -webkit-font-kerning: normal; font-kerning: normal; -webkit-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: 1.0625rem; 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", Georgia, serif; font-weight: normal } .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: #00b2ff; 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: 19.99em) { .hide-until-mobile { display: none !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: 41.24em) { .hide-until-phablet { 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 (max-width: 61.24em) { .hide-until-desktop { 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: 61.25em) { .hide-from-desktop { 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 } } .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 (min-width: 20em) and (max-width: 61.24em) { .hide-on-tablet { 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: #041f4a; 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-aligner { margin: 0 auto; width: 100% } .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; -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 { text-decoration: none !important; border-bottom: 0.0625rem solid #dcdcdc; transition: border-color .15s ease-out } .u-underline:hover, .u-underline:focus { border-color: #6e99b3 } .u-underline:active { border-color: #00b2ff } .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: rgba(0, 0, 0, 0) } 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 } .inline-list__item { display: inline-block } .inline-icon { fill: #ffffff } .inline-icon svg { overflow: visible } .inline-icon--light-grey { fill: #dcdcdc } .inline-icon--black { fill: #121212 } .inline-close--small svg { height: 100%; width: 45% } .inline-tone-fill { fill: #005689 } .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 } } @media (max-width: 29.99em) { .content__head:not(.tonal__head--tone-dead):not(.tonal__head--tone-live):not(.tonal__head--tone-media):not(.content__head--crossword):not(.content__head--interactive) { 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):not(.content__head--crossword):not(.content__head--interactive) { 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: 61.24em) { .nav-is-open { overflow: hidden; width: 100% } } @media (min-width: 61.25em) { .nav-is-open { overflow-x: hidden } } .new-header { background-color: #052962; position: relative } .new-header:not(.new-header--slim) { margin-bottom: 0 } @media (min-width: 46.25em) { .new-header { display: block } } @media (min-width: 81.25em) { .has-page-skin .new-header .gs-container { width: 61.25rem } } .new-header__inner:after, .new-header__inner:before { content: ''; display: table } .new-header__inner:after { clear: both } .new-header__edition-container { position: absolute; top: 0; z-index: 1072; -webkit-transform: translateX(100%); transform: translateX(100%) } @media (min-width: 61.25em) { .new-header__edition-container { right: 7.5rem; width: 6.875rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .new-header__edition-container { right: 12.3125rem; width: 12.3125rem } } .new-header__edition-container .top-bar__item__seperator { margin-left: 0 } .new-header__menu-toggle { display: block; outline: 0; position: relative } @media (max-width: 61.24em) { .new-header__menu-toggle { position: absolute; right: 0.3125rem; bottom: 3.625rem } } @media (max-width: 61.24em) and (min-width: 22.5em) { .new-header__menu-toggle { right: 0.3125rem; bottom: -0.1875rem } } @media (max-width: 61.24em) and (min-width: 30em) { .new-header__menu-toggle { right: 1.125rem } } @media (max-width: 61.24em) and (min-width: 46.25em) { .new-header__menu-toggle { bottom: 0.1875rem } } @media (max-width: 61.24em) { .new-header--slim .new-header__menu-toggle { top: 0.1875rem; bottom: auto } } .new-header__menu-toggle:active { outline: 0 } .new-header__logo { float: right; margin-top: 0.625rem; margin-right: 3.375rem; margin-bottom: 1.5rem } @media (min-width: 22.5em) { .new-header__logo { margin-right: 0.625rem } } @media (min-width: 30em) { .new-header__logo { margin-right: 1.25rem } } @media (min-width: 61.25em) { .new-header__logo { margin-top: 0.3125rem; margin-bottom: 1.125rem; position: relative; z-index: 1071 } } @media (min-width: 81.25em) { body:not(.has-page-skin) .new-header__logo { margin-right: 6rem } } .new-header--slim .new-header__logo { position: absolute; margin: 0; right: 2.625rem; top: 0.1875rem; z-index: 1070 } @media (min-width: 30em) { body:not(.has-page-skin) .new-header--slim .new-header__logo { margin-right: 0; right: 3.25rem } } @media (min-width: 61.25em) { body:not(.has-page-skin) .new-header--slim .new-header__logo { right: 1.25rem } } @media (min-width: 61.25em) { .new-header--slim.new-header--open .new-header__logo { z-index: 1072 } } .inline-the-guardian-roundel__svg { height: 2.625rem; width: 2.625rem } .inline-the-guardian-roundel__svg path:nth-child(1) { fill: #fff } .inline-the-guardian-roundel__svg path:nth-child(2) { fill: #052962 } .inline-the-guardian-logo__svg { display: block; height: 2.75rem; width: 8.4375rem } @media (min-width: 22.5em) { .inline-the-guardian-logo__svg { height: 3.5rem; width: 10.9375rem } } @media (min-width: 46.25em) { .inline-the-guardian-logo__svg { height: 4.5rem; width: 14rem } } @media (min-width: 61.25em) { .inline-the-guardian-logo__svg { height: 5.9375rem; width: 18.4375rem } } .inline-the-guardian-logo__svg path { fill: #fff } .inline-guardian-best-website-logo { display: block; height: auto; width: 9.125rem } @media (min-width: 22.5em) { .inline-guardian-best-website-logo { width: 12.1875rem } } @media (min-width: 46.25em) { .inline-guardian-best-website-logo { width: 14rem } } @media (min-width: 61.25em) { .inline-guardian-best-website-logo { width: 18.4375rem } } .new-header--slim { height: 3rem } @media (max-width: 61.24em) { .nav-is-open { overflow: hidden; width: 100% } } @media (min-width: 61.25em) { .nav-is-open { overflow-x: hidden } } .header-top-nav { background-color: #052962; position: relative } .header-top-nav:not(.header-top-nav--slim) { margin-bottom: 0 } @media (min-width: 46.25em) { .header-top-nav { display: block } } @media (min-width: 81.25em) { .has-page-skin .header-top-nav .gs-container { width: 61.25rem } } .header-top-nav .header-top-nav__top-bar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; font-weight: bold; height: 1.875rem; padding-right: 6rem; padding-left: 0.75rem } @media (min-width: 61.25em) { .header-top-nav .header-top-nav__top-bar { -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; height: 2.1875rem; padding-right: 0; padding-left: 0 } } .header-top-nav .header-top-nav__top-bar a.top-bar__item:hover { color: #fff; text-decoration: underline } .header-top-nav .header-top-nav__top-bar a.top-bar__item.yellow { color: #ffe500 } .header-top-nav .header-top-nav__top-bar a.top-bar__item.yellow:hover { color: #ffe500 } @media (max-width: 61.24em) { .header-top-nav .header-top-nav__top-bar a.top-bar__item { font-weight: 400; padding: 0.1875rem 0.625rem } } .header-top-nav .header-top-nav__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 0 } .header-top-nav .header-top-nav__item .header-top-nav__item--separator { border-left: 0.0625rem solid #506991; position: absolute; left: 0; top: 0; height: 1.5rem } .header-top-nav .header-top-nav__item svg { fill: currentColor; float: left; height: 1.125rem; width: 1.125rem; margin: -0.0625rem 0.25rem 0 0 } .header-top-nav__full-width { background-color: #041f4a; width: 100% } .header-top-nav__inner:after, .header-top-nav__inner:before { content: ''; display: table } .header-top-nav__inner:after { clear: both } .header-top-nav__edition-container { position: absolute; top: 0; z-index: 1072; -webkit-transform: translateX(100%); transform: translateX(100%) } @media (min-width: 61.25em) { .header-top-nav__edition-container { right: 7.5rem; width: 6.875rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .header-top-nav__edition-container { right: 12.3125rem; width: 12.3125rem } } .header-top-nav__edition-container .top-bar__item__seperator { margin-left: 0 } .header-top-nav__menu-toggle { display: block; outline: 0; position: relative } @media (max-width: 61.24em) { .header-top-nav__menu-toggle { position: absolute; right: 0.3125rem; bottom: 3.625rem } } @media (max-width: 61.24em) and (min-width: 22.5em) { .header-top-nav__menu-toggle { right: 0.3125rem; bottom: -0.1875rem } } @media (max-width: 61.24em) and (min-width: 30em) { .header-top-nav__menu-toggle { right: 1.125rem } } @media (max-width: 61.24em) and (min-width: 46.25em) { .header-top-nav__menu-toggle { bottom: 0.1875rem } } @media (max-width: 61.24em) { .header-top-nav--slim .header-top-nav__menu-toggle { top: 0.1875rem; bottom: auto } } .header-top-nav__menu-toggle:active { outline: 0 } .header-top-nav__logo { float: right; margin-top: 0.375rem; margin-right: 3.375rem; margin-bottom: 0.625rem } @media (min-width: 22.5em) { .header-top-nav__logo { margin-right: 0.625rem } } @media (min-width: 30em) { .header-top-nav__logo { margin-right: 1.25rem } } @media (min-width: 61.25em) { .header-top-nav__logo { margin-top: 0.3125rem; margin-bottom: 0.75rem; position: relative; z-index: 1071 } } @media (min-width: 81.25em) { body:not(.has-page-skin) .header-top-nav__logo { margin-right: 6rem } } .header-top-nav--slim .header-top-nav__logo { position: absolute; margin: 0; right: 2.625rem; top: 0.1875rem; z-index: 1070 } @media (min-width: 30em) { body:not(.has-page-skin) .header-top-nav--slim .header-top-nav__logo { margin-right: 0; right: 3.25rem } } @media (min-width: 61.25em) { body:not(.has-page-skin) .header-top-nav--slim .header-top-nav__logo { right: 1.25rem } } @media (min-width: 61.25em) { .header-top-nav--slim.header-top-nav--open .header-top-nav__logo { z-index: 1072 } } .inline-the-guardian-roundel__svg { height: 2.625rem; width: 2.625rem } .inline-the-guardian-roundel__svg path:nth-child(1) { fill: #fff } .inline-the-guardian-roundel__svg path:nth-child(2) { fill: #052962 } .inline-the-guardian-logo__svg { display: block; height: 2.75rem; width: 8.4375rem } @media (min-width: 22.5em) { .inline-the-guardian-logo__svg { height: 3.5rem; width: 10.9375rem } } @media (min-width: 46.25em) { .inline-the-guardian-logo__svg { height: 4.5rem; width: 14rem } } @media (min-width: 61.25em) { .inline-the-guardian-logo__svg { height: 5.9375rem; width: 18.4375rem } } .inline-the-guardian-logo__svg path { fill: #fff } .inline-guardian-best-website-logo, .inline-guardian-best-newspaper-logo { display: block; height: auto; width: 9.125rem } @media (min-width: 22.5em) { .inline-guardian-best-website-logo, .inline-guardian-best-newspaper-logo { width: 12.1875rem } } @media (min-width: 46.25em) { .inline-guardian-best-website-logo, .inline-guardian-best-newspaper-logo { width: 14rem } } @media (min-width: 61.25em) { .inline-guardian-best-website-logo, .inline-guardian-best-newspaper-logo { width: 18.4375rem } } .header-top-nav--slim { height: 3rem } /*.menu { background-color: #052962; box-sizing: border-box; font-size: 1.25rem; left: 0; line-height: 1; margin-right: 1.6875rem; padding-bottom: 1.5rem; top: 0; z-index: 1070 } @media (max-width: 61.24em) { .menu { -webkit-transform: translateX(-110%); transform: translateX(-110%); 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); -webkit-overflow-scrolling: touch; box-shadow: 0.1875rem 0 1rem rgba(0, 0, 0, 0.4); bottom: 0; height: 100%; overflow: auto; padding-top: 0.375rem; position: fixed; z-index: 1072; right: 0; 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); will-change: transform } } @media (min-width: 22.5em) { .menu { margin-right: 1.8125rem } } @media (min-width: 30em) { .menu { margin-right: 2.5625rem } } @media (min-width: 61.25em) { .menu { display: none; position: absolute; padding-bottom: 0; padding-top: 0; top: 100%; left: 0; right: 0; width: 100% } @supports (width: 100vw) { .menu { left: 50%; right: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw } } .new-header--slim .menu, .header-top-nav--slim .menu { top: 2.625rem } } @media (max-width: 61.24em) { .new-header--open .menu, .header-top-nav--open .menu { -webkit-transform: translateX(0%); transform: translateX(0%); 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 (min-width: 61.25em) { .new-header--open .menu, .header-top-nav--open .menu { display: block } } x:-o-prefocus .menu { display: none }*/ .menu__inner { box-sizing: border-box } @media (max-width: 61.24em) { .menu__inner.gs-container { max-width: none } } @media (min-width: 61.25em) { .menu__inner { background-color: #052962; border: 0.0625rem solid #506991; border-bottom: 0; border-top: 0; box-sizing: border-box; padding: 0 1.25rem } .new-header--slim .menu__inner, .header-top-nav--slim .menu__inner { border-color: transparent } } .menu__overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1); width: 0; z-index: 1069 } .new-header--open .menu__overlay, .header-top-nav--open .menu__overlay { opacity: 1; width: 100% } @media (min-width: 61.25em) { .menu__overlay { display: none } } .menu-group { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.125rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 0 0.75rem; position: relative } @media (min-width: 61.25em) { .menu-group { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0 } } @media (max-width: 61.24em) { [aria-expanded='false']~.menu-group { display: none } } .menu-group--primary { padding-top: 0 } @media (min-width: 61.25em) { .menu-group--primary { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-order: 1; -ms-flex-order: 1; order: 1 } } .menu-group--secondary { background-color: #041f4a; margin-top: 0; padding-top: 0 } @media (min-width: 61.25em) { .menu-group--secondary { background-color: transparent; padding-bottom: 0; width: 100% } } .menu-group--membership { padding-bottom: 0; position: relative } .menu-group--editions, .menu-group--membership { padding-bottom: 0 } .menu-group--editions .menu-group, .menu-group--membership .menu-group { background-color: #041f4a } @media (min-width: 61.25em) { .menu-group--footer { bottom: 0; left: 42.4375rem; padding-left: 0.625rem; position: absolute; top: 0; width: 8.375rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .menu-group--footer { left: 50.5625rem; width: 10rem } } @media (min-width: 61.25em) { .menu-group--footer:before, .menu-group--primary>.menu-item:not(:first-child):before, .menu-group--brand-extensions:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; border-left: 0.0625rem solid #506991 } } .menu-group--brand-extensions { position: absolute; right: 1.875rem; top: -2.625rem; bottom: 0; padding: 2.625rem 1.25rem 0.75rem 0.625rem; width: 8.1875rem } @media (min-width: 71.25em) { body:not(.has-page-skin) .menu-group--brand-extensions { width: 8.75rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .menu-group--brand-extensions { width: 18.75rem; padding-top: 0.625rem } } .menu-item-divider { height: 0.0625rem; width: 100%; background: #506991; border: 0; margin: 0.375rem 0 0 3.125rem } @media (min-width: 46.25em) { .menu-item-divider { margin-left: 3.75rem } } @media (min-width: 61.25em) { .menu-item-divider { margin-left: 0.375rem 0 } } .menu-item__title { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background-color: transparent; border: 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 1.25rem; outline: none; padding: 0.5rem 1.9375rem 0.5rem 3.125rem; position: relative; text-align: left; width: 100% } .menu-group--membership .menu-item__title { color: #ffe500; font-weight: 700 } @media (min-width: 46.25em) { .menu-item__title { padding-left: 3.75rem } } @media (min-width: 61.25em) { .menu-item__title { font-size: 1rem; line-height: 1.2; padding: 0.375rem 0 } } .menu-item__title:hover, .menu-item__title:focus { color: #ffe500; text-decoration: none } .menu-item__title:focus { text-decoration: underline } .menu-item__title>* { pointer-events: none } @media (max-width: 61.24em) { .menu-group--primary>*:not(:last-child)>.menu-item__title:not([aria-expanded='true']):after, .menu-item__title[data-link-name='nav2 : The Guardian app']:not([aria-expanded='true']):after, .menu-item__title[data-link-name='nav2 : facebook']:not([aria-expanded='true']):after, .menu-group--footer>*:first-child .menu-item__title:not([aria-expanded='true']):after, .menu-group--membership>*:first-child .menu-item__title:not([aria-expanded='true']):after { background-color: #506991; bottom: 0; content: ''; display: block; height: 0.0625rem; left: 3.125rem; right: 0; position: absolute } } @media (max-width: 61.24em) and (min-width: 46.25em) { .menu-group--primary>*:not(:last-child)>.menu-item__title:not([aria-expanded='true']):after, .menu-item__title[data-link-name='nav2 : The Guardian app']:not([aria-expanded='true']):after, .menu-item__title[data-link-name='nav2 : facebook']:not([aria-expanded='true']):after, .menu-group--footer>*:first-child .menu-item__title:not([aria-expanded='true']):after, .menu-group--membership>*:first-child .menu-item__title:not([aria-expanded='true']):after { left: 3.75rem } } @media (max-width: 61.24em) { .menu-item__title[data-link-name='nav2 : The Guardian app'], .menu-item__title[data-link-name='nav2 : facebook'], .menu-group--footer>*:first-child .menu-item__title { margin-top: 1.5rem } .menu-item__title[data-link-name='nav2 : The Guardian app']:after, .menu-item__title[data-link-name='nav2 : facebook']:after, .menu-group--footer>*:first-child .menu-item__title:after { bottom: auto; top: 0 } } @media (max-width: 61.24em) { .menu-group--membership>*:first-child .menu-item__title:not([aria-expanded='true']):after { bottom: auto; top: 0 } } .menu-group--primary>.menu-item>.menu-item__title { font-size: 1.5rem; line-height: 1.6875rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 700; color: #fff; padding-bottom: 1.125rem; padding-top: 0.375rem } .menu-item--brand-extension { margin-right: 0; margin-top: -0.375rem; padding-bottom: 0 } .menu-item__title--brand-extension { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 700 } @media (min-width: 81.25em) { body:not(.has-page-skin) .menu-item__title--brand-extension { font-size: 1.5rem; line-height: 1.6875rem; padding-top: 0.3125rem } } .menu-item__icon, .menu-item__toggle { left: 1.5625rem; position: absolute } @media (min-width: 46.25em) { .menu-item__icon, .menu-item__toggle { left: 2.1875rem } } @media (min-width: 61.25em) { .menu-item__icon, .menu-item__toggle { display: none } } .menu-item__toggle { margin-top: -0.25rem } [aria-expanded='true']>.menu-item__toggle { margin-top: 0.125rem } .menu-item__toggle:before { border: 0.125rem solid currentColor; border-top: 0; border-left: 0; content: ''; display: inline-block; height: 0.5rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5rem } [aria-expanded='true']>.menu-item__toggle:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .menu-item__icon { margin-left: -0.1875rem } .menu-item__icon .inline-icon__svg { fill: currentColor } .menu-item__icon .inline-home__svg { height: 1rem; width: 1rem } .menu-item__icon .inline-log-off__svg { height: .8em } .menu-item__icon .inline-share-facebook__svg, .menu-item__icon .inline-share-twitter__svg { margin-left: -0.375rem; margin-top: -0.3125rem } .menu-search { box-sizing: border-box; display: block; margin-left: 0.8125rem; max-width: 23.75rem; position: relative; width: 100%; margin-bottom: 1.5rem; margin-right: 2.5625rem } @media (min-width: 46.25em) { .menu-search { margin-left: 1.375rem } } .menu-search__search-box { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background-color: rgba(255, 255, 255, 0.1); border: 0; border-radius: 62.5rem; box-sizing: border-box; color: #fff; font-size: 1.25rem; height: 2.25rem; padding-left: 2.375rem; vertical-align: middle; width: 100% } .menu-search__search-box::-webkit-input-placeholder { color: #fff } .menu-search__search-box::-moz-placeholder { color: #fff } .menu-search__search-box:-ms-input-placeholder { color: #fff } .menu-search__search-box::-ms-input-placeholder { color: #fff } .menu-search__search-box::placeholder { color: #fff } .menu-search__search-box:focus { outline: none; padding-right: 2.5rem } .menu-search__search-box:focus::-webkit-input-placeholder { opacity: 0 } .menu-search__search-box:focus::-moz-placeholder { opacity: 0 } .menu-search__search-box:focus:-ms-input-placeholder { opacity: 0 } .menu-search__search-box:focus::-ms-input-placeholder { opacity: 0 } .menu-search__search-box:focus::placeholder { opacity: 0 } .menu-search__glass { position: absolute; left: 0.625rem; top: 0.4375rem } .menu-search__glass .inline-search-36__svg { fill: #fff; height: 1.375rem; width: 1.375rem } .menu-search__submit { background: transparent; border: 0; bottom: 0; cursor: pointer; display: block; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 3.125rem } .menu-search__submit:before, .menu-search__submit:after { border: 0.125rem solid #fff; border-left: 0; border-top: 0; content: ''; display: block; position: absolute; right: 0.875rem } .menu-search__submit:before { height: 0.75rem; top: 0.6875rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 0.75rem } @media (min-width: 61.25em) { .menu-search__submit:before { top: 0.875rem } } .menu-search__submit:after { border-right: 0; top: 1.0625rem; width: 1.25rem } .menu-search__search-box:focus~.menu-search__submit, .menu-search__submit:focus, .menu-search__submit:active { opacity: 1; outline: none; pointer-events: all } .pillars { clear: right; margin: 0; padding: 0 0 0 0.625rem } .new-header:not(.new-header--slim) .pillars:after, .header-top-nav:not(.header-top-nav--slim) .pillars:after { content: ''; border: 0.0625rem solid #506991; border-bottom: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 2.25rem } @media (max-width: 46.24em) { .new-header:not(.new-header--slim) .pillars:after, .header-top-nav:not(.header-top-nav--slim) .pillars:after { border-left: 0; border-right: 0 } } @media (min-width: 46.25em) { .new-header:not(.new-header--slim) .pillars:after, .header-top-nav:not(.header-top-nav--slim) .pillars:after { height: 3rem } } @media (min-width: 61.25em) { .new-header:not(.new-header--slim) .pillars:after, .header-top-nav:not(.header-top-nav--slim) .pillars:after { height: 2.625rem } } @media (min-width: 30em) { .pillars { padding-left: 1.25rem } } @media (min-width: 61.25em) { .new-header--open .pillars, .pillars .header-top-nav--open { z-index: 1070 } } @media (max-width: 46.24em) { .new-header--slim .pillars, .header-top-nav--slim .pillars { display: none } } .pillars__item { display: block; float: left } @media (max-width: 29.99em) { .pillars__item { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center } } @media (min-width: 61.25em) { .pillars__item { width: 8.375rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .pillars__item { width: 10rem } } .pillars__item:first-child { margin-left: -1.25rem } @media (min-width: 61.25em) { .pillars__item:first-child { width: 9rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .pillars__item:first-child { width: 10.625rem } } .pillars__item:first-child .pillar-link { padding-left: 1.25rem } .pillars__item:first-child .pillar-link:before { content: none } .pillar-link { box-sizing: border-box; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: 900; color: #fff; cursor: pointer; display: block; font-size: 0.9625rem; height: 2.25rem; line-height: 1; padding: 0.5625rem 0.3125rem 0; position: relative; overflow: hidden; z-index: 1 } @media (min-width: 22.5em) { .pillar-link { font-size: 0.98125rem; padding: 0.5625rem 0.25rem 0 } } @media (min-width: 23.125em) { .pillar-link { font-size: 1rem; padding: 0.5625rem 0.3125rem 0 } } @media (min-width: 30em) { .pillar-link { font-size: 1.125rem; padding: 0.4375rem 0.25rem 0 } } @media (min-width: 46.25em) { .pillar-link { font-size: 1.375rem; padding-top: 0.6875rem; height: 3rem; padding-right: 1.25rem; padding-left: 0.625rem } .new-header--slim .pillar-link, .header-top-nav--slim .pillar-link { height: 3rem; padding-top: 0.6875rem } } @media (min-width: 61.25em) { .pillar-link { padding-top: 0.4375rem; height: 2.625rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .pillar-link { font-size: 1.5rem } } .pillar-link:before, .pillar-link:not(.pillar-link--dropdown):after { bottom: 0; content: ''; display: block; left: 0; position: absolute } .pillar-link:before { border-left: 0.0625rem solid #506991; top: 0; z-index: 1 } @media (min-width: 46.25em) { .pillar-link:before { bottom: 1.0625rem } } @media (min-width: 61.25em) { .pillar-link:before { bottom: .6em } .new-header--open .pillar-link:before, .header-top-nav--open .pillar-link:before { bottom: 0 } } .pillar-link:after { border-top: 0.25rem solid currentColor; left: 0.0625rem; right: 0; top: -0.25rem; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .pillar-link:hover, .pillar-link:focus { color: #fff; text-decoration: none } .pillar-link:hover:after, .pillar-link:focus:after { -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem) } @media (min-width: 61.25em) { .new-header--open .pillar-link:hover, .new-header--open .pillar-link:focus, .header-top-nav--open .pillar-link:hover, .header-top-nav--open .pillar-link:focus { color: #ffe500 } .new-header--open .pillar-link:after, .header-top-nav--open .pillar-link:after { -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem) } } .pillar-link--current-section:after { -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem) } .pillar-link--dropdown__icon { border: 0.0625rem solid currentColor; border-left: transparent; border-top: transparent; display: inline-block; height: 0.375rem; margin-left: 0.125rem; -webkit-transform: translateY(-0.1875rem) rotate(45deg); transform: translateY(-0.1875rem) rotate(45deg); transition: -webkit-transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; vertical-align: middle; width: 0.375rem } .pillar-link--dropdown:hover .pillar-link--dropdown__icon { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) } .new-header--open .pillar-link--dropdown .pillar-link--dropdown__icon, .header-top-nav--open .pillar-link--dropdown .pillar-link--dropdown__icon { -webkit-transform: translateY(0.0625rem) rotate(-135deg); transform: translateY(0.0625rem) rotate(-135deg) } .new-header--open .pillar-link--dropdown:hover .pillar-link--dropdown__icon, .header-top-nav--open .pillar-link--dropdown:hover .pillar-link--dropdown__icon { -webkit-transform: translateY(-0.125rem) rotate(-135deg); transform: translateY(-0.125rem) rotate(-135deg) } .pillar-link--sections { color: #fff; font-weight: 300; float: left; padding-right: 0.3125rem; transition: color 250ms ease-out } .pillar-link--sections:hover, .pillar-link--sections:focus { color: #ffe500 } .new-header__cta-bar, .header-top-nav__cta-bar { padding-top: 2.4375rem; padding-left: 0.625rem; max-width: 21.25rem } @media (min-width: 22.5em) { .new-header__cta-bar, .header-top-nav__cta-bar { padding-top: 2.75rem } } @media (min-width: 30em) { .new-header__cta-bar, .header-top-nav__cta-bar { padding-left: 1.25rem } } @media (min-width: 46.25em) { .new-header__cta-bar, .header-top-nav__cta-bar { padding-top: 0.25rem; padding-bottom: 0.75rem } } @media (min-width: 61.25em) { .new-header__cta-bar, .header-top-nav__cta-bar { max-width: 20rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .new-header__cta-bar, body:not(.has-page-skin) .header-top-nav__cta-bar { max-width: 31.25rem } } .new-header--slim .new-header__cta-bar, .header-top-nav--slim .new-header__cta-bar, .new-header--slim .header-top-nav__cta-bar, .header-top-nav--slim .header-top-nav__cta-bar { padding-top: 0.5rem } @media (min-width: 46.25em) { .new-header--slim .new-header__cta-bar, .header-top-nav--slim .new-header__cta-bar, .new-header--slim .header-top-nav__cta-bar, .header-top-nav--slim .header-top-nav__cta-bar { display: none } } @media (min-width: 71.25em) { body:not(.has-page-skin) .new-header__cta-bar .cta-bar__heading, body:not(.has-page-skin) .header-top-nav__cta-bar .cta-bar__heading { font-size: 1.75rem; line-height: 2rem } } .cta-bar__text { display: block; margin: 0.1875rem 0 0.5625rem } @media (max-width: 46.24em) { .cta-bar__text { border-top: 0.0625rem solid #506991; padding-top: 0.1875rem } } .cta-bar__text--no-border { border-top: 0 } .cta-bar__heading { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; color: #ffe500; font-weight: 700 } @media (min-width: 61.25em) { .cta-bar__heading { font-size: 1.5rem; line-height: 1.6875rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .cta-bar__heading { font-size: 2.125rem; line-height: 2.375rem } } .cta-bar__subheading { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #fff; font-weight: 400; line-height: 1.2; margin-top: 0.1875rem } .cta-bar__cta { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; background-color: #ffe500; border-radius: 1.125rem; box-sizing: border-box; color: #052962; display: block; line-height: 1; height: 1.8125rem; padding: 0.375rem 0.6875rem 0; margin-bottom: 0.375rem; margin-right: 0.625rem; position: relative; float: left } @media (min-width: 22.5em) { .cta-bar__cta { padding: 0.375rem 2rem 0 0.625rem } } .cta-bar__cta .inline-arrow-right { margin: 0 -0.125rem 0 0 } @media (min-width: 46.25em) { .cta-bar__cta { height: 2rem; padding: 0.4375rem 2.125rem 0 0.75rem } } .cta-bar__cta .inline-arrow-right { position: absolute; height: 2rem; width: 2rem; right: 0.1875rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } @media (max-width: 22.49em) { .cta-bar__cta .inline-arrow-right { display: none } } .cta-bar__cta .inline-arrow-right__svg { fill: currentColor; height: 2rem; width: 2rem } .cta-bar__cta:hover, .cta-bar__cta:focus { color: #052962; text-decoration: none } .cta-bar__cta:hover .inline-arrow-right, .cta-bar__cta:focus .inline-arrow-right { -webkit-transform: translate(0.1875rem, -50%); transform: translate(0.1875rem, -50%) } .cta-bar__cta--white-inline { color: #121212; background-color: #fff; float: none; display: inline-block } .new-header__top-bar { position: absolute; left: 0.625rem; top: 0 } @media (min-width: 30em) { .new-header__top-bar { left: 1.25rem } } @media (min-width: 46.25em) { .new-header__top-bar { left: auto; right: 12.8125rem } } @media (min-width: 61.25em) { .new-header__top-bar { right: 16.625rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .new-header__top-bar { right: 21.375rem } } .top-bar__item { font-size: 0.8125rem; line-height: 1.125rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 1rem; color: #fff; float: left; line-height: 1; padding-top: 0.375rem; position: relative; z-index: 1072 } .top-bar__item:hover, .top-bar__item:focus { color: #ffe500; text-decoration: none } @media (min-width: 22.5em) { .top-bar__item { padding-top: 0.75rem } } @media (min-width: 46.25em) { .top-bar__item { padding: 0.5625rem 0.41667rem } } .top-bar__commercial-items { position: relative; float: left; margin-right: 0.625rem } .top-bar__item__icon__svg { fill: currentColor; float: left; height: 1.125rem; width: 1.125rem; margin: -0.0625rem 0.25rem 0 0 } .top-bar__item__seperator { border-left: 0.0625rem solid #506991; position: absolute; left: 0; top: 0; height: 1.5rem } .new-header__user-account-container { float: left; position: relative; z-index: 1010 } .new-header--open .new-header__user-account-container, .header-top-nav--open .new-header__user-account-container { z-index: 1010 } .top-bar__user-account-notification-badge:after { content: '!'; background-color: #c70000; color: #fff; width: 1.125rem; height: 1.0625rem; padding-bottom: 0.0625rem; border-radius: 0.5625rem; text-align: center; line-height: 1 } .top-bar__item .top-bar__user-account-notification-badge:after { position: absolute; font-size: 1rem; top: 0.1875rem; left: 0.4375rem } @media (min-width: 46.25em) { .top-bar__item .top-bar__user-account-notification-badge:after { top: 0.1875rem; left: 0.9375rem } } .dropdown-menu__item .top-bar__user-account-notification-badge:after { width: 1.375rem; height: 1.3125rem; padding-bottom: 0.0625rem; border-radius: 0.6875rem; font-size: 1.125rem; float: right; margin-top: 0.375rem } .dropdown-menu__notification { font-size: 0.75rem } @media (max-width: 46.24em) { .dropdown--open { overflow: hidden; width: 100% } } .dropdown-menu-fallback { display: none } .dropdown-menu-fallback:checked~.dropdown-menu { display: block } @media (max-width: 46.24em) { .dropdown-menu-fallback[aria-expanded=true]~.my-account__overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 30%); border: 0; position: fixed; display: block; left: 0; right: 0; top: 0; bottom: 0; width: 100% } } .dropdown-menu { display: none; position: absolute; top: 1.875rem; right: 0; width: 13.75rem; background-color: #fff; border-radius: 0.1875rem; padding: 0.375rem 0; margin: 0; box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.1); z-index: 1073 } .dropdown-menu>hr { height: 0; border: 0; border-top: 0.0625rem solid #ededed; display: block; top: 0; margin: -0.0625rem 0 0 1.25rem } @media (max-width: 46.24em) { .dropdown-menu { position: fixed; border-radius: 0; top: 2.25rem; left: 0; right: 0; width: auto; max-height: calc(100% - 3.125rem); overflow: auto } .dropdown-menu>hr { margin-left: 0.625rem } } @media (max-width: 46.24em) and (min-width: 22.5em) { .dropdown-menu { top: 2.125rem } } @media (max-width: 46.24em) and (min-width: 30em) { .dropdown-menu>hr { margin-left: 1.25rem } } .dropdown-menu--open { display: block } .dropdown-menu__title { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #121212; cursor: pointer; display: block; letter-spacing: .01rem; outline: none; padding: 0.4375rem 1.25rem 0.9375rem 0.625rem; position: relative; box-sizing: border-box; margin-top: -0.0625rem } @media (min-width: 30em) { .dropdown-menu__title { padding-left: 1.25rem } } .dropdown-menu__title:hover, .dropdown-menu__title:focus { color: #121212; background-color: #ededed; text-decoration: none } .dropdown-menu__title:before { content: ''; border-top: 0.0625rem solid #ededed; display: block; position: absolute; top: 0; left: 1.25rem; right: 0 } .dropdown-menu.dropdown-menu--light .dropdown-menu__title:before { display: none } .dropdown-menu__item:first-child .dropdown-menu__title:before { content: none } .dropdown-menu__title .inline-icon { position: relative; display: inline-block; height: .8em; width: 1em } .dropdown-menu__title .inline-icon>svg { position: absolute; height: .8em; width: .8em } .dropdown-menu__title .inline-icon>svg g { fill: #121212 } @supports (fill: currentColor) { .dropdown-menu__title .inline-icon>svg g { fill: currentColor } } .dropdown-menu__title--active { font-weight: bold } .dropdown-menu__title--active:after { content: ''; border: 0.125rem solid #333; border-top: 0; border-right: 0; position: absolute; top: 0.8125rem; right: 1.25rem; width: 0.625rem; height: 0.25rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .gsc-search-box { position: relative !important } .gsc-search-button, .gsib_a { margin: 0 !important; padding: 0 !important; width: 0 !important } .gsc-search-button-v2 { padding: 0.4375rem 0.5625rem 0.5rem !important; left: 0 !important } .gsc-search-button-v2 svg { fill: #052962 !important; height: 1.25rem !important; width: 1.25rem !important } .gsst_a { padding: 0.5625rem 0 0 0.6875rem !important } .sc-control-cse { padding: 0.1875rem 0 !important } .gsib_b, .gsc-search-button-v2 { border: 0 !important; box-sizing: border-box !important; height: 2.625rem !important; width: 2.625rem !important; margin: 0 !important; background-color: transparent !important; position: absolute !important; right: 0 !important; top: 0 !important } .gsc-input-box { border: 0 !important } .gsib_a { border: 0 !important; box-shadow: none !important } .gsib_a .gsc-input { padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; background-position-x: 2.5rem !important; text-indent: 5.625rem !important; border: 0.0625rem solid #dcdcdc !important; border-radius: 62.4375rem !important; height: 2.625rem !important; box-shadow: none !important; width: 31.25rem !important } .gsib_a .gsc-input:hover, .gsib_a .gsc-input:focus { outline: 0 } .gsib_a .gsc-input:focus { text-indent: 2.625rem !important } .gsib_a .gsc-input:not(:-moz-placeholder-shown) { text-indent: 2.625rem !important } .gsib_a .gsc-input:not(:-ms-input-placeholder) { text-indent: 2.625rem !important } .gsib_a .gsc-input:not(:placeholder-shown) { text-indent: 2.625rem !important } .gstl_50, .gssb_c { z-index: 1071 !important } .gsc-completion-container, .gsc-input { font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; padding: 0 !important; margin: 0 !important } .subnav { background-color: #ffffff; height: 2.25rem; overflow: hidden; position: relative } @media (min-width: 46.25em) { .subnav { height: 2.625rem } } .subnav .gs-container { box-sizing: border-box } .subnav .gs-container:after, .subnav .gs-container:before { content: ''; display: table } .subnav .gs-container:after { clear: both } @media (min-width: 46.25em) { .subnav .gs-container { border: 0.0625rem solid #dcdcdc; border-top: 0; border-bottom: 0 } } .footer__primary .subnav .gs-container { border-top: 0.0625rem solid #dcdcdc } .subnav--expanded { height: auto } .subnav--expanded .subnav-link--toggle-more { float: left } .subnav__list { box-sizing: border-box; line-height: 1; list-style: none; margin: 0; max-width: calc(100% - 3.75rem); padding: 0 0.3125rem } @media (min-width: 30em) { .subnav__list { max-width: calc(100% - 4.375rem); padding: 0 0.9375rem; } } .subnav--expanded .subnav__list { padding-bottom: 0.75rem; max-width: 100%; width: 100% } .subnav__item:not(.subnav__item--toggle-more) { display: block; float: left } .subnav__item--parent:after { content: ''; display: inline-block; width: 0; height: 0; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.625rem solid #121212 } .new-header__multiline { background: #fff } .new-header__multiline .gs-container:after { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; background-color: #ffffff; content: ''; display: block; height: 0.8125rem } @media (min-width: 46.25em) { .new-header__multiline .gs-container:after { border: 0.0625rem solid #dcdcdc; border-top: 0; border-bottom: 0 } } .subnav--comment { background-color: #fef9f5 } .subnav--comment .gs-container { border-color: #dcdcdc } .subnav--comment~.new-header__multiline { background-color: #fef9f5 } .subnav--comment~.new-header__multiline .gs-container:after { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; background-color: #fef9f5; border-color: #dcdcdc } .subnav--media { background-color: #121212 } .subnav--media .gs-container { border-color: #333 } .subnav--media~.new-header__multiline { background-color: #121212 } .subnav--media~.new-header__multiline .gs-container:after { background-image: repeating-linear-gradient(to bottom, #333, #333 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; background-color: #121212; border-color: #333 } .subnav--media .subnav-link { color: #fff } .subnav-link { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #121212; display: block; height: 2.25rem; line-height: 2.25rem; padding: 0 0.25rem; position: relative; margin-left: 10px; } @media (min-width: 22.5em) { .subnav-link { font-size: 0.875rem } } @media (min-width: 46.25em) { .subnav-link { font-size: 1rem; line-height: 1.375rem; height: 2.625rem; line-height: 2.625rem; margin-left: 20px; } } .subnav__item--parent .subnav-link { display: inline-block; font-weight: 700 } .subnav-link:hover, .subnav-link:focus { color: #333 } .subnav-link--toggle-more { background: transparent; border: 0; color: #707070 } .subnav-link--toggle-more:hover, .subnav-link--toggle-more:focus { color: #707070; outline: 0 } .subnav-link--current-section, .subnav-link--current-section:hover, .subnav-link--current-section:focus { font-weight: 700 } .veggie-burger { background-color: #ffe500; cursor: pointer; display: block; height: 2.625rem; width: 2.625rem; position: relative; border: 0; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1069 } .new-header--open .veggie-burger, .header-top-nav--open .veggie-burger { z-index: 1072 } x:-o-prefocus .veggie-burger { display: none } .veggie-burger__icon { top: 50%; display: block; margin-top: -0.0625rem; left: 0; right: 0; margin-left: auto; margin-right: auto } .veggie-burger__icon, .veggie-burger__icon:before, .veggie-burger__icon:after { background-color: currentColor; content: ''; height: 0.125rem; left: 0; position: absolute; width: 1.25rem } .veggie-burger__icon:before { top: -0.375rem } .veggie-burger__icon:after { bottom: -0.375rem } .new-header--open .veggie-burger__icon, .header-top-nav--open .veggie-burger__icon { background-color: transparent } .new-header--open .veggie-burger__icon:before, .header-top-nav--open .veggie-burger__icon:before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .new-header--open .veggie-burger__icon:after, .header-top-nav--open .veggie-burger__icon:after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) } @media (max-width: 61.24em) { .veggie-burger-fallback:checked~.menu { -webkit-transform: translateX(0%); transform: translateX(0%); 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 (min-width: 61.25em) { .veggie-burger-fallback:checked~.menu { display: block } } @media (max-width: 61.24em) { .veggie-burger-fallback:checked~.menu__overlay { opacity: 1; width: 100% } } .veggie-burger-fallback:checked~.veggie-burger { z-index: 1071 } .veggie-burger-fallback:checked~.veggie-burger .veggie-burger__icon { background-color: transparent } .veggie-burger-fallback:checked~.veggie-burger .veggie-burger__icon:before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .veggie-burger-fallback:checked~.veggie-burger .veggie-burger__icon:after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) } @media (min-width: 61.25em) { .veggie-burger-fallback:checked~.veggie-burger .veggie-burger__label { 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 } } .veggie-burger-fallback:focus~.new-header__menu-toggle .pillar-link { color: #fff } .main-menu-toggle-button { border: 0; padding: 0; background: none } .edition-picker-toggle-button { border: 0; background: none; text-align: left } button.edition-picker-toggle-button:hover { color: #ffffff; text-decoration: underline } @media (max-width: 46.24em) { .dropdown--open .my-account { z-index: 1071 } } .my-account-toggle-button { border: 0; background: none; text-align: left } @media (max-width: 46.24em) { .my-account-toggle-button { padding-left: 0 } } button.my-account-toggle-button:hover { color: #ffffff; text-decoration: underline } .my-account--icon svg { height: 1.125rem; width: 1.125rem } @media (min-width: 22.5em) { .my-account--icon svg { height: 1.4375rem; width: 1.4375rem } } @media (max-width: 46.24em) { .dropdown--open .my-account--icon:before, .dropdown--open .my-account--icon:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0.4375rem; width: 0; height: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1071 } .dropdown--open .my-account--icon:before { border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-bottom: 0.4375rem solid rgba(0, 0, 0, 0.1) } .dropdown--open .my-account--icon:after { border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-bottom: 0.375rem solid #fff } } .subnav__list[data-pillar-title='News'] .subnav__item--parent:after { border-left-color: #c70000 } .subnav__list[data-pillar-title='News'] .subnav-link:hover, .subnav__list[data-pillar-title='News'] .subnav-link:focus { color: #c70000; text-decoration: none } .subnav__list[data-pillar-title='Opinion'] .subnav__item--parent:after { border-left-color: #e05e00 } .subnav__list[data-pillar-title='Opinion'] .subnav-link:hover, .subnav__list[data-pillar-title='Opinion'] .subnav-link:focus { color: #e05e00; text-decoration: none } .subnav__list[data-pillar-title='Sport'] .subnav__item--parent:after { border-left-color: #0084c6 } .subnav__list[data-pillar-title='Sport'] .subnav-link:hover, .subnav__list[data-pillar-title='Sport'] .subnav-link:focus { color: #0084c6; text-decoration: none } .subnav__list[data-pillar-title='Culture'] .subnav__item--parent:after { border-left-color: #a1845c } .subnav__list[data-pillar-title='Culture'] .subnav-link:hover, .subnav__list[data-pillar-title='Culture'] .subnav-link:focus { color: #a1845c; text-decoration: none } .subnav__list[data-pillar-title='Lifestyle'] .subnav__item--parent:after { border-left-color: #bb3b80 } .subnav__list[data-pillar-title='Lifestyle'] .subnav-link:hover, .subnav__list[data-pillar-title='Lifestyle'] .subnav-link:focus { color: #bb3b80; text-decoration: none } .pillar-link.pillar-link--News:after { border-color: #ff4e36 } .pillar-link.pillar-link--Opinion:after { border-color: #ff7f0f } .pillar-link.pillar-link--Sport:after { border-color: #00b2ff } .pillar-link.pillar-link--Culture:after { border-color: #eacca0 } .pillar-link.pillar-link--Lifestyle:after { border-color: #ffabdb } .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: 100%; } } .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; top: 0; height: 100%; width: 0; pointer-events: none } .l-side-margins:before { left: 0; border-right: 0.0625rem solid rgba(112, 112, 112, 0.3) } .l-side-margins:after { right: 0; border-left: 0.0625rem solid rgba(112, 112, 112, 0.3) } .l-side-margins:before, .l-side-margins:after { width: calc((100% - 46.25rem) / 2) } } @media (min-width: 61.25em) { .l-side-margins:before, .l-side-margins:after { width: calc((100% - 61.25rem) / 2) } } @media (min-width: 71.25em) { .l-side-margins:before, .l-side-margins:after { width: calc((100% - 71.25rem) / 2) } } @media (min-width: 81.25em) { .l-side-margins:before, .l-side-margins:after { width: calc((100% - 81.25rem) / 2) } .has-page-skin .l-side-margins { margin-left: auto; margin-right: auto; width: 61.25rem } } @media (min-width: 46.25em) { .l-side-margins--media:after, .l-side-margins--media:before { background: rgba(0, 0, 0, 0.25); border-color: #333 } .container__banding+.container__banding .l-side-margins--media:after, .container__banding+.container__banding .l-side-margins--media:before { background: rgba(18, 18, 18, 0.15) } } @media (min-width: 46.25em) { .l-side-margins--paidfor:after, .l-side-margins--paidfor:before { border-color: #999 } } @media (min-width: 46.25em) { .l-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -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-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100% } .l-row--reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .l-row__item { -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 } .l-row__item--boost-1 { -webkit-flex-grow: 1.5; -ms-flex-positive: 1.5; flex-grow: 1.5 } .l-row__item--boost-2 { -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2 } } @media (max-width: 46.24em) { .l-row--layout-m { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .l-row--layout-m .l-row__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .l-row--layout-m .l-row__item--break-m { -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: #fff; border-radius: 0.1875rem; box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.1); left: 0; top: 2.6875rem; padding: 0 } .popup { 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: #707070; 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 { cursor: pointer } .popup__toggle:after { content: ''; display: inline-block; width: 0.25rem; height: 0.25rem; -webkit-transform: translateY(-0.125rem) rotate(45deg); transform: translateY(-0.125rem) rotate(45deg); border: 0.0625rem solid currentColor; border-left: transparent; border-top: transparent; margin-left: 0.125rem; vertical-align: middle; -webkit-backface-visibility: hidden; transition: -webkit-transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out } .popup__toggle:hover, .popup__toggle:focus { text-decoration: none } .popup__toggle:hover:after, .popup__toggle:focus:after { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) } .popup__toggle.is-active:after, .is-active>.popup__toggle:after, .popup__toggle[aria-expanded=true]:after, [aria-expanded=true]~.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 { -webkit-transform: translateY(0.0625rem) rotate(-135deg); transform: translateY(0.0625rem) rotate(-135deg) } .popup__toggle.is-active:hover:after, .is-active>.popup__toggle:hover:after, .popup__toggle[aria-expanded=true]:hover:after, [aria-expanded=true]~.popup__toggle:hover:after, .is-not-modern .brand-bar__item--has-control:hover .popup__toggle:hover:after, .is-not-modern .is-signed-in.brand-bar__item--profile:hover .popup__toggle:hover:after { -webkit-transform: translateY(-0.0625rem) rotate(-135deg); transform: translateY(-0.0625rem) rotate(-135deg) } @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 #dcdcdc } .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: #121212; 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 { background-color: #fff; border-radius: 0.1875rem; box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.1); padding: 0.75rem 1.25rem 0; top: 1.875rem; z-index: 1071; outline: 0; left: auto; right: 15.625rem } @media (min-width: 81.25em) { body:not(.has-page-skin) .popup--search { right: 20.3125rem } } .ad-slot { position: relative; z-index: 1010; overflow: initial } .js-off .ad-slot { display: none } .aside-slot-container { min-height: 17.125rem } .aside-slot-container>:last-child { padding-bottom: 0; margin-bottom: 1.5rem } .ad-slot--right, .ad-slot--comments { position: -webkit-sticky; position: sticky; top: 0 } .has-sticky .paidfor-band~.content__main .ad-slot--right, .has-sticky .paidfor-band~.content__main .ad-slot--comments { top: 2.875rem } .ad-slot--right.is-sticky, .ad-slot--comments.is-sticky { width: 18.75rem } .top-banner-ad-container { background-color: #f6f6f6; border-bottom: 0.0625rem solid #dcdcdc; min-height: 7.125rem; padding-bottom: 1.125rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0 } @media (max-width: 46.24em) { .top-banner-ad-container { display: none !important } } .top-banner-ad-container:not(.top-banner-ad-container--not-sticky) { position: -webkit-sticky; position: sticky; z-index: 1020 } @media (min-width: 61.25em) { .top-banner-ad-container:not(.top-banner-ad-container--not-sticky) { z-index: 1080 } } .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: 1090; position: fixed; top: 0 } .sticky-top-banner-ad--animate { will-change: transform; transition: height 1s cubic-bezier(0, 0, 0, 0.985) } .ad-slot--top-banner-ad { text-align: center } @media (min-width: 81.25em) { .has-page-skin .ad-slot--top-banner-ad { text-align: center } } .ad-slot-container { width: 100% } .ad-slot-container[top-above-nav-ad-rendered='true'] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto } .ad-slot-container .ad-slot--mobile { margin-left: auto; margin-right: auto } .ad-slot--crossword-banner, .ad-slot--top-banner-ad-desktop { margin: 0 auto; min-height: 5.625rem; padding-bottom: 0; text-align: left; display: block } @media (max-width: 46.24em) { .ad-slot--crossword-banner, .ad-slot--top-banner-ad-desktop { display: none } } .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label, .ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { box-sizing: content-box; margin-left: 0.625rem; margin-right: 0.625rem } @media (min-width: 30em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label, .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--crossword-banner.ad-slot--fabric>.ad-slot__label, .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--crossword-banner.ad-slot--fabric>.ad-slot__label, .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--crossword-banner.ad-slot--fabric>.ad-slot__label, .ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width: 43.75rem } } @media (min-width: 61.25em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label, .ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width: 58.75rem } } @media (min-width: 71.25em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label, .ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width: 68.75rem } } @media (min-width: 81.25em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label, .ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width: 78.75rem } } .ad-slot--crossword-banner.ad-slot--fluid, .ad-slot--top-banner-ad-desktop.ad-slot--fluid { width: 100% } .ad-slot--inline, .ad-slot--container-inline, .ad-slot--container-inline.ad-slot--fluid, .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--container-inline.ad-slot--fluid, .ad-slot--gallery-inline, .ad-slot--liveblog-inline { width: 20rem } } @media (min-width: 46.25em) { .ad-slot--inline, .ad-slot--container-inline, .ad-slot--container-inline.ad-slot--fluid, .ad-slot--gallery-inline, .ad-slot--liveblog-inline { width: auto } } .content--immersive-article .ad-slot--offset-right { clear: both } @media (min-width: 30em) { .ad-slot--liveblog-inline, .ad-slot--container-inline, .ad-slot--container-inline.ad-slot--fluid { margin-top: 0 } } @media (min-width: 46.25em) { .ad-slot--liveblog-inline, .ad-slot--container-inline, .ad-slot--container-inline.ad-slot--fluid { margin: 0 0.625rem } } .ad-slot--gallery-inline { background-color: #121212; margin-left: 0 } @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--right, .ad-slot--inline, .ad-slot--container-inline { background-color: #f6f6f6 } @media (min-width: 46.25em) { .ad-slot--right, .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--dark { background-color: #181818 } .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) .ad-slot__content { margin: 0 auto } @media (min-width: 46.25em) { .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) { position: relative; height: auto } .content-footer .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) { width: 18.75rem } .linkslist-container .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) { position: absolute; top: 0; right: 0 } .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) .ad-slot__label { padding: 0 1.25rem } .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) .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:not(.ad-slot--outstream) { padding-bottom: 1.5rem } .ad-slot--liveblog-inline:not(.ad-slot--outstream)>div { width: 18.75rem; margin-left: auto; margin-right: auto } } .ad-slot--liveblog-inline { background-color: #ededed } .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: #dcdcdc } .ad-slot--outstream { background: transparent; height: auto } @media (min-width: 20em) { .ad-slot--outstream { width: 18.75rem; min-height: auto } } @media (min-width: 41.25em) { .ad-slot--outstream { float: none; width: 38.75rem; margin: 0.25rem 0 0 } .ad-slot--outstream>div.ad-slot__label { margin-left: 2.1875rem; margin-right: 2.1875rem } } @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 } } .fc-container--commercial .ad-slot--commercial-component-high { margin-bottom: 1.5rem } .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 { min-height: 15.625rem; line-height: 0.625rem; padding: 0; margin: 0 } .ad-slot--fluid:not(.ad-slot--im):not(.ad-slot--carrot):not(.ad-slot--offset-right) { width: 100% } @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--merchandising, .ad-slot--merchandising-high { min-height: 15.625rem } .ad-slot--carrot { min-height: 0; padding: 0; margin: 0.3125rem 1.25rem 0.75rem 0; float: left; clear: both } @media (max-width: 29.99em) { .ad-slot--carrot { width: 8.125rem; margin-bottom: 0.375rem; margin-right: 0.625rem } } @media (min-width: 30em) { .ad-slot--carrot { width: 13.75rem } } @media (min-width: 81.25em) { .ad-slot--carrot { margin-left: -15rem } } .ad-slot--fabric-v1 { min-height: 15.625rem } .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 } @media (min-width: 61.25em) { .ad-slot--fluid250 { min-height: 15.625rem } } @media (min-width: 61.25em) { .ad-slot--offset-right { margin-right: -20rem } } @media (min-width: 81.25em) { .ad-slot--offset-right { margin-right: -25rem } } .ad-slot--offset-right.ad-slot--sky { width: 10rem; min-width: 10rem } .ad-slot--survey { height: 0 } .ad-slot--unruly { width: 100% } @media (min-width: 46.25em) { .ad-slot--unruly { float: none; margin-left: 0 } } .mobilesticky-container { position: fixed; bottom: 0; width: 20rem; margin: 0 auto; right: 0; left: 0; z-index: 1010 } @media (min-width: 41.25em) { .mobilesticky-container { display: none } } .ad-slot__close-button { display: none; position: absolute; right: 0.1875rem; top: -1.3125rem; padding: 0; border: 0; height: 1.3125rem; width: 1.3125rem; background-color: transparent } .ad-slot__close-button svg { height: 0.75rem; width: 0.75rem; stroke: #121212; fill: #121212; stroke-linecap: round; stroke-width: 0; text-align: center } .ad-slot--mobile-sticky .ad-slot__close-button { display: block } .ad-slot__close-button__x { stroke: #121212; fill: transparent; stroke-linecap: round; stroke-width: 2; text-align: center } .ad-slot--collapse { display: none } .bz-custom-container~#bannerandheader>.top-banner-ad-container { display: none } @media (max-width: 61.24em) { .podcast__secondary .ad-slot--right { display: none } } .ad-slot--interscroller { height: 85vh; margin-bottom: 0.75rem; position: relative } .ad-slot:not[data-label-show='true']::before { content: ''; display: block; height: 1.5rem; visibility: hidden } .ad-slot[data-label-show='true']:not(.ad-slot--dark):not(.ad-slot--interscroller)::before { font-size: 0.75rem; line-height: 1.25rem; content: attr(ad-label-text); display: block; visibility: visible; position: relative; height: 1.5rem; background-color: #f6f6f6; padding: 0 0.5rem; border-top: 0.0625rem solid #dcdcdc; color: #707070; text-align: left; box-sizing: border-box; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif } .ad-slot--dark[data-label-show='true']::before { font-size: 0.75rem; line-height: 1.25rem; content: attr(ad-label-text); display: block; visibility: visible; position: relative; height: 1.5rem; background-color: transparent; padding: 0 0.5rem; border-top: 0.0625rem solid #333; color: #dcdcdc; text-align: left; box-sizing: border-box; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif } .ad-slot--interscroller[data-label-show='true']::before { content: 'Advertisement'; display: block; visibility: visible; height: 1.5rem; background-color: transparent; padding: 0 0.5rem; border: 0; border-top: 0.0625rem solid #333; color: #dcdcdc; text-align: left; box-sizing: border-box; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; position: absolute; top: 0; left: 0; right: 0 } .ad-slot__adtest-cookie-clear-link { font-size: 0.75rem; line-height: 1.25rem; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; text-align: left; position: absolute; left: 16.75rem; top: 0.0625rem; padding: 0; border: 0; z-index: 1030 } .media:after, .media:before, .media__body:after, .media__body:before { content: ''; display: table } .media:after, .media__body:after { clear: both } .media__img { 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.4375rem; font-family: "Guardian 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.0625rem; line-height: 1.25rem; font-family: "Guardian 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 } /* .rounded-icon { border-radius: 62.5rem; display: inline-block; vertical-align: middle; position: relative } */ .centered-icon svg { top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute } .rich-link { background-color: #ededed; margin: 0; position: relative; overflow: hidden } .rich-link a { color: inherit } .rich-link .u-faux-block-link--hover { background-color: #ededed } .rich-link__title { font: inherit; line-height: inherit; padding: 0 } .rich-link .rich-link__header { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 500; padding: 0.25rem 0.3125rem 0.5em; 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.0625rem; font-family: "Guardian 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: #00b2ff; 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 (min-width: 61.25em) { .element-rich-link { clear: left } } @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.0625rem } } @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 } } .reveal-caption { position: absolute; right: 0.3125rem; width: 2rem; height: 2rem; z-index: 1; background-color: rgba(18, 18, 18, 0.6); border-radius: 50% } .reveal-caption:hover { background-color: #121212 } .reveal-caption--img { bottom: 0.375rem } .caption--main { max-width: 33.75rem; padding: 0.5rem 0.625rem 1.5rem } @media (min-width: 46.25em) { .caption--main { max-width: 38.75rem; padding-left: 0; padding-right: 0 } } @media (min-width: 61.25em) { .caption--main { max-width: none } } @media (max-width: 46.24em) { .caption--main.caption--img { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(18, 18, 18, 0.8); color: #ffffff; display: none; padding: 0.375rem 2.5rem 0.75rem 0.625rem; max-width: 100% } .caption--main.caption--img a { color: currentColor } } @media (max-width: 46.24em) { .caption--main.caption--video, .content__main-column--image .caption--main { padding-bottom: 0 } } @media (max-width: 46.24em) { .reveal-caption__checkbox:checked~.caption--main { display: block } .reveal-caption__checkbox:checked~.reveal-caption { background-color: #121212 } .reveal-caption__checkbox:checked~.reveal-caption:hover { background-color: #121212 } .reveal-caption__checkbox:focus~.reveal-caption { background-color: #121212 } } .linkslist-container { position: relative; margin: 0 !important } @media (min-width: 46.25em) { .linkslist-container { margin-top: 0.5625rem } } .linkslist-container.tone-feature:before { background: #fec8d3 } .linkslist-container.tone-comment:before { background: #707070 } .linkslist-container.tone-media:before { background: #ffe500 } .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) { .linkslist .fc-slice__item { -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) { .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: 46.25em) { .fc-container__inner, .facia-container__inner, .fc-container__pagination, .index-page-header { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; width: 38.75rem } } @media (min-width: 46.25em) { .fc-container__inner, .facia-container__inner, .fc-container__pagination, .index-page-header { width: 100% } } @media (min-width: 61.25em) { .fc-container__inner, .facia-container__inner, .fc-container__pagination, .index-page-header { width: 100% } } @media (min-width: 71.25em) { .fc-container__inner, .facia-container__inner, .fc-container__pagination, .index-page-header { width: 100% } } @media (min-width: 81.25em) { .fc-container__inner, .facia-container__inner, .fc-container__pagination, .index-page-header { width: 100%; } } @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; background-size: 100%; margin-top: 1.125rem } .is-updating.is-active { display: inline-block } .is-scroll-blocked { overflow: hidden } .is-updating-cursor { cursor: wait } body.is-updating-js .u-block-during-update { pointer-events: none } .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 } .l-list { width: 100% } @media (min-width: 46.25em) { .l-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } .l-list__item { float: left; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } @media (min-width: 46.25em) { .l-row--cols-2 .l-row__item--span-1 { width: 50%; float: left; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media (min-width: 46.25em) { .l-row--cols-2 .l-row__item--span-2 { width: 100%; float: left; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto } } @media (min-width: 46.25em) { .l-row--cols-2 .l-row__item--span-3 { width: 150%; float: left; -webkit-flex: 3 1 auto; -ms-flex: 3 1 auto; flex: 3 1 auto } } @media (min-width: 46.25em) { .l-row--cols-2 .l-row__item--span-4 { width: 200%; float: left; -webkit-flex: 4 1 auto; -ms-flex: 4 1 auto; flex: 4 1 auto } } @media (min-width: 46.25em) { .l-row--cols-2 .l-row__item--span-5 { width: 250%; float: left; -webkit-flex: 5 1 auto; -ms-flex: 5 1 auto; flex: 5 1 auto } } @media (min-width: 46.25em) { .l-row--cols-3 .l-row__item--span-1 { width: 33.33333%; float: left; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media (min-width: 46.25em) { .l-row--cols-3 .l-row__item--span-2 { width: 66.66667%; float: left; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto } } @media (min-width: 46.25em) { .l-row--cols-3 .l-row__item--span-3 { width: 100%; float: left; -webkit-flex: 3 1 auto; -ms-flex: 3 1 auto; flex: 3 1 auto } } @media (min-width: 46.25em) { .l-row--cols-3 .l-row__item--span-4 { width: 133.33333%; float: left; -webkit-flex: 4 1 auto; -ms-flex: 4 1 auto; flex: 4 1 auto } } @media (min-width: 46.25em) { .l-row--cols-3 .l-row__item--span-5 { width: 166.66667%; float: left; -webkit-flex: 5 1 auto; -ms-flex: 5 1 auto; flex: 5 1 auto } } @media (min-width: 46.25em) { .l-row--cols-4 .l-row__item--span-1 { width: 25%; float: left; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media (min-width: 46.25em) { .l-row--cols-4 .l-row__item--span-2 { width: 50%; float: left; -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto } } @media (min-width: 46.25em) { .l-row--cols-4 .l-row__item--span-3 { width: 75%; float: left; -webkit-flex: 3 1 auto; -ms-flex: 3 1 auto; flex: 3 1 auto } } @media (min-width: 46.25em) { .l-row--cols-4 .l-row__item--span-4 { width: 100%; float: left; -webkit-flex: 4 1 auto; -ms-flex: 4 1 auto; flex: 4 1 auto } } @media (min-width: 46.25em) { .l-row--cols-4 .l-row__item--span-5 { width: 125%; float: left; -webkit-flex: 5 1 auto; -ms-flex: 5 1 auto; flex: 5 1 auto } } @media (min-width: 46.25em) { .l-list--columns-1 .l-list__item { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .l-list--columns-1 .l-list__item:nth-child(1n+1) { clear: both } .l-list--columns-1 .l-list__item:nth-child(1n+1):before { border: 0 } .l-list--columns-1 .l-list__item:nth-last-child(1):nth-child(1n+1), .l-list--columns-1 .l-list__item:nth-last-child(1):nth-child(1n+1)~.l-list__item { padding-bottom: 0 } } @media (min-width: 46.25em) { .l-list--columns-2 .l-list__item { width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .l-list--columns-2 .l-list__item:nth-child(2n+1) { clear: both } .l-list--columns-2 .l-list__item:nth-child(2n+1):before { border: 0 } .l-list--columns-2 .l-list__item:nth-last-child(2):nth-child(2n+1), .l-list--columns-2 .l-list__item:nth-last-child(2):nth-child(2n+1)~.l-list__item { padding-bottom: 0 } } @media (min-width: 46.25em) { .l-list--columns-3 .l-list__item { width: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333% } .l-list--columns-3 .l-list__item:nth-child(3n+1) { clear: both } .l-list--columns-3 .l-list__item:nth-child(3n+1):before { border: 0 } .l-list--columns-3 .l-list__item:nth-last-child(3):nth-child(3n+1), .l-list--columns-3 .l-list__item:nth-last-child(3):nth-child(3n+1)~.l-list__item { padding-bottom: 0 } } @media (min-width: 46.25em) { .l-list--columns-4 .l-list__item { width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .l-list--columns-4 .l-list__item:nth-child(4n+1) { clear: both } .l-list--columns-4 .l-list__item:nth-child(4n+1):before { border: 0 } .l-list--columns-4 .l-list__item:nth-last-child(4):nth-child(4n+1), .l-list--columns-4 .l-list__item:nth-last-child(4):nth-child(4n+1)~.l-list__item { padding-bottom: 0 } } /*.fc-container .fc-container__inner { border-top: 0.0625rem solid #dcdcdc } */ .fc-container, .facia-container { position: relative; padding-bottom: 0.75rem; margin-bottom: 0 } .fc-container:after, .fc-container:before, .facia-container:after, .facia-container:before { content: ''; display: table } .fc-container:after, .facia-container:after { clear: both } @media (min-width: 81.25em) { .has-page-skin .fc-container, .has-page-skin .facia-container { overflow: hidden; margin-left: auto; margin-right: auto; width: 61.25rem } } .fc-container--commercial { padding-bottom: 0 } .fc-container__inner, .facia-container__inner { padding-top: 0.1875rem } @media (min-width: 46.25em) { .fc-container__inner, .facia-container__inner { padding-top: 0.375rem } } @media (min-width: 81.25em) { .has-page-skin .fc-container__inner, .has-page-skin .facia-container__inner { width: 58.75rem } } @media (min-width: 81.25em) { .has-page-skin .fc-container__pagination { width: 58.75rem } } .fc-container--rolled-up .fc-container--rolled-up-hide { display: none } .fc-slice-wrapper { padding-top: 0.00063rem; margin: 0 -0.625rem } .show-more--hidden .fc-slice-wrapper { display: none } .fc-container__header, .container__header { position: relative } @media (min-width: 46.25em) and (max-width: 71.24em) { .fc-container--paid-for .fc-container__header, .fc-container[data-sponsorship] .fc-container__header, .fc-container[data-sponsorship] .fc-container:first-child .fc-container__header, .fc-container--paid-for .container__header, .fc-container[data-sponsorship] .container__header, .fc-container[data-sponsorship] .fc-container:first-child .container__header { float: left } } @media (min-width: 46.25em) and (max-width: 61.24em) { .fc-container--paid-for .fc-container__header, .fc-container[data-sponsorship] .fc-container__header, .fc-container[data-sponsorship] .fc-container:first-child .fc-container__header, .fc-container--paid-for .container__header, .fc-container[data-sponsorship] .container__header, .fc-container[data-sponsorship] .fc-container:first-child .container__header { width: 50%; padding-right: 0.625rem } } @media (min-width: 61.25em) and (max-width: 71.24em) { .fc-container--paid-for .fc-container__header, .fc-container[data-sponsorship] .fc-container__header, .fc-container[data-sponsorship] .fc-container:first-child .fc-container__header, .fc-container--paid-for .container__header, .fc-container[data-sponsorship] .container__header, .fc-container[data-sponsorship] .fc-container:first-child .container__header { width: 66%; padding-right: 0.625rem } } @media (min-width: 71.25em) { .fc-container__header, .container__header { float: left; width: 8.75rem } } @media (min-width: 81.25em) { .fc-container__header, .container__header { width: 13.75rem } .has-page-skin .fc-container__header, .has-page-skin .container__header { width: auto; float: none } } @media (max-width: 71.24em) { .fc-container__header .fc-container__header__title { float: left; padding-right: 0.3125rem } .fc-container--tag .fc-container__header { border-bottom: 0 } } @media (min-width: 46.25em) and (max-width: 71.24em) { .fc-container--tag .fc-container__header { float: left; clear: left } } .fc-container__header__title, .fc-container__header__title>h2, .fc-container__title__text, .fc-container__header__title--sticky, .container__title { font-size: 1.5rem; line-height: 1.6875rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 700; position: relative; padding-bottom: 0.25rem; color: #121212 } @media (min-width: 81.25em) { .has-page-skin .fc-container__header__title, .has-page-skin .fc-container__header__title>h2, .has-page-skin .fc-container__title__text, .has-page-skin .fc-container__header__title--sticky, .has-page-skin .container__title { float: left; width: 18.75rem } } .has-page-skin .fc-container__header__title:after, .has-page-skin .fc-container__header__title>h2:after, .has-page-skin .fc-container__title__text:after, .has-page-skin .fc-container__header__title--sticky:after, .has-page-skin .container__title:after { display: none } .fc-container__header__title a, .fc-container__header__title>h2 a, .fc-container__title__text a, .fc-container__header__title--sticky a, .container__title a { color: inherit } .fc-container__header__title a:hover, .fc-container__header__title>h2 a:hover, .fc-container__title__text a:hover, .fc-container__header__title--sticky a:hover, .container__title a:hover { border-bottom: 0.0625rem solid #c70000 } .fc-container__header__title a:hover .inline-icon, .fc-container__header__title>h2 a:hover .inline-icon, .fc-container__title__text a:hover .inline-icon, .fc-container__header__title--sticky a:hover .inline-icon, .container__title a:hover .inline-icon { fill: #00b2ff } .fc-container__header__title a .inline-icon, .fc-container__header__title>h2 a .inline-icon, .fc-container__title__text a .inline-icon, .fc-container__header__title--sticky a .inline-icon, .container__title a .inline-icon { fill: #005689; position: relative; height: .7em; width: 1em } .fc-container__header__title:after { content: ''; display: none; position: absolute; height: 1.875rem; width: 0.0625rem; background-color: #dcdcdc; right: -0.6875rem; top: -0.375rem } @media (min-width: 71.25em) { .fc-container__header__title:after { display: block } } .fc-container__header__title .has-page-skin:after { display: none } @media (min-width: 71.25em) { .fc-container__title__text:after { display: none } } .fc-container__header__title--sticky { display: block; width: 100%; text-align: left; margin-left: -1.25rem; padding: 0.375rem 0 0 1.25rem; background: #ffffff; border: 0 } .fc-container__header__title--sticky button { color: #dcdcdc; font-weight: 500; text-align: left; background: #ffffff; margin: 0; padding: 0; border: 0; cursor: pointer } .fc-container__header__title--sticky:last-child { padding-bottom: 1.5rem } .fc-container__header__title--stickies { display: none; visibility: hidden; margin-top: 6.25rem } .has-page-skin .fc-container__header__title--stickies { display: none } .fc-container__header__title--stickies.fixed { position: fixed; bottom: 0; z-index: 99 } @media (min-width: 71.25em) { .fc-container__header__title--stickies { display: block; width: 8.75rem } } @media (min-width: 81.25em) { .fc-container__header__title--stickies { width: 13.75rem } } .fc-container__header__image { display: table-cell; margin: 0 1.25rem 0 0; overflow: hidden; float: left } @media (min-width: 71.25em) { .fc-container__header__image { float: none; display: block; margin: 0 0 0.75rem } } .fc-container__header__image img { display: block; width: 5rem } @media (min-width: 61.25em) { .fc-container__header__image img { width: 6.25rem } } .fc-container__header__description { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; padding-bottom: 0.375rem; color: #707070; clear: left; font-weight: 500 } @media (min-width: 46.25em) { .fc-container__header__description { padding-bottom: 0.75rem } } @media (min-width: 71.25em) { .fc-container__header__description { width: 8.75rem; float: left; margin-top: 0; word-break: normal; overflow-wrap: anywhere } } @media (min-width: 81.25em) { .fc-container__header__description { width: 13.75rem } } .fc-container__header__description a { color: #333 } @media (max-width: 71.24em) { .fc-container__header__social__action { position: absolute; right: 0; top: 0 } .fc-container__header__social__action+.fc-container__header__social__action { display: none } } @media (min-width: 71.25em) { .fc-container__header__social__action { border-top: 0.0625rem dotted #dcdcdc; padding-top: 0.375rem; margin-top: 0.75rem; width: 100% } .fc-container__header__social__action+.fc-container__header__social__action { border-top: 0; margin-top: 0; padding-top: 0 } } .fc-container__header__description--image { vertical-align: middle; display: table-cell } @media (min-width: 61.25em) { .fc-container__header__description--image { max-width: 33.75rem } } @media (min-width: 71.25em) { .fc-container__header__description--image { display: block; height: auto; clear: both } } .fc-today { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; line-height: 1rem; font-weight: 600; display: none; margin: 0.25rem 0 0.75rem } @media (min-width: 46.25em) { .fc-today { display: block } } .fc-today .fc-today__sub { color: #c70000 } @media (min-width: 81.25em) { .has-page-skin .fc-today .fc-today__sub { border-top: 0; margin-top: 0 } } @media (min-width: 71.25em) { .fc-today__sub { display: block } } @media (min-width: 81.25em) { .has-page-skin .fc-today__sub { display: inline } } @media (min-width: 46.25em) { .fc-show-more--mobile-only .button--show-more { display: none } } @media (max-width: 46.24em) { .js-on .fc-show-more--hidden .fc-show-more--hide-on-mobile { display: none !important } } .js-on .fc-show-more--hidden .fc-show-more--hide { display: none !important } .fc-container__updated { font-size: 0.875rem; line-height: 1.0625rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; display: block; position: absolute; right: 0; bottom: 0; padding-bottom: 0.375rem; color: #707070 } @media (min-width: 71.25em) { .fc-container__updated { position: static; margin-top: 1.25rem; border-top: 0.0625rem dotted #dcdcdc; padding-top: 0.1875rem } } @media (min-width: 81.25em) { .has-page-skin .fc-container__updated { position: absolute; bottom: 0; border-top: 0 } } .fc-timestamp { display: inline-block } .fc-container__body, .container__body { padding-top: 0.375rem; padding-bottom: 0.75rem; opacity: 1; transition: opacity .25s linear } @media (min-width: 46.25em) { .fc-container__body, .container__body { padding-top: 0.1875rem } } @media (min-width: 71.25em) { .fc-container__body, .container__body { margin-left: 10rem } } @media (min-width: 81.25em) { .fc-container__body, .container__body { margin-left: 15rem; width: 58.75rem } .has-page-skin .fc-container__body, .has-page-skin .container__body { margin-left: 0; clear: left } } @media (max-width: 71.24em) { .fc-container__body, .container__body { clear: left } } @media (min-width: 71.25em) and (max-width: 81.24em) { .fc-container--will-have-toggle .fc-container__body, .fc-container--has-toggle .fc-container__body, .fc-container--will-have-toggle .container__body, .fc-container--has-toggle .container__body { padding-top: 2.25rem } } .fc-container__body--is-hidden { opacity: 0; transition: opacity .25s linear } .fc-container__toggle { font-size: 0.875rem; line-height: 1.25rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background-color: transparent; position: absolute; top: 0.25rem; right: 0; border: 0; padding: 0; color: #707070; text-align: right; min-width: 3.75rem } .fc-container__toggle:hover, .fc-container__toggle:focus { color: #121212 } [data-component='headlines'] .fc-container__toggle { display: none } @media (min-width: 71.25em) { .fc-container__toggle { left: 68.75rem; -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @media (min-width: 81.25em) { .fc-container__toggle { left: 76.75rem } .has-page-skin .fc-container__toggle { left: auto } } .fc-container--media .fc-container__inner, .fc-container--media .fc-slice__item+.fc-slice__item:before { border-color: #333 } .fc-container--media .fc-container__header__title { color: #ededed } @media (max-width: 46.24em) { .fc-container--media .fc-item__media-wrapper { padding-left: 0 !important } } .fc-date-headline { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; color: #121212; display: block; padding-bottom: 0.375rem } .fc-container--tag { padding-bottom: 0 } .fc-container--tag .fc-container__inner { border-top: 0.0625rem solid #dcdcdc } .fc-trending-topics { border-top: 0 !important } .facia-page, .index-page { background-color: #ffffff } .index-page-header { padding-top: 0.375rem; padding-bottom: 0.75rem } .has-page-skin .index-page-header { width: 58.75rem } .index-page-header__content { width: 100% } @media (min-width: 81.25em) { .index-page-header__content { width: 73.75rem } .has-page-skin .index-page-header__content { width: 100% } } .index-page-header__title { display: block; line-height: 1.25rem; font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: 900 } .index-page-header__title, .index-page-header__title a { color: #121212 } @media (min-width: 71.25em) { .index-page-header__title { float: left; width: 8.75rem; margin-right: 1.25rem } } @media (min-width: 81.25em) { .index-page-header__title { width: 13.75rem } .has-page-skin .index-page-header__title { float: none } } @media (min-width: 71.25em) and (max-width: 81.24em) { .index-page-header__title { font-size: 1.25rem; line-height: 1.5rem } } .index-page-header__description { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; color: #707070 } @media (min-width: 71.25em) { .index-page-header__description { float: left } } @media (min-width: 81.25em) { .has-page-skin .index-page-header__description { float: none } } @media (min-width: 46.25em) { .index-page-header__description { width: 50% } } .index-page-header__image-wrapper { overflow: hidden; float: right } .index-page-header__image { display: block; float: right; height: 5rem } @media (min-width: 61.25em) { .index-page-header__image { height: 6.25rem } } .index-page-header__image-wrapper--contributor-circle { border-radius: 62.5rem } @media (max-width: 61.24em) { .fc-container--lazy-load { display: none } .is-not-modern .fc-container--lazy-load { display: block } } .gallery__most-popular h2.fc-container__title__text { color: #dcdcdc } .gallery__most-popular h2.fc-container__title__text:hover { text-decoration: underline } .gallery__most-popular h2.fc-container__title__text:after { display: none } .fc-aus-territory__container { padding: 0 0.625rem 1.5rem } @media (min-width: 41.25em) { .fc-aus-territory__container { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } } @media (min-width: 46.25em) { .fc-aus-territory__container { padding: 0 0 1.5rem } } .fc-aus-territory__accordion-header { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border: 0; background-color: transparent; padding: 0 } @media (min-width: 41.25em) { .fc-aus-territory__accordion-header { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } } .fc-aus-territory__accordion-header__headline { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; line-height: 1.625rem; font-weight: bold; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .fc-aus-territory__accordion-arrow { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 1.5625rem; height: 0.9375rem; margin-left: 0.3125rem } .fc-aus-territory__body__accordion-body { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-top: 0.375rem; margin-bottom: 0.75rem } .fc-aus-territory__body__accordion-body--bold { font-weight: bold } @media (min-width: 41.25em) { .fc-aus-territory__body__accordion-body { max-width: 30.9375rem } } @media (min-width: 46.25em) { .fc-aus-territory__body__accordion-body { max-width: 41.25rem } } .fc-aus-territory__territory-button { font-size: 1.125rem; line-height: 1.125rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; border-radius: 0.3125rem; margin-top: 0.375rem; height: 2.375rem; border: 0.125rem solid #707070; margin-right: 0 } @media (min-width: 41.25em) { .fc-aus-territory__territory-button { width: 10.3125rem; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-top: 0.75rem; margin-right: 0.1875rem } } .fc-aus-territory__territory-button--secondary { border: 0; padding: 0 } @media (min-width: 41.25em) { .fc-aus-territory__territory-button--secondary { width: auto; margin-top: 0.375rem } } @media (min-width: 46.25em) { .fc-aus-territory__territory-button--secondary { width: 10.3125rem; margin-top: 0.75rem } } .fc-aus-territory__territory-button--selected { background-color: #dcdcdc; border: 0.25rem solid #121212 } .fc-container--video { padding-bottom: 0; margin-bottom: 0.75rem } .fc-container--video .gs-container { background-color: #121212 } .fc-container--video .fc-container__inner { border-top: 0 } .fc-container--video .fc-container__toggle { color: #dcdcdc } .fc-container--video .fc-container__toggle:hover, .fc-container--video .fc-container__toggle:focus { color: #fff } .fc-container--video .fc-item__image-container { display: block } .fc-container--video .u-responsive-ratio { padding-bottom: 56.3% } .fc-container--video .gu-media-wrapper .vjs-paused.vjs-has-started .vjs-control-bar { bottom: -3.75rem } @media (min-width: 61.25em) { .fc-container--video .vjs-big-play-button { display: none } } .fc-container--video .media__container--hidden { display: block !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 2 } .fc-container--video .media__container--hidden video { display: none } .fc-container--video .gu-media-wrapper { background-color: transparent } @media (min-width: 61.25em) { .fc-container--video .fc-item__video-fallback, .fc-container--video .gu-media { opacity: .3; transition: opacity .4s ease-out } } .fc-container--video .treats__treat { background-color: transparent; border-color: rgba(255, 255, 255, 0.3) } .fc-container--video .treats__treat:hover { border-color: #ffffff; background-color: #ffffff; color: #121212 } @media (max-width: 61.24em) { .fc-container--video .u-responsive-ratio video { top: inherit; bottom: 0; height: auto } .fc-container--video .fc-item__video-container .vjs-big-play-button { top: 3.375rem } .fc-container--video .fc-item__video-fallback { margin-top: 6.75rem } } .fc-container--video-no-fill-sides { background-color: transparent } .video-title { color: #ffffff; display: block; margin-bottom: 0.75rem } .video-title:after { content: none } .video-title a:hover { color: #ffffff; border-bottom: #ffffff } .video-playlist { position: relative; overflow: hidden } @media (min-width: 61.25em) and (max-width: 71.24em) { .video-playlist { background-color: #050505 } .has-page-skin .video-playlist { background-color: transparent } } .video-playlist--end .video-playlist__control--next, .video-playlist--start .video-playlist__control--prev { opacity: 0; pointer-events: none } .video-playlist__inner { margin: 0; font-size: 0; white-space: nowrap; padding-right: 0.625rem } @media (min-width: 30em) { .video-playlist__inner { padding-right: 1.25rem } } @media (max-width: 61.24em) { .video-playlist__inner { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -webkit-transform: none !important; transform: none !important } } @media (min-width: 61.25em) { .video-playlist__inner { padding-right: 0; transition: -webkit-transform .4s ease-out; transition: transform .4s ease-out; transition: transform .4s ease-out, -webkit-transform .4s ease-out } } .video-playlist__inner::-webkit-scrollbar { display: none } .video-playlist__inner .video-playlist__item { background-color: #121212 } .video-playlist__control { display: none } @media (min-width: 61.25em) { .video-playlist__control { width: 8.75rem; position: absolute; display: block; top: 0; bottom: 0; z-index: 2; cursor: pointer } .video-playlist__control:hover .video-playlist__icon, .video-playlist__control:focus .video-playlist__icon { background-color: #ffe500 } .video-playlist__control:hover .video-playlist__icon svg, .video-playlist__control:focus .video-playlist__icon svg { fill: #121212 } } .video-playlist__control--prev { left: 0 } @media (min-width: 71.25em) { .video-playlist__control--prev { width: 11.25rem } .has-page-skin .video-playlist__control--prev { width: 8.75rem } } @media (min-width: 81.25em) { .video-playlist__control--prev { width: 16.25rem } .has-page-skin .video-playlist__control--prev { width: 8.75rem } } .video-playlist__control--prev .video-playlist__icon { right: 1.25rem } .video-playlist__control--prev .video-playlist__icon svg { margin-left: -0.125rem } .video-playlist__control--next { right: 0 } @media (min-width: 71.25em) { .video-playlist__control--next { width: 16.25rem } .has-page-skin .video-playlist__control--next { width: 8.75rem } } @media (min-width: 81.25em) { .video-playlist__control--next { width: 21.25rem } .has-page-skin .video-playlist__control--next { width: 8.75rem } } .video-playlist__control--next .video-playlist__icon { left: 1.25rem } .video-playlist__control--next .video-playlist__icon svg { margin-right: -0.125rem } .video-playlist__icon { position: absolute; top: 0; bottom: 0; width: 1.875rem; height: 1.875rem; margin: auto; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); text-align: center } .video-playlist__icon svg { fill: #ffffff; width: 0.5625rem; height: 1.875rem } .youtube-media-atom__play-button { background-color: #121212; border-radius: 50%; color: transparent } .video-playlist__item { position: relative; display: inline-block; vertical-align: top; width: 70%; background-color: #121212; margin-left: 0.625rem; margin-bottom: 0.75rem } @media (min-width: 30em) { .video-playlist__item { margin-left: 1.25rem } } @media (min-width: 61.25em) { .video-playlist__item { width: 43.75rem; margin: 0 } } @media (max-width: 46.24em) { .video-playlist__item .video-container-overlay-link { z-index: 3 } } @media (min-width: 61.25em) and (max-width: 71.24em) { .video-playlist__item--first { margin-left: 8.75rem } .has-page-skin .video-playlist__item--first { margin-left: 0 } } @media (min-width: 71.25em) { .video-playlist__item--first { margin-left: 0 } .has-page-skin .video-playlist__item--first { margin-left: 0 } } .video-playlist__item--active .vjs-big-play-button { display: block } .video-playlist__item--active .fc-item__video-fallback, .video-playlist__item--active .gu-media, .video-playlist__item--active .video-overlay { opacity: 1 } .fc-item--pillar-news.video-playlist__item.video-playlist__item--paid-for .fc-item__kicker, .fc-item--pillar-news.video-playlist__item.video-playlist__item--paid-for .video-overlay__duration { color: #69d1ca } .fc-item--pillar-news.video-playlist__item.video-playlist__item--paid-for .vjs-big-play-button .vjs-control-text { background-color: #69d1ca } .fc-item--pillar-news.video-playlist__item.video-playlist__item--paid-for .video-overlay { border-top-color: #69d1ca } .vjs-big-play-button .vjs-control-text, .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.75rem; left: 0.75rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.75rem; height: 3.75rem } .vjs-big-play-button .vjs-control-text .inline-play svg, .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.5rem } .fc-item--full-media-75-tablet .vjs-big-play-button .vjs-control-text, .fc-item--full-media-50-tablet .vjs-big-play-button .vjs-control-text, .fc-item--three-quarters-tablet .vjs-big-play-button .vjs-control-text, .fc-item--half-tablet .vjs-big-play-button .vjs-control-text, .fc-item--full-media-75-tablet .youtube-media-atom__play-button.vjs-control-text, .fc-item--full-media-50-tablet .youtube-media-atom__play-button.vjs-control-text, .fc-item--three-quarters-tablet .youtube-media-atom__play-button.vjs-control-text, .fc-item--half-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.625rem; left: 0.625rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.125rem; height: 3.125rem } .fc-item--full-media-75-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--full-media-50-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--three-quarters-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--half-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--full-media-75-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--full-media-50-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--three-quarters-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--half-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.25rem } @media (min-width: 30em) { .fc-item--full-media-75-tablet .vjs-big-play-button .vjs-control-text, .fc-item--full-media-50-tablet .vjs-big-play-button .vjs-control-text, .fc-item--three-quarters-tablet .vjs-big-play-button .vjs-control-text, .fc-item--half-tablet .vjs-big-play-button .vjs-control-text, .fc-item--full-media-75-tablet .youtube-media-atom__play-button.vjs-control-text, .fc-item--full-media-50-tablet .youtube-media-atom__play-button.vjs-control-text, .fc-item--three-quarters-tablet .youtube-media-atom__play-button.vjs-control-text, .fc-item--half-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.75rem; left: 0.75rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.75rem; height: 3.75rem } .fc-item--full-media-75-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--full-media-50-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--three-quarters-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--half-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--full-media-75-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--full-media-50-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--three-quarters-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--half-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.5rem } } .fc-item--third-tablet .vjs-big-play-button .vjs-control-text, .fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.625rem; left: 0.625rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.125rem; height: 3.125rem } .fc-item--third-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.25rem } @media (min-width: 30em) and (max-width: 46.24em) { .fc-item--third-tablet .vjs-big-play-button .vjs-control-text, .fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.75rem; left: 0.75rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.75rem; height: 3.75rem } .fc-item--third-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.5rem } } @media (min-width: 46.25em) { .fc-item--standard-tablet .vjs-big-play-button .vjs-control-text, .fc-item--standard-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.525rem; left: 0.525rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 2.625rem; height: 2.625rem } .fc-item--standard-tablet .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--standard-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1rem } } @media (max-width: 46.24em) { .fc-item--list-media-mobile .vjs-big-play-button .vjs-control-text, .fc-item--list-media-mobile .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.375rem; left: 0.375rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1.875rem; height: 1.875rem } .fc-item--list-media-mobile .vjs-big-play-button .vjs-control-text .inline-play svg, .fc-item--list-media-mobile .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 0.875rem } } .video-title--leftcol { display: none } @media (min-width: 71.25em) { .video-title--leftcol { position: relative; height: 24.60938rem; display: inline-block; width: 11.25rem; padding: 0.375rem 1.25rem; box-sizing: border-box; margin-bottom: 0; white-space: normal } } @media (min-width: 81.25em) { .video-title--leftcol { width: 16.25rem } .has-page-skin .video-title--leftcol { width: 11.25rem } } .video-title--leftcol .inline-guardian-video-logo svg { margin-top: 0.25rem; max-width: 100% } .video-title--leftcol .inline-guardian-video-logo svg:hover .inline-guardian-video-logo__title { fill: #ffffff } .has-page-skin .video-title--leftcol { display: none } @media (min-width: 61.25em) { .video-playlist__item--first { margin-left: 8.75rem } } @media (min-width: 71.25em) { .video-playlist__item--first { margin-left: 0 } .has-page-skin .video-playlist__item--first { margin-left: 8.75rem } } .video-overlay { position: relative; z-index: 2; white-space: normal; padding: 0 0.3125rem 1.5rem; box-sizing: border-box; border-top: 0.0625rem solid #ffe500; color: #ffffff; background-color: rgba(0, 0, 0, 0.9); min-height: 8.25rem; margin-bottom: -1.5rem; pointer-events: auto } @media (min-width: 61.25em) and (max-width: 71.24em) { .video-overlay { opacity: 0; transition: opacity .4s ease-out } } @media (min-width: 61.25em) { .video-overlay { position: absolute; top: 0.75rem; left: 1.25rem; width: 13.75rem } } @media (min-width: 61.25em) { .video-playlist__item .vjs-playing~.video-overlay { visibility: hidden; opacity: 0 } } .video-overlay .video-overlay__headline { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 400 } @media (min-width: 30em) { .video-overlay .video-overlay__headline { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 400 } } @media (min-width: 61.25em) { .video-overlay .video-overlay__headline { min-height: 5.75rem; overflow: hidden } } .video-overlay .video-overlay__headline .fc-item__headline { color: #ffffff } .video-overlay .inline-icon svg { position: relative; height: .7em; width: auto } .video-overlay .fc-item__title--quoted .inline-quote { fill: #ffffff } .video-overlay .fc-item__link { color: #ffffff } .video-overlay .fc-item__link:visited { color: #dcdcdc } .video-overlay .fc-item__byline, .video-overlay .fc-item__kicker { color: #ffe500 } .video-overlay .fc-item__kicker { padding: 0; margin: 0 } .video-overlay__duration { font-size: 0.875rem; line-height: 1.25rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; position: absolute; bottom: 0.125rem; color: #dcdcdc } @media (min-width: 46.25em) { .fc-item__video-container .youtube-media-atom { z-index: 1 } .fc-item__video-container .youtube-media-atom.no-player, .is-not-modern .fc-item__video-container .youtube-media-atom { z-index: 0 } } .fc-container--first#palette-styles-new-do-not-delete+.fc-container, .fc-container--first { margin-top: 0; padding-top: 0 } .fc-container--first#palette-styles-new-do-not-delete+.fc-container .fc-container__inner, .fc-container--first .fc-container__inner { border: 0 } @media (min-width: 46.25em) { .fc-container--first#palette-styles-new-do-not-delete+.fc-container, .fc-container--first { padding-top: 0.375rem } } @media (min-width: 71.25em) { .fc-container--first#palette-styles-new-do-not-delete+.fc-container .fc-container__header__title, .fc-container--first .fc-container__header__title { padding-top: 0.1875rem } .fc-container--first#palette-styles-new-do-not-delete+.fc-container .fc-container__header__title:after, .fc-container--first .fc-container__header__title:after { display: none } .fc-container--first#palette-styles-new-do-not-delete+.fc-container .fc-container__inner, .fc-container--first .fc-container__inner { padding-top: 0 } .fc-container--first#palette-styles-new-do-not-delete+.fc-container .fc-container__body, .fc-container--first .fc-container__body { padding-top: 0 } } @media (min-width: 71.25em) and (max-width: 81.24em) { .fc-container--first#palette-styles-new-do-not-delete+.fc-container .fc-slice-wrapper:first-child, .fc-container--first .fc-slice-wrapper:first-child { padding-top: 0 } } @media (min-width: 81.25em) { .has-page-skin .fc-container--first#palette-styles-new-do-not-delete+.fc-container .fc-container__header__title, .has-page-skin .fc-container--first .fc-container__header__title { border-top: 0; padding-top: 0 } } .fc-container .button--primary { color: #fff; background-color: #121212; border-color: #121212 } .fc-container .button--primary:hover, .fc-container .button--primary:focus, .fc-container .button--primary:active { background-color: #000; border-color: #000 } .fc-container--outbrain { background-color: #f6f6f6; display: none } @media (min-width: 20em) { .fc-container--outbrain .fc-container__inner { min-height: 38.8125rem } } @media (min-width: 46.25em) { .fc-container--outbrain .fc-container__inner { min-height: 28.4375rem } } @media (min-width: 61.25em) { .fc-container--outbrain .fc-container__inner { min-height: 24.375rem } } #membership-ab-thrasher { display: none } #membership-ab-thrasher.visible { display: block } .fc-container--thrasher { border-top: 0; margin-top: 0; margin-bottom: 1.5rem; padding-bottom: 0; background: transparent } .fc-container--thrasher .fc-container__inner { border-top: 0; padding-top: 0 } @media (max-width: 46.24em) { .fc-container--thrasher .fc-container__inner { margin-left: 0; margin-right: 0; width: 100% } } .fc-container--thrasher .fc-container__header { display: none } .fc-container--thrasher .fc-container__body { padding-top: 0; padding-bottom: 0; margin-left: 0; width: 100%; overflow: initial } .fc-container--thrasher .fc-slice-wrapper { margin-left: 0; margin-right: 0 } @media (min-width: 46.25em) { .fc-container--thrasher .fc-slice-wrapper { margin-left: -1.25rem; margin-right: -1.25rem } } .fc-container--thrasher .fc-slice { margin: 0; width: 100% } .fc-container--thrasher .fc-slice__item { margin-bottom: 0; width: 100% } .fc-container--thrasher .fc-item { margin: 0; width: 100% } .fc-slice { overflow: hidden; margin-left: auto; margin-right: auto } @media (min-width: 46.25em) { .fc-slice { overflow: visible } } .fc-slice--hl4-h { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-slice--hl4-h .fc-slice__item:before { display: none } .fc-slice--hl4-h .fc-item--half-tablet:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0.0625rem; height: 100%; border-left: 0.0625rem solid #dcdcdc } @media (min-width: 61.25em) { .fc-slice--hl4-h .fc-item--half-tablet .fc-item__standfirst { display: none } } @media (min-width: 46.25em) and (max-width: 61.24em) { .fc-slice--h-ql4-ql4 .fc-item--half-tablet .fc-item__standfirst { display: block } } @media (min-width: 46.25em) { .fc-slice--h-q-q .fc-item--half-tablet .fc-item__standfirst { display: none } } @media (min-width: 61.25em) { .fc-slice--h-q-q .fc-item--standard-tablet .fc-item__standfirst { display: block } } @media (min-width: 46.25em) { .fc-slice--h-q_ql2-ql4 .fc-item--half-tablet .fc-item__standfirst { display: block !important } } @media (max-width: 46.24em) { .fc-slice--q-qqq .fc-item--list-mobile .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-slice--q-qqq .fc-item--list-mobile .inline-garnett-quote__svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem } } @media (min-width: 46.25em) and (max-width: 61.24em) { .facia-slice--q-q-ql-ql .fc-item--standard-tablet .fc-item__standfirst, .facia-slice--q-q-q-ql .fc-item--standard-tablet .fc-item__standfirst { display: block } } @media (min-width: 46.25em) { .fc-slice-wrapper+.fc-slice-wrapper .fc-slice--q-q-q-q .fc-item--standard-tablet .fc-item__header { font-size: 1.0625rem; line-height: 1.25rem } } .fc-slice-wrapper+.fc-slice-wrapper .fc-slice--q-q-q-q .fc-item--standard-tablet .inline-garnett-quote__svg { height: 1rem; width: 0.5rem; margin-right: 0.5rem } .fc-slice--h14-q-q { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-slice--h14-q-q .fc-slice__item:before { display: none } .fc-slice--h14-q-q .fc-item--standard-tablet:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0.0625rem; height: 100%; border-left: 0.0625rem solid #dcdcdc } @media (min-width: 46.25em) { .fc-slice--h14-q-q .fc-item--standard-tablet .fc-item__standfirst { display: block } } .fc-slice--h14-q-q .fc-slice__item { margin-bottom: 0 } @media (min-width: 46.25em) { .fc-slice--h14-q-q .fc-slice__item { margin-bottom: 0.75rem } } @media (min-width: 46.25em) and (max-width: 61.24em) { .fc-slice--tl-tl-mpu>.fc-slice__item .fc-slice__item:before { border: 0 } .fc-slice--tl-tl-mpu>.fc-slice__item:first-child { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 50% } .fc-slice--tl-tl-mpu>.fc-slice__item:first-child .fc-slice__item { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .fc-slice--tl-tl-mpu>.fc-slice__item:first-child .fc-slice__item:nth-child(5) { padding-bottom: 0.75rem } .fc-slice--tl-tl-mpu>.fc-slice__item:last-child { width: 50% } } @media (min-width: 46.25em) and (max-width: 61.24em) { .fc-slice--t-t-mpu .fc-slice__item { width: 25% } .fc-slice--t-t-mpu .fc-item__title { font-size: 1.0625rem; line-height: 1.25rem } .fc-slice--t-t-mpu .fc-slice__item--mpu-candidate { width: 50% } } @media (min-width: 46.25em) and (max-width: 61.24em) { .fc-slice--t-tl-mpu>.fc-slice__item { width: 25% !important } .fc-slice--t-tl-mpu>.fc-slice__item:last-child { -webkit-flex: 2 1 auto; -ms-flex: 2 1 auto; flex: 2 1 auto; width: 50% !important } .fc-slice--t-tl-mpu>.fc-slice__item .fc-item.fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__avatar { height: 6.75rem; width: 6.75rem } .fc-slice--t-tl-mpu>.fc-slice__item .fc-item.fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__avatar__media { height: 6.75rem; left: -0.52083rem } .fc-slice--t-tl-mpu>.fc-slice__item .fc-item.fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__standfirst { display: none } .fc-slice--t-tl-mpu>.fc-slice__item .fc-item.fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__standfirst-wrapper { padding-right: 0 } } .popular-trails.fc-container__body { padding-top: 0.75rem } @media (min-width: 61.25em) { .popular-trails.fc-container__body { min-height: 23.25rem; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } } @media (min-width: 61.25em) { .popular-trails__content { min-width: 38.75rem; max-width: 66.66667% } } .fc-slice--popular .fc-slice__item:before { display: none } .fc-slice--popular .live-pulse-icon:before { content: none } @media (min-width: 61.25em) { .fc-slice--popular .tabs__pane { min-width: 38.75rem; min-height: 18.75rem } .fc-slice--popular .tabs__pane--without-mpu { width: 100%; min-height: 18.75rem } } .fc-slice__popular-mpu { width: 20rem; min-width: 18.75rem; margin: 0.75rem auto 0 } .fc-slice__popular-mpu .ad-slot { min-height: 17.125rem; margin: 0 } @media (min-width: 61.25em) { .fc-slice__popular-mpu { width: auto; margin-left: auto; border-top: 0.0625rem solid #dcdcdc; padding: 0.75rem 0 0 1.25rem; margin-top: 2.4375rem } .tabs__content .fc-slice__popular-mpu { border-top: 0; margin-top: 0; padding-top: 0 } .has-no-flex .fc-slice__popular-mpu { position: absolute; top: 0.75rem; right: -0.625rem } } @media (max-width: 61.24em) { .fc-slice__popular-mpu .fc-slice__item--no-mpu { min-height: 0 } } .fc-container--dynamic-slow-mpu .ad-slot--container-inline { width: 18.75rem } @media (min-width: 46.25em) { .fc-container--dynamic-slow-mpu .ad-slot--container-inline { width: 23.75rem } } @media (min-width: 61.25em) { .fc-container--dynamic-slow-mpu .ad-slot--container-inline { width: 18.75rem } } .fc-container--dynamic-slow-mpu .ad-slot__label { text-align: left } @media (max-width: 46.24em) { .fc-slice--nav-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-rule: 0.0625rem solid #dcdcdc; -moz-column-rule: 0.0625rem solid #dcdcdc; column-rule: 0.0625rem solid #dcdcdc } } @media (min-width: 46.25em) and (max-width: 61.24em) { .fc-slice--nav-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; -webkit-column-rule: 0.0625rem solid #dcdcdc; -moz-column-rule: 0.0625rem solid #dcdcdc; column-rule: 0.0625rem solid #dcdcdc } } @media (min-width: 61.25em) { .fc-slice--nav-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; -webkit-column-rule: 0.0625rem solid #dcdcdc; -moz-column-rule: 0.0625rem solid #dcdcdc; column-rule: 0.0625rem solid #dcdcdc } } .fc-slice__item--nav-list { display: inline-block; width: 100% } @media (max-width: 46.24em) { .fc-slice--nav-list--media { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; -webkit-column-rule: 0.0625rem solid #dcdcdc; -moz-column-rule: 0.0625rem solid #dcdcdc; column-rule: 0.0625rem solid #dcdcdc } } @media (min-width: 46.25em) { .fc-slice--nav-list--media { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; -webkit-column-rule: 0.0625rem solid #dcdcdc; -moz-column-rule: 0.0625rem solid #dcdcdc; column-rule: 0.0625rem solid #dcdcdc } } .fc-sublink { position: relative; padding-top: 0.1875rem; margin: 0 0 0.5625rem 0 } @media (min-width: 46.25em) { .fc-sublink { margin: 0.5625rem 0 } } .fc-sublink a { display: block; z-index: 1 !important } .fc-sublink__title { font-size: 0.875rem; line-height: 1.0625rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; color: #121212; margin: 0; padding: 0; font-weight: 400 } .fc-sublink__title:before { display: block; position: absolute; top: 0; left: 0; content: ''; width: 7.625rem; border-top: 0.0625rem solid #dcdcdc } @media (min-width: 46.25em) { .fc-sublink__title:before { width: 7.5rem } } .fc-sublink__title .fc-sublink__kicker { float: left; margin-right: .2em; font-weight: 700 } section.fc-container--special-report-alt-palette .fc-sublinks .fc-sublink__title:before { border-top: 0.0625rem solid rgba(118, 118, 118, 0.3) } .fc-sublink__title.fc-sublink--pillar-special-report-alt { font-size: 0.875rem; line-height: 1.0625rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; color: #121212; margin: 0; padding: 0; font-weight: 400 } .fc-sublink__title.fc-sublink--pillar-special-report-alt:before { display: block; position: absolute; top: 0; left: 0; content: ''; width: 7.625rem; border-top: 0.0625rem solid rgba(60, 60, 60, 0.3) } @media (min-width: 46.25em) { .fc-sublink__title.fc-sublink--pillar-special-report-alt:before { width: 7.5rem } } .fc-sublink__title.fc-sublink--pillar-special-report-alt .fc-sublink__kicker { float: left; margin-right: .2em; font-weight: 700 } .fc-item--pillar-news { background-color: #f6f6f6 } .fc-item--pillar-news:hover { background-color: #eee } .fc-item--pillar-news.fc-item--type-comment .fc-item__avatar { background-color: #b80000 } .fc-item--pillar-news.fc-item--type-comment .fc-item__timestamp, .fc-item--pillar-news.fc-item--type-comment .fc-trail__count--commentcount { background-color: #f6f6f6 } .fc-item--pillar-news.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #eee } .fc-item--pillar-news.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-news.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #eee } .fc-item--pillar-news.headline-list__item { background-color: #ffffff } .fc-item--pillar-news .fc-item__headline { color: #121212 } .fc-item--pillar-news .fc-item__byline { color: #c70000 } .fc-item--pillar-news .fc-item__kicker { color: #c70000 } .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #c70000 } .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #ae0000 } .fc-item--pillar-news.fc-item--audio .fc-item__kicker, .fc-item--pillar-news.fc-item--gallery .fc-item__kicker, .fc-item--pillar-news.fc-item--video .fc-item__kicker, .fc-item--pillar-news.video-playlist__item .fc-item__kicker, .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #ff4e36 } .fc-item--pillar-news.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #ff4e36 } .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #ffbac8 } .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #ffbac8 } .fc-item--pillar-news.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-news.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #c70000 } @media (min-width: 46.25em) { .fc-item--pillar-news.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-news.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #ff4e36 } } .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #c70000 } .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--pillar-news .fc-item__standfirst { color: #121212 } .fc-item--pillar-news .fc-item__sublinks { color: #121212 } .fc-item--pillar-news .inline-icon { fill: #c70000 } .fc-item--pillar-news .fc-item__meta { color: #999 } .fc-item--pillar-news .fc-item__container:before { background-color: #c70000 } .fc-item--pillar-news.fc-item--type-feature .fc-item__headline { color: #ab0613 } .fc-item--pillar-news.video-playlist__item .video-overlay { border-top-color: #ff4e36 } .fc-item--pillar-news.video-playlist__item .inline-icon { fill: #ff4e36 } .fc-item--pillar-news.video-playlist__item .video-overlay__duration { color: #ff4e36 } .fc-item--pillar-news.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-news.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-news.fc-item--type-media .inline-camera svg, .fc-item--pillar-news.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-news.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-news.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--pillar-news.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-news.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-news.fc-item--type-media .inline-camera::after, .fc-item--pillar-news.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-news.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-news.fc-item--type-interview .inline-camera::after { background-color: #ff4e36 } .fc-item--pillar-news.fc-item--type-media .fc-sublink__kicker { color: #ff4e36 } .fc-item--pillar-news .fc-item__media-meta { color: #ff4e36 } .fc-item--pillar-news .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #ff4e36; border-radius: 50% } .fc-item--pillar-news .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--pillar-news .vjs-big-play-button .vjs-control-text { background-color: #c70000 } .fc-item--pillar-news .youtube-media-atom__play-button { background-color: #c70000 } .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #c70000 } .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #999; background-color: #fef9f5 } .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #999 } .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #b80000 } .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-sublink--pillar-news .fc-sublink__kicker { color: #c70000 } .fc-item--pillar-opinion { background-color: #f6f6f6 } .fc-item--pillar-opinion:hover { background-color: #eee } .fc-item--pillar-opinion.fc-item--type-comment .fc-item__avatar { background-color: #d15800 } .fc-item--pillar-opinion.fc-item--type-comment .fc-item__timestamp, .fc-item--pillar-opinion.fc-item--type-comment .fc-trail__count--commentcount { background-color: #f6f6f6 } .fc-item--pillar-opinion.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #eee } .fc-item--pillar-opinion.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-opinion.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #eee } .fc-item--pillar-opinion.headline-list__item { background-color: #ffffff } .fc-item--pillar-opinion .fc-item__headline { color: #121212 } .fc-item--pillar-opinion .fc-item__byline { color: #e05e00 } .fc-item--pillar-opinion .fc-item__kicker { color: #e05e00 } .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #e05e00 } .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #c75300 } .fc-item--pillar-opinion.fc-item--audio .fc-item__kicker, .fc-item--pillar-opinion.fc-item--gallery .fc-item__kicker, .fc-item--pillar-opinion.fc-item--video .fc-item__kicker, .fc-item--pillar-opinion.video-playlist__item .fc-item__kicker, .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #ff7f0f } .fc-item--pillar-opinion.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #ff7f0f } .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #f9b376 } .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #f9b376 } .fc-item--pillar-opinion.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-opinion.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #e05e00 } @media (min-width: 46.25em) { .fc-item--pillar-opinion.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-opinion.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #ff7f0f } } .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #e05e00 } .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--pillar-opinion.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--pillar-opinion .fc-item__standfirst { color: #121212 } .fc-item--pillar-opinion .fc-item__sublinks { color: #121212 } .fc-item--pillar-opinion .inline-icon { fill: #e05e00 } .fc-item--pillar-opinion .fc-item__meta { color: #999 } .fc-item--pillar-opinion .fc-item__container:before { background-color: #e05e00 } .fc-item--pillar-opinion.fc-item--type-feature .fc-item__headline { color: #bd5318 } .fc-item--pillar-opinion.video-playlist__item .video-overlay { border-top-color: #ff7f0f } .fc-item--pillar-opinion.video-playlist__item .inline-icon { fill: #ff7f0f } .fc-item--pillar-opinion.video-playlist__item .video-overlay__duration { color: #ff7f0f } .fc-item--pillar-opinion.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-opinion.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-opinion.fc-item--type-media .inline-camera svg, .fc-item--pillar-opinion.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-opinion.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-opinion.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--pillar-opinion.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-opinion.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-opinion.fc-item--type-media .inline-camera::after, .fc-item--pillar-opinion.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-opinion.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-opinion.fc-item--type-interview .inline-camera::after { background-color: #ff7f0f } .fc-item--pillar-opinion.fc-item--type-media .fc-sublink__kicker { color: #ff7f0f } .fc-item--pillar-opinion .fc-item__media-meta { color: #ff7f0f } .fc-item--pillar-opinion .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #ff7f0f; border-radius: 50% } .fc-item--pillar-opinion .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--pillar-opinion .vjs-big-play-button .vjs-control-text { background-color: #e05e00 } .fc-item--pillar-opinion .youtube-media-atom__play-button { background-color: #e05e00 } .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #e05e00 } .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #707070; background-color: #fef9f5 } .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #707070 } .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #d15800 } .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--pillar-opinion.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-sublink--pillar-opinion .fc-sublink__kicker { color: #e05e00 } .fc-item--pillar-sport { background-color: #f6f6f6 } .fc-item--pillar-sport:hover { background-color: #eee } .fc-item--pillar-sport.fc-item--type-comment .fc-item__avatar { background-color: #004c7a } .fc-item--pillar-sport.fc-item--type-comment .fc-item__timestamp, .fc-item--pillar-sport.fc-item--type-comment .fc-trail__count--commentcount { background-color: #f6f6f6 } .fc-item--pillar-sport.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #eee } .fc-item--pillar-sport.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-sport.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #eee } .fc-item--pillar-sport.headline-list__item { background-color: #ffffff } .fc-item--pillar-sport .fc-item__headline { color: #121212 } .fc-item--pillar-sport .fc-item__byline { color: #0084c6 } .fc-item--pillar-sport .fc-item__kicker { color: #0084c6 } .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #0084c6 } .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #0073ad } .fc-item--pillar-sport.fc-item--audio .fc-item__kicker, .fc-item--pillar-sport.fc-item--gallery .fc-item__kicker, .fc-item--pillar-sport.fc-item--video .fc-item__kicker, .fc-item--pillar-sport.video-playlist__item .fc-item__kicker, .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #00b2ff } .fc-item--pillar-sport.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #00b2ff } .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #90dcff } .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #90dcff } .fc-item--pillar-sport.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-sport.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #0084c6 } @media (min-width: 46.25em) { .fc-item--pillar-sport.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-sport.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #00b2ff } } .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #0084c6 } .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--pillar-sport.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--pillar-sport .fc-item__standfirst { color: #121212 } .fc-item--pillar-sport .fc-item__sublinks { color: #121212 } .fc-item--pillar-sport .inline-icon { fill: #0084c6 } .fc-item--pillar-sport .fc-item__meta { color: #999 } .fc-item--pillar-sport .fc-item__container:before { background-color: #0084c6 } .fc-item--pillar-sport.fc-item--type-feature .fc-item__headline { color: #005689 } .fc-item--pillar-sport.video-playlist__item .video-overlay { border-top-color: #00b2ff } .fc-item--pillar-sport.video-playlist__item .inline-icon { fill: #00b2ff } .fc-item--pillar-sport.video-playlist__item .video-overlay__duration { color: #00b2ff } .fc-item--pillar-sport.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-sport.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-sport.fc-item--type-media .inline-camera svg, .fc-item--pillar-sport.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-sport.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-sport.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--pillar-sport.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-sport.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-sport.fc-item--type-media .inline-camera::after, .fc-item--pillar-sport.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-sport.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-sport.fc-item--type-interview .inline-camera::after { background-color: #00b2ff } .fc-item--pillar-sport.fc-item--type-media .fc-sublink__kicker { color: #00b2ff } .fc-item--pillar-sport .fc-item__media-meta { color: #00b2ff } .fc-item--pillar-sport .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #00b2ff; border-radius: 50% } .fc-item--pillar-sport .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--pillar-sport .vjs-big-play-button .vjs-control-text { background-color: #0084c6 } .fc-item--pillar-sport .youtube-media-atom__play-button { background-color: #0084c6 } .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #005689 } .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #999; background-color: #fef9f5 } .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #999 } .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #004c7a } .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--pillar-sport.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-sublink--pillar-sport .fc-sublink__kicker { color: #0084c6 } .fc-item--pillar-arts { background-color: #f6f6f6 } .fc-item--pillar-arts:hover { background-color: #eee } .fc-item--pillar-arts.fc-item--type-comment .fc-item__avatar { background-color: #977c56 } .fc-item--pillar-arts.fc-item--type-comment .fc-item__timestamp, .fc-item--pillar-arts.fc-item--type-comment .fc-trail__count--commentcount { background-color: #f6f6f6 } .fc-item--pillar-arts.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #eee } .fc-item--pillar-arts.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-arts.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #eee } .fc-item--pillar-arts.headline-list__item { background-color: #ffffff } .fc-item--pillar-arts .fc-item__headline { color: #121212 } .fc-item--pillar-arts .fc-item__byline { color: #a1845c } .fc-item--pillar-arts .fc-item__kicker { color: #a1845c } .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #a1845c } .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #917753 } .fc-item--pillar-arts.fc-item--audio .fc-item__kicker, .fc-item--pillar-arts.fc-item--gallery .fc-item__kicker, .fc-item--pillar-arts.fc-item--video .fc-item__kicker, .fc-item--pillar-arts.video-playlist__item .fc-item__kicker, .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #eacca0 } .fc-item--pillar-arts.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #eacca0 } .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #e7d4b9 } .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #e7d4b9 } .fc-item--pillar-arts.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-arts.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #a1845c } @media (min-width: 46.25em) { .fc-item--pillar-arts.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-arts.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #eacca0 } } .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #a1845c } .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--pillar-arts.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--pillar-arts .fc-item__standfirst { color: #121212 } .fc-item--pillar-arts .fc-item__sublinks { color: #121212 } .fc-item--pillar-arts .inline-icon { fill: #a1845c } .fc-item--pillar-arts .fc-item__meta { color: #999 } .fc-item--pillar-arts .fc-item__container:before { background-color: #a1845c } .fc-item--pillar-arts.fc-item--type-feature .fc-item__headline { color: #6b5840 } .fc-item--pillar-arts.video-playlist__item .video-overlay { border-top-color: #eacca0 } .fc-item--pillar-arts.video-playlist__item .inline-icon { fill: #eacca0 } .fc-item--pillar-arts.video-playlist__item .video-overlay__duration { color: #eacca0 } .fc-item--pillar-arts.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-arts.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-arts.fc-item--type-media .inline-camera svg, .fc-item--pillar-arts.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-arts.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-arts.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--pillar-arts.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-arts.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-arts.fc-item--type-media .inline-camera::after, .fc-item--pillar-arts.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-arts.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-arts.fc-item--type-interview .inline-camera::after { background-color: #eacca0 } .fc-item--pillar-arts.fc-item--type-media .fc-sublink__kicker { color: #eacca0 } .fc-item--pillar-arts .fc-item__media-meta { color: #eacca0 } .fc-item--pillar-arts .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #eacca0; border-radius: 50% } .fc-item--pillar-arts .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--pillar-arts .vjs-big-play-button .vjs-control-text { background-color: #a1845c } .fc-item--pillar-arts .youtube-media-atom__play-button { background-color: #a1845c } .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #a1845c } .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #999; background-color: #fef9f5 } .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #999 } .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #977c56 } .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--pillar-arts.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-sublink--pillar-arts .fc-sublink__kicker { color: #a1845c } .fc-item--pillar-lifestyle { background-color: #f6f6f6 } .fc-item--pillar-lifestyle:hover { background-color: #eee } .fc-item--pillar-lifestyle.fc-item--type-comment .fc-item__avatar { background-color: #6e005b } .fc-item--pillar-lifestyle.fc-item--type-comment .fc-item__timestamp, .fc-item--pillar-lifestyle.fc-item--type-comment .fc-trail__count--commentcount { background-color: #f6f6f6 } .fc-item--pillar-lifestyle.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #eee } .fc-item--pillar-lifestyle.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-lifestyle.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #eee } .fc-item--pillar-lifestyle.headline-list__item { background-color: #ffffff } .fc-item--pillar-lifestyle .fc-item__headline { color: #121212 } .fc-item--pillar-lifestyle .fc-item__byline { color: #bb3b80 } .fc-item--pillar-lifestyle .fc-item__kicker { color: #bb3b80 } .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #bb3b80 } .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #a83573 } .fc-item--pillar-lifestyle.fc-item--audio .fc-item__kicker, .fc-item--pillar-lifestyle.fc-item--gallery .fc-item__kicker, .fc-item--pillar-lifestyle.fc-item--video .fc-item__kicker, .fc-item--pillar-lifestyle.video-playlist__item .fc-item__kicker, .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #ffabdb } .fc-item--pillar-lifestyle.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #ffabdb } .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #fec8d3 } .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #fec8d3 } .fc-item--pillar-lifestyle.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-lifestyle.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #bb3b80 } @media (min-width: 46.25em) { .fc-item--pillar-lifestyle.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-lifestyle.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #ffabdb } } .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #bb3b80 } .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--pillar-lifestyle.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--pillar-lifestyle .fc-item__standfirst { color: #121212 } .fc-item--pillar-lifestyle .fc-item__sublinks { color: #121212 } .fc-item--pillar-lifestyle .inline-icon { fill: #bb3b80 } .fc-item--pillar-lifestyle .fc-item__meta { color: #999 } .fc-item--pillar-lifestyle .fc-item__container:before { background-color: #bb3b80 } .fc-item--pillar-lifestyle.fc-item--type-feature .fc-item__headline { color: #7d0068 } .fc-item--pillar-lifestyle.video-playlist__item .video-overlay { border-top-color: #ffabdb } .fc-item--pillar-lifestyle.video-playlist__item .inline-icon { fill: #ffabdb } .fc-item--pillar-lifestyle.video-playlist__item .video-overlay__duration { color: #ffabdb } .fc-item--pillar-lifestyle.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-lifestyle.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-lifestyle.fc-item--type-media .inline-camera svg, .fc-item--pillar-lifestyle.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-lifestyle.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-lifestyle.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--pillar-lifestyle.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-lifestyle.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-lifestyle.fc-item--type-media .inline-camera::after, .fc-item--pillar-lifestyle.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-lifestyle.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-lifestyle.fc-item--type-interview .inline-camera::after { background-color: #ffabdb } .fc-item--pillar-lifestyle.fc-item--type-media .fc-sublink__kicker { color: #ffabdb } .fc-item--pillar-lifestyle .fc-item__media-meta { color: #ffabdb } .fc-item--pillar-lifestyle .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #ffabdb; border-radius: 50% } .fc-item--pillar-lifestyle .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--pillar-lifestyle .vjs-big-play-button .vjs-control-text { background-color: #bb3b80 } .fc-item--pillar-lifestyle .youtube-media-atom__play-button { background-color: #bb3b80 } .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #7d0068 } .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #999; background-color: #fef9f5 } .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #999 } .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #6e005b } .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--pillar-lifestyle.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-sublink--pillar-lifestyle .fc-sublink__kicker { color: #bb3b80 } .fc-item--pillar-special-report { background-color: #3f464a } .fc-item--pillar-special-report:hover { background-color: #383e42 } .fc-item--pillar-special-report.fc-item--type-comment .fc-item__avatar { background-color: #f0d700 } .fc-item--pillar-special-report.fc-item--type-comment .fc-item__timestamp, .fc-item--pillar-special-report.fc-item--type-comment .fc-trail__count--commentcount { background-color: #3f464a } .fc-item--pillar-special-report.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #383e42 } .fc-item--pillar-special-report.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-special-report.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #383e42 } .fc-item--pillar-special-report.headline-list__item { background-color: #ffffff } .fc-item--pillar-special-report .fc-item__headline { color: #fff } .fc-item--pillar-special-report .fc-item__byline { color: #ffe500 } .fc-item--pillar-special-report .fc-item__kicker { color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #e6ce00 } .fc-item--pillar-special-report.fc-item--audio .fc-item__kicker, .fc-item--pillar-special-report.fc-item--gallery .fc-item__kicker, .fc-item--pillar-special-report.fc-item--video .fc-item__kicker, .fc-item--pillar-special-report.video-playlist__item .fc-item__kicker, .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #ffe500 } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #fff } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #fff } .fc-item--pillar-special-report.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-special-report.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #ffe500 } @media (min-width: 46.25em) { .fc-item--pillar-special-report.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-special-report.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #ffe500 } } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--pillar-special-report .fc-item__standfirst { color: #fff } .fc-item--pillar-special-report .fc-item__sublinks { color: #fff } .fc-item--pillar-special-report .inline-icon { fill: #ffe500 } .fc-item--pillar-special-report .fc-item__meta { color: #999 } .fc-item--pillar-special-report .fc-item__container:before { background-color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-feature .fc-item__headline { color: #fff } .fc-item--pillar-special-report.video-playlist__item .video-overlay { border-top-color: #ffe500 } .fc-item--pillar-special-report.video-playlist__item .inline-icon { fill: #ffe500 } .fc-item--pillar-special-report.video-playlist__item .video-overlay__duration { color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-special-report.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-special-report.fc-item--type-media .inline-camera svg, .fc-item--pillar-special-report.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-special-report.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-special-report.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--pillar-special-report.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-special-report.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-special-report.fc-item--type-media .inline-camera::after, .fc-item--pillar-special-report.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-special-report.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-special-report.fc-item--type-interview .inline-camera::after { background-color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-media .fc-sublink__kicker { color: #ffe500 } .fc-item--pillar-special-report .fc-item__media-meta { color: #ffe500 } .fc-item--pillar-special-report .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #ffe500; border-radius: 50% } .fc-item--pillar-special-report .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--pillar-special-report .vjs-big-play-button .vjs-control-text { background-color: #ffe500 } .fc-item--pillar-special-report .youtube-media-atom__play-button { background-color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #999; background-color: #fef9f5 } .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #999 } .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #f0d700 } .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--pillar-special-report.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-sublink--pillar-special-report .fc-sublink__kicker { color: #ffe500 } .fc-item--pillar-special-report-alt { background-color: #f5f0eb } .fc-item--pillar-special-report-alt:hover { background-color: #f0e8e1 } .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-item__avatar { background-color: #232322 } .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-item__timestamp, .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-trail__count--commentcount { background-color: #f5f0eb } .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #f0e8e1 } .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #f0e8e1 } .fc-item--pillar-special-report-alt.headline-list__item { background-color: #ffffff } .fc-item--pillar-special-report-alt .fc-item__headline { color: #2b2b2a } .fc-item--pillar-special-report-alt .fc-item__byline { color: #2b2b2a } .fc-item--pillar-special-report-alt .fc-item__kicker { color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #050505 } .fc-item--pillar-special-report-alt.fc-item--audio .fc-item__kicker, .fc-item--pillar-special-report-alt.fc-item--gallery .fc-item__kicker, .fc-item--pillar-special-report-alt.fc-item--video .fc-item__kicker, .fc-item--pillar-special-report-alt.video-playlist__item .fc-item__kicker, .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #f5f0eb } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #f5f0eb } .fc-item--pillar-special-report-alt.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-special-report-alt.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #121212 } @media (min-width: 46.25em) { .fc-item--pillar-special-report-alt.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--pillar-special-report-alt.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #121212 } } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--pillar-special-report-alt .fc-item__standfirst { color: #2b2b2a } .fc-item--pillar-special-report-alt .fc-item__sublinks { color: #2b2b2a } .fc-item--pillar-special-report-alt .inline-icon { fill: #2b2b2a } .fc-item--pillar-special-report-alt .fc-item__meta { color: #2b2b2a } .fc-item--pillar-special-report-alt .fc-item__container:before { background-color: #2b2b2a } .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-item__headline { color: #2b2b2a } .fc-item--pillar-special-report-alt.video-playlist__item .video-overlay { border-top-color: #121212 } .fc-item--pillar-special-report-alt.video-playlist__item .inline-icon { fill: #121212 } .fc-item--pillar-special-report-alt.video-playlist__item .video-overlay__duration { color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-camera svg, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-camera::after, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-camera::after { background-color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-media .fc-sublink__kicker { color: #121212 } .fc-item--pillar-special-report-alt .fc-item__media-meta { color: #121212 } .fc-item--pillar-special-report-alt .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #121212; border-radius: 50% } .fc-item--pillar-special-report-alt .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--pillar-special-report-alt .vjs-big-play-button .vjs-control-text { background-color: #121212 } .fc-item--pillar-special-report-alt .youtube-media-atom__play-button { background-color: #121212 } .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #2b2b2a } .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #2b2b2a; background-color: #fef9f5 } .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #2b2b2a } .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #232322 } .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--pillar-special-report-alt.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-sublink--pillar-special-report-alt .fc-sublink__kicker { color: #121212 } .fc-item--paid-content .fc-item__kicker, .fc-item--paid-content.fc-item--gallery .fc-item__kicker, .fc-item--paid-content.fc-item--video .fc-item__kicker, .fc-item--paid-content.fc-item--audio .fc-item__kicker, .fc-item--paid-content.fc-item--pillar-news.video-playlist__item .fc-item__kicker, .fc-item--paid-content.fc-item--pillar-news.fc-item--type-immersive .fc-item__kicker { color: #707070 } section.fc-container--has-palette .fc-item--type-comment.fc-item--pillar-news.fc-item--has-cutout.fc-item--type-comment .fc-item__avatar { background-color: transparent } section.fc-container--has-palette .fc-item--type-comment.fc-item--pillar-news.fc-item--has-cutout.fc-item--type-comment:hover .fc-item__avatar { background-color: transparent } section.fc-container--has-palette .fc-item--type-comment.fc-item--pillar-news.fc-item--has-cutout.fc-item--type-comment:hover .fc-item__timestamp, section.fc-container--has-palette .fc-item--type-comment.fc-item--pillar-news.fc-item--has-cutout.fc-item--type-comment:hover .fc-trail__count--commentcount { background-color: transparent } section.fc-container--has-palette.fc-container--special-report-alt-palette .fc-item.fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #e1d9d2 } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content, .fc-item--pillar-special-report.fc-item--type-feature.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #3f464a } .fc-item--pillar-special-report.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content, .fc-item--pillar-special-report.fc-item--type-feature.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #33393c } .fc-item--pillar-special-report.fc-item--type-comment .fc-item__byline, .fc-item--pillar-special-report.fc-item--type-feature.fc-item--type-comment .fc-item__byline { display: inline; color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-comment .fc-item__kicker, .fc-item--pillar-special-report.fc-item--type-feature.fc-item--type-comment .fc-item__kicker { color: #ffe500 } .fc-item--pillar-special-report.fc-item--type-media, .fc-item--pillar-special-report.fc-item--type-feature.fc-item--type-media { background-color: #2c3134 } .fc-item--pillar-special-report.fc-item--type-media .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--pillar-special-report.fc-item--type-feature.fc-item--type-media .youtube-media-atom__play-button.vjs-control-text .inline-play svg { fill: #121212 } .fc-item--pillar-special-report .fc-item__container.u-faux-block-link--hover, .fc-item--pillar-special-report.fc-item--type-feature .fc-item__container.u-faux-block-link--hover { background-color: #3a4144 } .fc-item--pillar-special-report .fc-sublink__kicker, .fc-item--pillar-special-report.fc-item--type-feature .fc-sublink__kicker { color: #ffe500 } .fc-item--pillar-special-report .fc-sublink__title, .fc-item--pillar-special-report.fc-item--type-feature .fc-sublink__title { color: #ffffff } .fc-item--pillar-special-report-alt, .fc-item--pillar-special-report-alt.fc-item--type-feature { background-color: #f5f0eb } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #f5f0eb } .fc-item--pillar-special-report-alt.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #f5f0eb } .fc-item--pillar-special-report-alt .fc-item__container.u-faux-block-link--hover, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-item__container.u-faux-block-link--hover { background-color: #e1d9d2 } .fc-item--pillar-special-report-alt .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-special-report-alt .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: transparent } .fc-item--pillar-special-report-alt.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-camera svg, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-camera svg, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media .inline-video-icon svg, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media .inline-volume-high svg, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media .inline-camera svg, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-interview .inline-video-icon svg, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-interview .inline-volume-high svg, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-interview .inline-camera svg { fill: #f5f0eb } .fc-item--pillar-special-report-alt.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-special-report-alt.fc-item--type-media .inline-camera::after, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-special-report-alt.fc-item--type-interview .inline-camera::after, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media .inline-video-icon::after, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media .inline-volume-high::after, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media .inline-camera::after, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-interview .inline-video-icon::after, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-interview .inline-volume-high::after, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-interview .inline-camera::after { background-color: #f5f0eb } .fc-item--pillar-special-report-alt .fc-item__container:before, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-item__container:before { background-color: #2b2b2a !important } .fc-item--pillar-special-report-alt .fc-item__title, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-item__title { color: #2b2b2a } .fc-item--pillar-special-report-alt .fc-item__kicker, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-item__kicker { color: #2b2b2a } .fc-item--pillar-special-report-alt fc-item__headline, .fc-item--pillar-special-report-alt.fc-item--type-feature fc-item__headline { color: #2b2b2a } .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-item__byline, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-comment .fc-item__byline { display: inline; color: #2b2b2a !important } .fc-item--pillar-special-report-alt.fc-item--type-comment .fc-item__kicker, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-comment .fc-item__kicker { color: #2b2b2a !important } .fc-item--pillar-special-report-alt.fc-item--type-comment .inline-icon, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-comment .inline-icon { fill: #2b2b2a !important } .fc-item--pillar-special-report-alt.fc-item--type-media, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media { background-color: #f5f0eb } .fc-item--pillar-special-report-alt.fc-item--type-media .youtube-media-atom__play-button.vjs-control-text .inline-play svg, .fc-item--pillar-special-report-alt.fc-item--type-feature.fc-item--type-media .youtube-media-atom__play-button.vjs-control-text .inline-play svg { fill: #f5f0eb } .fc-item--pillar-special-report-alt .fc-sublink__kicker, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-sublink__kicker { color: #2b2b2a } .fc-item--pillar-special-report-alt .fc-sublink__title, .fc-item--pillar-special-report-alt.fc-item--type-feature .fc-sublink__title { color: #2b2b2a } .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.0625rem; width: 0.57375rem; margin-right: 0.53125rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } @media (max-width: 46.24em) { .fc-item { width: 100%; padding-left: 0.625rem; padding-right: 0.625rem; box-sizing: border-box } } @media (min-width: 46.25em) { .fc-item { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.625rem; margin-right: 0.625rem } } .fc-item a { color: inherit } .u-faux-block-link .fc-item a.fc-item__link, .u-faux-block-link .fc-item abbr[title].fc-item__link, .fc-item .u-faux-block-link__promote.fc-item__link { z-index: 0 } @media (max-width: 61.24em) { .u-faux-block-link .fc-item a, .u-faux-block-link .fc-item abbr[title], .fc-item .u-faux-block-link__promote { z-index: initial } } .fc-item .u-faux-block-link--hover, .fc-item .fc-item__image-container { background-color: #ededed } .fc-slice--nav-list--media .fc-item .u-faux-block-link--hover, .fc-slice--nav-list--media .fc-item .fc-item__image-container { background-color: inherit } .fc-item .u-faux-block-link--hover .youtube-media-atom, .fc-item .u-faux-block-link--hover .fc-item__image-container { background-color: #000000; opacity: .9 } .fc-item .u-faux-block-link--hover .u-faux-block-link__cta { text-decoration: none } .fc-item__container { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100% } @media (min-width: 46.25em) { .fc-item__container { width: 0 } } .fc-item__container:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 0.0625rem; z-index: 2 } .fc-item__media-wrapper { box-sizing: border-box } .fc-item__content { box-sizing: border-box; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0.3125rem; padding-right: 0.3125rem } .fc-item__header, .video-overlay__headline, .item__title, .rich-link__header { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 500; padding-bottom: .5em } .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .video-overlay__headline .fc-item__title--quoted .inline-garnett-quote__svg, .item__title .fc-item__title--quoted .inline-garnett-quote__svg, .rich-link__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item__header, .fc-item--has-boosted-title .video-overlay__headline, .fc-item--has-boosted-title .item__title, .fc-item--has-boosted-title .rich-link__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--has-boosted-title .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .video-overlay__headline .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .item__title .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .rich-link__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item__title, .fc-item__byline, .fc-item__kicker, .rich-link__byline, .rich-link__title, .rich-link__kicker { font: inherit; line-height: inherit } .fc-item__title { padding-top: 0.0625rem; padding-bottom: 0.125rem; word-wrap: break-word; overflow: hidden; margin-bottom: 0 } .fc-sublink__kicker:hover:after, .rich-link__kicker:hover:after { text-decoration: none } .fc-item__header { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 400 } .fc-item__kicker { position: relative; font-weight: 700 } .fc-item__byline { margin-bottom: 0; font-style: italic; letter-spacing: 0.0125rem; margin-top: -0.125rem } .fc-item__standfirst-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-bottom: 0 } .fc-item__standfirst-wrapper.fc-item__standfirst-wrapper--timestamp { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .fc-item__standfirst-wrapper.fc-item__standfirst-wrapper--timestamp .fc-item__meta { width: 100%; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .fc-item__standfirst-wrapper.fc-item__standfirst-wrapper--timestamp .fc-item__timestamp { -webkit-flex: 1; -ms-flex: 1; flex: 1 } .fc-item__standfirst-wrapper.fc-item__standfirst-wrapper--timestamp .fc-item__standfirst { padding-bottom: 0.3125rem } .fc-item__standfirst { font-size: 0.875rem; line-height: 1.125rem; font-family: "Guardian Text Egyptian Web", Georgia, serif; color: #707070; display: none; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 0.3125rem; padding-bottom: 0.375rem } .fc-item--has-boosted-title .fc-item__standfirst { display: none !important } .fc-item__link:hover, .fc-item__link:focus { text-decoration: none } .fc-item__liveblog-blocks { display: none } @media (min-width: 61.25em) { .fc-item__liveblog-blocks { display: block; box-sizing: content-box !important; height: 3.625rem; overflow: hidden } } .fc-item__liveblog-blocks__inner { transition: -webkit-transform .5s ease-in; transition: transform .5s ease-in; transition: transform .5s ease-in, -webkit-transform .5s ease-in } .fc-item__liveblog-blocks__inner--offset { -webkit-transform: translate3d(0, -3.625rem, 0); transform: translate3d(0, -3.625rem, 0) } .fc-item__liveblog-block { box-sizing: border-box; display: block; height: 3.625rem } .fc-item__liveblog-block:hover { text-decoration: none } .fc-item__liveblog-block__text { font-size: 0.875rem; line-height: 1.0625rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; box-sizing: border-box; position: relative; overflow: hidden; line-height: 1rem; color: #f8ebec; max-height: 3.625rem; padding: 0.1875rem 0.375rem; border-top: 0.0625rem solid #d58389; border-bottom: 0.25rem solid #cc2b12; background-color: #c70000 } .fc-item__liveblog-block__text:after { font-size: 1.75rem; line-height: 2rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; content: '...'; position: absolute; bottom: 0; right: 0; font-size: 1.875rem; line-height: 0.75rem; color: #f8ebec; height: 1.125rem; padding-right: 0.5rem; background-color: #c70000; box-shadow: -0.3125rem 0 0.3125rem -0.125rem #c70000 } .fc-item__liveblog-block__time { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; color: #ffffff } .fc-item--pillar-special-report-alt .fc-item__meta .inline-icon { fill: #2b2b2a } .fc-item__meta { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #707070; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto } .fc-item__meta .inline-icon { fill: #707070 } .fc-item__meta a { z-index: 1 !important } .fc-item--is-commentable:not(.fc-item--type-comment) .fc-item__meta { min-height: 1.0625rem; min-width: calc(3ch + 1rem) } .fc-item--is-commentable:not(.fc-item--type-comment) .fc-item__meta .fc-trail__count--commentcount { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .fc-item--is-commentable:not(.fc-item--type-comment) .fc-item__meta .fc-trail__count--commentcount::before { content: ''; display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 100% } .fc-item__container>.fc-item__meta { display: none } .fc-item__timestamp, .fc-trail__count { display: -webkit-flex; display: -ms-flexbox; display: flex } .fc-item__timestamp .inline-icon, .fc-trail__count .inline-icon { padding-right: 0.125rem } .fc-item__timestamp .inline-icon { height: 0.6875rem; width: 0.6875rem; margin-top: 0.0625rem } .fc-item__timestamp .inline-icon svg { height: 0.6875rem; width: 0.6875rem } .fc-trail__count .inline-icon { height: 0.875rem; width: 0.875rem; margin-top: 0.1875rem } .fc-trail__count .inline-icon svg { height: 0.875rem; width: 0.875rem } .fc-item__footer--horizontal { display: none } .fc-item--has-cutout .fc-item__media-wrapper { display: none !important } .fc-item--has-cutout .fc-item__content { position: relative; overflow: hidden } .fc-item--has-cutout .fc-item__avatar { position: absolute; right: 0; bottom: 0 } .fc-item--has-cutout .fc-item__avatar__media { position: absolute; bottom: 0 } .fc-item__timestamp { white-space: nowrap } .fc-item .fc-item__media-wrapper .fc-item__stars, .fc-item .fc-item__header .fc-item__stars { background-color: #ffe500; display: inline-block; line-height: 0; padding: 0.1875rem; margin-top: 0.125rem } .fc-item .fc-item__media-wrapper .inline-star, .fc-item .fc-item__header .inline-star { display: inline-block; width: .65em } @media (min-width: 61.25em) { .fc-item .fc-item__media-wrapper .inline-star, .fc-item .fc-item__header .inline-star { width: 1em } } .fc-item .fc-item__media-wrapper .inline-star svg, .fc-item .fc-item__header .inline-star svg { stroke: #121212; fill: transparent; height: .75em; width: .75em } @media (min-width: 61.25em) { .fc-item .fc-item__media-wrapper .inline-star svg, .fc-item .fc-item__header .inline-star svg { height: 1em; width: 1em } } .fc-item .fc-item__media-wrapper .inline-star.star__item--golden svg, .fc-item .fc-item__header .inline-star.star__item--golden svg { fill: #121212; stroke: none } .fc-item .fc-item__media-wrapper { position: relative } .fc-item .fc-item__media-wrapper .fc-item__stars { position: absolute; z-index: 10; bottom: 0 } .fc-item.fc-item--list-media-tablet .inline-star, .fc-item.fc-item--list-mobile .inline-star { width: .65em } .fc-item.fc-item--list-media-tablet .inline-star svg, .fc-item.fc-item--list-mobile .inline-star svg { stroke: #121212; fill: transparent; height: .75em; width: .75em } .fc-item.fc-item--has-image .fc-item__header .fc-item__stars { display: none } .fc-item.fc-item--list-mobile .fc-item__header .fc-item__stars { display: inline-block } @media (min-width: 46.25em) { .fc-item.fc-item--list-mobile .fc-item__header .fc-item__stars { display: none } } .fc-item--list-mobile.fc-item--is-commentable .fc-item__content--has-stars .fc-item__header { margin-bottom: -1.25rem } @media (min-width: 46.25em) { .fc-item--list-mobile.fc-item--is-commentable .fc-item__content--has-stars .fc-item__header { margin-bottom: auto } } .fc-item__captioned-image { width: 100%; height: 100%; margin: 0 } .fc-item__captioned-image figcaption { font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 0.75rem; line-height: 1rem; font-weight: bold; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); color: #fff; padding: 3.75rem 0.5rem 0.5rem } @media (max-width: 46.24em) { .fc-item--list-media-mobile .fc-item__captioned-image figcaption { display: none } } @media (min-width: 46.25em) { .fc-item--has-floating-sublinks .fc-item__captioned-image figcaption { background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); padding: 0.5rem 0.5rem 3.75rem; bottom: inherit } } .fc-item__slideshow figure { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; opacity: 0 } @media (max-width: 46.24em) { .fc-item--list-media-mobile .fc-item__slideshow figure { -webkit-animation-name: none; animation-name: none } .fc-item--list-media-mobile .fc-item__slideshow figure:nth-child(1) { opacity: 1 } } @-webkit-keyframes fc-item__slideshow--2 { 0% { opacity: 0 } 8.33333% { opacity: 1 } 50% { opacity: 1 } 58.33333% { opacity: 0 } } @keyframes fc-item__slideshow--2 { 0% { opacity: 0 } 8.33333% { opacity: 1 } 50% { opacity: 1 } 58.33333% { opacity: 0 } } .fc-item__slideshow--2 figure { -webkit-animation-duration: 12s; animation-duration: 12s; -webkit-animation-name: fc-item__slideshow--2; animation-name: fc-item__slideshow--2 } .fc-item__slideshow--2 figure:nth-child(2) { -webkit-animation-delay: 6s; animation-delay: 6s } @-webkit-keyframes fc-item__slideshow--3 { 0% { opacity: 0 } 5.55556% { opacity: 1 } 33.33333% { opacity: 1 } 38.88889% { opacity: 0 } } @keyframes fc-item__slideshow--3 { 0% { opacity: 0 } 5.55556% { opacity: 1 } 33.33333% { opacity: 1 } 38.88889% { opacity: 0 } } .fc-item__slideshow--3 figure { -webkit-animation-duration: 18s; animation-duration: 18s; -webkit-animation-name: fc-item__slideshow--3; animation-name: fc-item__slideshow--3 } .fc-item__slideshow--3 figure:nth-child(2) { -webkit-animation-delay: 6s; animation-delay: 6s } .fc-item__slideshow--3 figure:nth-child(3) { -webkit-animation-delay: 12s; animation-delay: 12s } @-webkit-keyframes fc-item__slideshow--4 { 0% { opacity: 0 } 4.16667% { opacity: 1 } 25% { opacity: 1 } 29.16667% { opacity: 0 } } @keyframes fc-item__slideshow--4 { 0% { opacity: 0 } 4.16667% { opacity: 1 } 25% { opacity: 1 } 29.16667% { opacity: 0 } } .fc-item__slideshow--4 figure { -webkit-animation-duration: 24s; animation-duration: 24s; -webkit-animation-name: fc-item__slideshow--4; animation-name: fc-item__slideshow--4 } .fc-item__slideshow--4 figure:nth-child(2) { -webkit-animation-delay: 6s; animation-delay: 6s } .fc-item__slideshow--4 figure:nth-child(3) { -webkit-animation-delay: 12s; animation-delay: 12s } .fc-item__slideshow--4 figure:nth-child(4) { -webkit-animation-delay: 18s; animation-delay: 18s } @-webkit-keyframes fc-item__slideshow--5 { 0% { opacity: 0 } 3.33333% { opacity: 1 } 20% { opacity: 1 } 23.33333% { opacity: 0 } } @keyframes fc-item__slideshow--5 { 0% { opacity: 0 } 3.33333% { opacity: 1 } 20% { opacity: 1 } 23.33333% { opacity: 0 } } .fc-item__slideshow--5 figure { -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-name: fc-item__slideshow--5; animation-name: fc-item__slideshow--5 } .fc-item__slideshow--5 figure:nth-child(2) { -webkit-animation-delay: 6s; animation-delay: 6s } .fc-item__slideshow--5 figure:nth-child(3) { -webkit-animation-delay: 12s; animation-delay: 12s } .fc-item__slideshow--5 figure:nth-child(4) { -webkit-animation-delay: 18s; animation-delay: 18s } .fc-item__slideshow--5 figure:nth-child(5) { -webkit-animation-delay: 24s; animation-delay: 24s } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news, .fc-item--type-live.fc-item--pillar-news { background-color: #ab0613 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-item__container::before, .fc-item--type-live.fc-item--pillar-news .fc-item__container::before { background-color: #ffbac8 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .live-pulse-icon::before, .fc-item--type-live.fc-item--pillar-news .live-pulse-icon::before { background-color: #ffbac8 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-item__kicker, .fc-item--type-live.fc-item--pillar-news .fc-item__kicker { color: #ffbac8 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-item__headline, .fc-item--type-live.fc-item--pillar-news .fc-item__headline { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-item__standfirst, .fc-item--type-live.fc-item--pillar-news .fc-item__standfirst { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-item__meta, .fc-item--type-live.fc-item--pillar-news .fc-item__meta { color: #ffbac8 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-item__meta .inline-icon, .fc-item--type-live.fc-item--pillar-news .fc-item__meta .inline-icon { fill: #ffbac8 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-news .fc-sublink__title::before { border-top-color: #ffbac8 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-sublink__link, .fc-item--type-live.fc-item--pillar-news .fc-sublink__link { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .fc-sublink__kicker, .fc-item--type-live.fc-item--pillar-news .fc-sublink__kicker { color: #ffbac8 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news .u-faux-block-link--hover, .fc-item--type-live.fc-item--pillar-news .u-faux-block-link--hover { background-color: #920510 } @media (min-width: 20em) and (max-width: 46.24em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news.fc-item--list-media-mobile .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-news.fc-item--list-media-mobile .fc-sublink__title::before { border-top-color: #ffbac8 } } @media (min-width: 46.25em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-news.fc-item--list-media-tablet .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-news.fc-item--list-media-tablet .fc-sublink__title::before { border-top-color: #ffbac8 } } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport, .fc-item--type-live.fc-item--pillar-sport { background-color: #005689 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-item__container::before, .fc-item--type-live.fc-item--pillar-sport .fc-item__container::before { background-color: #90dcff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .live-pulse-icon::before, .fc-item--type-live.fc-item--pillar-sport .live-pulse-icon::before { background-color: #90dcff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-item__kicker, .fc-item--type-live.fc-item--pillar-sport .fc-item__kicker { color: #90dcff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-item__headline, .fc-item--type-live.fc-item--pillar-sport .fc-item__headline { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-item__standfirst, .fc-item--type-live.fc-item--pillar-sport .fc-item__standfirst { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-item__meta, .fc-item--type-live.fc-item--pillar-sport .fc-item__meta { color: #90dcff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-item__meta .inline-icon, .fc-item--type-live.fc-item--pillar-sport .fc-item__meta .inline-icon { fill: #90dcff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-sport .fc-sublink__title::before { border-top-color: #90dcff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-sublink__link, .fc-item--type-live.fc-item--pillar-sport .fc-sublink__link { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .fc-sublink__kicker, .fc-item--type-live.fc-item--pillar-sport .fc-sublink__kicker { color: #90dcff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport .u-faux-block-link--hover, .fc-item--type-live.fc-item--pillar-sport .u-faux-block-link--hover { background-color: #004670 } @media (min-width: 20em) and (max-width: 46.24em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport.fc-item--list-media-mobile .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-sport.fc-item--list-media-mobile .fc-sublink__title::before { border-top-color: #90dcff } } @media (min-width: 46.25em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-sport.fc-item--list-media-tablet .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-sport.fc-item--list-media-tablet .fc-sublink__title::before { border-top-color: #90dcff } } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts, .fc-item--type-live.fc-item--pillar-arts { background-color: #6b5840 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-item__container::before, .fc-item--type-live.fc-item--pillar-arts .fc-item__container::before { background-color: #e7d4b9 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .live-pulse-icon::before, .fc-item--type-live.fc-item--pillar-arts .live-pulse-icon::before { background-color: #e7d4b9 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-item__kicker, .fc-item--type-live.fc-item--pillar-arts .fc-item__kicker { color: #e7d4b9 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-item__headline, .fc-item--type-live.fc-item--pillar-arts .fc-item__headline { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-item__standfirst, .fc-item--type-live.fc-item--pillar-arts .fc-item__standfirst { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-item__meta, .fc-item--type-live.fc-item--pillar-arts .fc-item__meta { color: #e7d4b9 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-item__meta .inline-icon, .fc-item--type-live.fc-item--pillar-arts .fc-item__meta .inline-icon { fill: #e7d4b9 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-arts .fc-sublink__title::before { border-top-color: #e7d4b9 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-sublink__link, .fc-item--type-live.fc-item--pillar-arts .fc-sublink__link { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .fc-sublink__kicker, .fc-item--type-live.fc-item--pillar-arts .fc-sublink__kicker { color: #e7d4b9 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts .u-faux-block-link--hover, .fc-item--type-live.fc-item--pillar-arts .u-faux-block-link--hover { background-color: #5b4b36 } @media (min-width: 20em) and (max-width: 46.24em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts.fc-item--list-media-mobile .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-arts.fc-item--list-media-mobile .fc-sublink__title::before { border-top-color: #e7d4b9 } } @media (min-width: 46.25em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-arts.fc-item--list-media-tablet .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-arts.fc-item--list-media-tablet .fc-sublink__title::before { border-top-color: #e7d4b9 } } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle, .fc-item--type-live.fc-item--pillar-lifestyle { background-color: #7d0068 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-item__container::before, .fc-item--type-live.fc-item--pillar-lifestyle .fc-item__container::before { background-color: #fec8d3 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .live-pulse-icon::before, .fc-item--type-live.fc-item--pillar-lifestyle .live-pulse-icon::before { background-color: #fec8d3 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-item__kicker, .fc-item--type-live.fc-item--pillar-lifestyle .fc-item__kicker { color: #fec8d3 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-item__headline, .fc-item--type-live.fc-item--pillar-lifestyle .fc-item__headline { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-item__standfirst, .fc-item--type-live.fc-item--pillar-lifestyle .fc-item__standfirst { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-item__meta, .fc-item--type-live.fc-item--pillar-lifestyle .fc-item__meta { color: #fec8d3 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-item__meta .inline-icon, .fc-item--type-live.fc-item--pillar-lifestyle .fc-item__meta .inline-icon { fill: #fec8d3 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-lifestyle .fc-sublink__title::before { border-top-color: #fec8d3 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-sublink__link, .fc-item--type-live.fc-item--pillar-lifestyle .fc-sublink__link { color: #ffffff } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .fc-sublink__kicker, .fc-item--type-live.fc-item--pillar-lifestyle .fc-sublink__kicker { color: #fec8d3 } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle .u-faux-block-link--hover, .fc-item--type-live.fc-item--pillar-lifestyle .u-faux-block-link--hover { background-color: #640053 } @media (min-width: 20em) and (max-width: 46.24em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle.fc-item--list-media-mobile .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-lifestyle.fc-item--list-media-mobile .fc-sublink__title::before { border-top-color: #fec8d3 } } @media (min-width: 46.25em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-lifestyle.fc-item--list-media-tablet .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-lifestyle.fc-item--list-media-tablet .fc-sublink__title::before { border-top-color: #fec8d3 } } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt, .fc-item--type-live.fc-item--pillar-special-report-alt { background-color: #f5f0eb } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-item__container::before, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-item__container::before { background-color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .live-pulse-icon::before, .fc-item--type-live.fc-item--pillar-special-report-alt .live-pulse-icon::before { background-color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-item__kicker, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-item__kicker { color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-item__headline, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-item__headline { color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-item__standfirst, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-item__standfirst { color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-item__meta, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-item__meta { color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-item__meta .inline-icon, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-item__meta .inline-icon { fill: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-sublink__title::before { border-top-color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-sublink__link, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-sublink__link { color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .fc-sublink__kicker, .fc-item--type-live.fc-item--pillar-special-report-alt .fc-sublink__kicker { color: #2b2b2a } .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt .u-faux-block-link--hover, .fc-item--type-live.fc-item--pillar-special-report-alt .u-faux-block-link--hover { background-color: #e1d9d2 } @media (min-width: 20em) and (max-width: 46.24em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt.fc-item--list-media-mobile .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-special-report-alt.fc-item--list-media-mobile .fc-sublink__title::before { border-top-color: #2b2b2a } } @media (min-width: 46.25em) { .fc-item--live.fc-item--type-matchreport.fc-item--pillar-special-report-alt.fc-item--list-media-tablet .fc-sublink__title::before, .fc-item--type-live.fc-item--pillar-special-report-alt.fc-item--list-media-tablet .fc-sublink__title::before { border-top-color: #2b2b2a } } .fc-item--type-interview.fc-item--pillar-news .fc-item__headline { color: #ab0613 } .fc-item--type-interview.fc-item--pillar-sport .fc-item__headline { color: #005689 } .fc-item--type-interview.fc-item--pillar-arts .fc-item__headline { color: #6b5840 } .fc-item--type-interview.fc-item--pillar-lifestyle .fc-item__headline { color: #7d0068 } .fc-item--type-interview.fc-item--pillar-special-report .fc-item__headline { color: #fff } .fc-item--type-interview.fc-item--pillar-special-report-alt .fc-item__headline { color: #2b2b2a } .fc-item--type-interview.fc-item--video, .fc-item--type-media { background-color: #333 } .fc-item--type-interview.fc-item--video .fc-item__video-duration, .fc-item--type-media .fc-item__video-duration { display: inline-block; -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem) } .fc-item--type-interview.fc-item--video .fc-item__content, .fc-item--type-media .fc-item__content { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .fc-item--type-media .fc-item__content a { color: #FFF; } .fc-item--type-interview.fc-item--video .fc-item__standfirst, .fc-item--type-media .fc-item__standfirst { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .fc-item--type-interview.fc-item--video .fc-item__headline, .fc-item--type-media .fc-item__headline { color: #ffffff; } .fc-item--type-interview.fc-item--video .fc-item__standfirst, .fc-item--type-media .fc-item__standfirst { color: #fff!important; } .fc-item--type-interview.fc-item--video:hover, .fc-item--type-interview.fc-item--video .u-faux-block-link--hover, .fc-item--type-media:hover, .fc-item--type-media .u-faux-block-link--hover { background-color: #262626 } .fc-item--type-interview.fc-item--video .fc-sublink__link, .fc-item--type-media .fc-sublink__link { color: #ffffff } .fc-item--type-interview.fc-item--video .fc-item__meta-wrapper, .fc-item--type-media .fc-item__meta-wrapper { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0.375rem; padding-bottom: 0.375rem } .fc-item--type-interview.fc-item--video .fc-item__footer-meta-wrapper, .fc-item--type-media .fc-item__footer-meta-wrapper { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .fc-item--type-interview.fc-item--video .fc-item__media-meta, .fc-item--type-interview.fc-item--video .fc-item__meta, .fc-item--type-media .fc-item__media-meta, .fc-item--type-media .fc-item__meta { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .fc-item--type-interview.fc-item--video .fc-item__media-meta, .fc-item--type-interview.fc-item--video .fc-item__meta, .fc-item--type-media .fc-item__media-meta, .fc-item--type-media .fc-item__meta { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600 } .fc-item--type-interview.fc-item--video .fc-item__media-meta, .fc-item--type-media .fc-item__media-meta { margin-bottom: -0.375rem } .fc-item--type-interview.fc-item--video .fc-item__media-meta .inline-icon__svg, .fc-item--type-media .fc-item__media-meta .inline-icon__svg { width: 0.875rem; height: auto; margin-left: auto; margin-right: auto; margin-top: 0.375rem; display: block } .fc-item--type-interview.fc-item--video .fc-trail__count--commentcount, .fc-item--type-media .fc-trail__count--commentcount { color: #ffffff } .fc-item--type-interview.fc-item--video .fc-trail__count--commentcount svg, .fc-item--type-media .fc-trail__count--commentcount svg { fill: #ffffff } .fc-item--type-interview.fc-item--video:hover, .fc-item--type-interview.fc-item--video .u-faux-block-link--hover, .fc-item--type-media:hover, .fc-item--type-media .u-faux-block-link--hover { background-color: #262626 } .fc-item--type-interview.fc-item--video .fc-sublink__link, .fc-item--type-media .fc-sublink__link { color: #ffffff } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__video-duration { display: inline-block; -webkit-transform: translateY(-0.5rem); transform: translateY(-0.5rem) } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__content { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__standfirst { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__headline { color: #2b2b2a } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__standfirst { color: #2b2b2a } .fc-item--type-media.fc-item--pillar-special-report-alt:hover, .fc-item--type-media.fc-item--pillar-special-report-alt .u-faux-block-link--hover { background-color: #e1d9d2 } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-sublink__link { color: #2b2b2a } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__meta-wrapper { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0.375rem; padding-bottom: 0.375rem } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__footer-meta-wrapper { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__media-meta, .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__meta { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__media-meta, .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__meta { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600 } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__media-meta { margin-bottom: -0.375rem } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-item__media-meta .inline-icon__svg { width: 0.875rem; height: auto; margin-left: auto; margin-right: auto; margin-top: 0.375rem; display: block } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-trail__count--commentcount { color: #2b2b2a } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-trail__count--commentcount svg { fill: #2b2b2a } .fc-item--type-media.fc-item--pillar-special-report-alt .fc-sublink__link { color: #2b2b2a } .fc-item--type-comment .fc-item__standfirst-wrapper .fc-item__meta { display: none } .fc-item--type-comment .fc-item__standfirst-wrapper .fc-item__standfirst-wrapper { padding-bottom: 0.3125rem } .fc-item--type-comment .fc-item__container { padding-bottom: 0.75rem } .fc-item--type-comment .fc-item__container>.fc-item__meta { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; width: 100%; height: 1rem } .fc-item--type-comment .fc-item__container>.fc-item__meta .fc-trail__count, .fc-item--type-comment .fc-item__container>.fc-item__meta .fc-item__timestamp { position: absolute; padding-top: 0.125rem; padding-right: 0.3125rem; padding-left: 0.3125rem; bottom: 0; top: 0; z-index: 1; line-height: 0.625rem } .fc-item--type-comment .fc-item__container>.fc-item__meta .fc-trail__count { right: 0 } .fc-item--type-comment .fc-item__container>.fc-item__meta .fc-trail__count .inline-icon { margin-top: 0 } .fc-item--type-comment .fc-item__container>.fc-item__meta .fc-item__timestamp { left: 0 } .fc-item--type-comment .fc-item__container>.fc-item__meta .fc-item__timestamp .inline-icon { margin-top: -0.0625rem } @media (min-width: 46.25em) { .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-tablet .fc-item__container>.fc-item__meta .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-tablet .fc-item__container>.fc-item__meta .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-right-tablet .fc-item__container>.fc-item__meta .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-right-tablet .fc-item__container>.fc-item__meta .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-50-tablet .fc-item__container>.fc-item__meta .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-50-tablet .fc-item__container>.fc-item__meta .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-75-tablet .fc-item__container>.fc-item__meta .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-75-tablet .fc-item__container>.fc-item__meta .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-100-tablet .fc-item__container>.fc-item__meta .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-100-tablet .fc-item__container>.fc-item__meta .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--fluid-tablet .fc-item__container>.fc-item__meta .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--fluid-tablet .fc-item__container>.fc-item__meta .fc-trail__count--commentcount { display: none } .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-tablet .fc-item__standfirst-wrapper .fc-item__meta, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-right-tablet .fc-item__standfirst-wrapper .fc-item__meta, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-50-tablet .fc-item__standfirst-wrapper .fc-item__meta, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-75-tablet .fc-item__standfirst-wrapper .fc-item__meta, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-100-tablet .fc-item__standfirst-wrapper .fc-item__meta, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--fluid-tablet .fc-item__standfirst-wrapper .fc-item__meta { display: -webkit-flex; display: -ms-flexbox; display: flex } .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-tablet .fc-item__standfirst-wrapper .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-tablet .fc-item__standfirst-wrapper .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-right-tablet .fc-item__standfirst-wrapper .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--three-quarters-right-tablet .fc-item__standfirst-wrapper .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-50-tablet .fc-item__standfirst-wrapper .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-50-tablet .fc-item__standfirst-wrapper .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-75-tablet .fc-item__standfirst-wrapper .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-75-tablet .fc-item__standfirst-wrapper .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-100-tablet .fc-item__standfirst-wrapper .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--full-media-100-tablet .fc-item__standfirst-wrapper .fc-trail__count--commentcount, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--fluid-tablet .fc-item__standfirst-wrapper .fc-item__timestamp, .fc-item--type-comment:not(.fc-item--has-cutout).fc-item--fluid-tablet .fc-item__standfirst-wrapper .fc-trail__count--commentcount { background-color: transparent } } @media (max-width: 46.24em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-mobile .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 6.45rem; width: 6.45rem; contain: paint } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-mobile .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (max-width: 46.24em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-mobile .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 6.45rem; left: -0.5rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-mobile .fc-item__content { min-height: 7.5625rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-mobile .fc-item__header { padding-right: 6.875rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 6.75rem; width: 6.75rem; contain: paint } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 6.75rem; left: -0.52083rem } } @media (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 8.25rem; width: 8.25rem; contain: paint } } @media (min-width: 61.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--standard-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 8.25rem; left: -0.625rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 8.25rem; width: 8.25rem; contain: paint } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 8.25rem; left: -0.625rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--third-tablet .fc-item__standfirst-wrapper { padding-right: 9.75rem } } @media (max-width: 46.24em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-mobile .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 5.25rem; width: 5.25rem; contain: paint } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-mobile .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (max-width: 46.24em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-mobile .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 5.25rem; left: -0.41667rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-mobile .fc-item__content { min-height: 6.25rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-mobile .fc-item__footer--horizontal .fc-sublink:first-child .fc-sublink__title:before { left: 0; width: 40% } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 4.5rem; width: 4.5rem; contain: paint } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 4.5rem; left: -0.36458rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-tablet .fc-item__container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-tablet .fc-item__header { padding-right: 1.25rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-tablet .fc-item__content { min-height: 5.25rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--list-media-tablet .fc-item__footer--horizontal .fc-sublink:first-child .fc-sublink__title:before { left: 0; width: 40% } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--half-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 9.75rem; width: 9.75rem; contain: paint } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--half-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--half-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 9.75rem; left: -0.72917rem } } @media (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--half-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 11.25rem; width: 11.25rem; contain: paint } } @media (min-width: 61.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--half-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--half-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 11.25rem; left: -0.83333rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 14.25rem; width: 14.25rem; contain: paint } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__avatar__media, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 14.25rem; left: -1.04167rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__header { padding-bottom: 0 } } @media (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 15.75rem; width: 15.75rem; contain: paint } } @media (min-width: 61.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__avatar__media, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 15.75rem; left: -1.14583rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__standfirst-wrapper { width: auto; padding-right: 21.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-tablet .fc-item__standfirst-wrapper { padding-right: 30rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__avatar { left: 0.625rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__standfirst-wrapper { width: auto; padding-right: 0; padding-left: 16.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--three-quarters-right-tablet .fc-item__standfirst-wrapper { padding-right: 0; padding-left: 30rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__avatar { border-radius: 50%; right: 0.625rem; top: 0.375rem; overflow: hidden; height: 14.25rem; width: 14.25rem; contain: paint } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__avatar, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__avatar { top: auto; bottom: 0.375rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__avatar__media, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__avatar__media, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__avatar__media, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__avatar__media { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; height: 14.25rem; left: -1.04167rem } .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__header { width: auto; padding-right: 10rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__header, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__header { padding-right: 13.75rem } } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__standfirst-wrapper, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__standfirst-wrapper, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__standfirst-wrapper, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__standfirst-wrapper { width: auto; padding-right: 21.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-50-tablet .fc-item__standfirst-wrapper, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-75-tablet .fc-item__standfirst-wrapper, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--full-media-100-tablet .fc-item__standfirst-wrapper, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__footer--vertical, .fc-item--type-comment.fc-item--has-cutout.fc-item--fluid-tablet .fc-item__standfirst-wrapper { padding-right: 30rem } } .fc-item--type-comment.fc-item--pillar-news { background-color: #f6f6f6 } .fc-item--type-comment.fc-item--pillar-news:hover { background-color: #eee } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment .fc-item__avatar { background-color: #d15800 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment .fc-item__timestamp, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment .fc-trail__count--commentcount { background-color: #f6f6f6 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment .fc-item__container.u-faux-block-link--hover { background-color: #eee } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #eee } .fc-item--type-comment.fc-item--pillar-news.headline-list__item { background-color: #ffffff } .fc-item--type-comment.fc-item--pillar-news .fc-item__headline { color: #121212 } .fc-item--type-comment.fc-item--pillar-news .fc-item__byline { color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news .fc-item__kicker { color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile .fc-item__content { background-color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title.fc-item--standard-mobile:hover .fc-item__content { background-color: #c75300 } .fc-item--type-comment.fc-item--pillar-news.fc-item--audio .fc-item__kicker, .fc-item--type-comment.fc-item--pillar-news.fc-item--gallery .fc-item__kicker, .fc-item--type-comment.fc-item--pillar-news.fc-item--video .fc-item__kicker, .fc-item--type-comment.fc-item--pillar-news.video-playlist__item .fc-item__kicker, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .fc-item__headline .inline-garnett-quote { fill: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__headline .inline-garnett-quote { fill: #f9b376 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__byline { color: #f9b376 } .fc-item--type-comment.fc-item--pillar-news.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--type-comment.fc-item--pillar-news.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #e05e00 } @media (min-width: 46.25em) { .fc-item--type-comment.fc-item--pillar-news.fc-item--list-media-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker, .fc-item--type-comment.fc-item--pillar-news.fc-item--list-mobile.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #ff7f0f } } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .fc-item__kicker { color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__standfirst { color: #121212 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-immersive.fc-item--has-boosted-title .inline-icon { fill: #707070; color: #707070 } .fc-item--type-comment.fc-item--pillar-news .fc-item__standfirst { color: #121212 } .fc-item--type-comment.fc-item--pillar-news .fc-item__sublinks { color: #121212 } .fc-item--type-comment.fc-item--pillar-news .inline-icon { fill: #e05e00 } .fc-item--type-comment.fc-item--pillar-news .fc-item__meta { color: #999 } .fc-item--type-comment.fc-item--pillar-news .fc-item__container:before { background-color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-feature .fc-item__headline { color: #bd5318 } .fc-item--type-comment.fc-item--pillar-news.video-playlist__item .video-overlay { border-top-color: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news.video-playlist__item .inline-icon { fill: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news.video-playlist__item .video-overlay__duration { color: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .inline-video-icon svg, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .inline-volume-high svg, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .inline-camera svg, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-interview .inline-video-icon svg, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-interview .inline-volume-high svg, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-interview .inline-camera svg { fill: #121212 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .inline-video-icon::after, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .inline-volume-high::after, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .inline-camera::after, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-interview .inline-video-icon::after, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-interview .inline-volume-high::after, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-interview .inline-camera::after { background-color: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-media .fc-sublink__kicker { color: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news .fc-item__media-meta { color: #ff7f0f } .fc-item--type-comment.fc-item--pillar-news .fc-item__media-meta .inline-icon { width: 1.5rem; height: 1.4375rem; display: inline-block; background-color: #ff7f0f; border-radius: 50% } .fc-item--type-comment.fc-item--pillar-news .fc-item__media-meta .inline-icon.inline-video-icon svg { -webkit-transform: translateY(0.0625rem); transform: translateY(0.0625rem) } .fc-item--type-comment.fc-item--pillar-news .vjs-big-play-button .vjs-control-text { background-color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news .youtube-media-atom__play-button { background-color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) { background-color: #fef9f5 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__container.u-faux-block-link--hover { background-color: #fdf3ec } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__avatar { background-color: #e05e00 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount { color: #707070; background-color: #fef9f5 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-item__timestamp .inline-icon, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt) .fc-trail__count--commentcount .inline-icon { fill: #707070 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__avatar { background-color: #d15800 } .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-item__timestamp, .fc-item--type-comment.fc-item--pillar-news.fc-item--type-comment:not(.fc-item--pillar-special-report):not(.fc-item--pillar-special-report-alt):hover .fc-trail__count--commentcount { background-color: #fdf3ec } .fc-item--type-comment.fc-item--pillar-news.fc-item--pillar-special-report-alt { background-color: #f5f0eb } .fc-item--type-comment.fc-item--pillar-news.fc-item--pillar-special-report-alt .fc-item__timestamp, .fc-item--type-comment.fc-item--pillar-news.fc-item--pillar-special-report-alt .fc-trail__count--commentcount { background-color: #f5f0eb } .fc-item--type-comment.fc-item--pillar-news.fc-item--pillar-special-report-alt .fc-item__meta { color: #2b2b2a } .fc-item--type-comment.fc-item--pillar-news.fc-item--pillar-special-report-alt .fc-item__container.u-faux-block-link--hover { background-color: #e1d9d2 } .fc-item--type-comment.fc-item--pillar-news.fc-item--pillar-special-report-alt .fc-item__container.u-faux-block-link--hover .fc-item__timestamp, .fc-item--type-comment.fc-item--pillar-news.fc-item--pillar-special-report-alt .fc-item__container.u-faux-block-link--hover .fc-trail__count--commentcount { background-color: #e1d9d2 } .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta { background-image: repeating-linear-gradient(to bottom, rgba(112, 112, 112, 0.3), rgba(112, 112, 112, 0.3) 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.5625rem; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; width: 100%; height: 1rem } .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta svg { fill: #2b2b2a } .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta .fc-trail__count, .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta .fc-item__timestamp { position: absolute; padding-top: 0.125rem; padding-right: 0.3125rem; padding-left: 0.3125rem; bottom: 0; top: 0; z-index: 1; line-height: 0.625rem } .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta .fc-trail__count { right: 0 } .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta .fc-trail__count .inline-icon { margin-top: 0 } .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta .fc-item__timestamp { left: 0 } .fc-item--pillar-special-report-alt .fc-item__container>.fc-item__meta .fc-item__timestamp .inline-icon { margin-top: -0.0625rem } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content) .fc-item__kicker:before, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content) .fc-item__kicker:after { content: none } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--list-media-mobile .fc-item__kicker:after, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--list-mobile .fc-item__kicker:after { content: '/' } @media (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--list-media-mobile .fc-item__kicker:after, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--list-mobile .fc-item__kicker:after { content: none } } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--list-media-tablet .fc-item__kicker:after, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--list-tablet .fc-item__kicker:after { content: '/' } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content) .fc-item__meta { margin-left: auto; color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content) .inline-icon { fill: #ffffff } @media (max-width: 46.24em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__kicker { color: #ffe500; display: block } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__container { overflow: hidden; position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-sublinks { display: none } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__content { position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__media-wrapper { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__media-wrapper img { object-fit: cover } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .u-responsive-ratio { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile .fc-item__content { margin: 0 1.875rem 0 0 } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile.fc-item--third-tablet .fc-item__content { max-width: 13.75rem } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile.fc-item--half-tablet .fc-item__content { max-width: 18.75rem } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile.fc-item--three-quarters-tall-tablet .u-responsive-ratio { padding-bottom: 80% } } @media (max-width: 46.24em) and (max-width: 46.24em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--standard-mobile.fc-item--standard-mobile .u-responsive-ratio { padding-bottom: 60% } } @media (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__kicker, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__kicker, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__kicker, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__kicker { color: #ffe500; display: block } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__container, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__container, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__container, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__container { overflow: hidden; position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-sublinks, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-sublinks, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-sublinks, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-sublinks { display: none } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__content { position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__media-wrapper, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__media-wrapper, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__media-wrapper, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__media-wrapper { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__media-wrapper img, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__media-wrapper img, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__media-wrapper img, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__media-wrapper img { object-fit: cover } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .u-responsive-ratio { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet .fc-item__content { margin: 0 1.875rem 0 0 } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet.fc-item--third-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet.fc-item--third-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet.fc-item--third-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet.fc-item--third-tablet .fc-item__content { max-width: 13.75rem } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet.fc-item--half-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet.fc-item--half-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet.fc-item--half-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet.fc-item--half-tablet .fc-item__content { max-width: 18.75rem } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet.fc-item--three-quarters-tall-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet.fc-item--three-quarters-tall-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet.fc-item--three-quarters-tall-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet.fc-item--three-quarters-tall-tablet .u-responsive-ratio { padding-bottom: 80% } } @media (min-width: 46.25em) and (max-width: 46.24em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--third-tablet.fc-item--standard-mobile .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--half-tablet.fc-item--standard-mobile .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-100-tablet.fc-item--standard-mobile .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tall-tablet.fc-item--standard-mobile .u-responsive-ratio { padding-bottom: 60% } } @media (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__kicker, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__kicker, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__kicker { color: #ffe500; display: block } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__container, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__container, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__container { overflow: hidden; position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-sublinks, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-sublinks, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-sublinks { display: none } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__content { position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__headline, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__media-wrapper, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__media-wrapper, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__media-wrapper { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__media-wrapper img, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__media-wrapper img, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__media-wrapper img { object-fit: cover } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .u-responsive-ratio { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__content { margin: 0 auto 0 0; min-width: 21.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .fc-item__content, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .fc-item__content { min-width: 28.75rem } } @media (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-75-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--full-media-50-tablet .u-responsive-ratio, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-tablet .u-responsive-ratio { padding-bottom: 45% } } @media (min-width: 46.25em) { .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__kicker { color: #ffe500; display: block } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__container { overflow: hidden; position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__standfirst, .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-sublinks { display: none } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__content { position: relative } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__headline { color: #ffffff } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__media-wrapper { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .fc-item__media-wrapper img { object-fit: cover } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .u-responsive-ratio { position: static } .fc-item--type-immersive.fc-item--has-boosted-title:not(.fc-item--paid-content).fc-item--three-quarters-right-tablet .u-responsive-ratio { padding-bottom: 45% } } .fc-slice__item { width: 100%; position: relative; padding-bottom: 0; margin-bottom: 0.75rem } @media (min-width: 46.25em) { .fc-slice__item:not(.fc-slice__item--mpu-candidate) { display: -webkit-flex; display: -ms-flexbox; display: flex } } @media (min-width: 20em) { .fc-slice__item { float: none } } .fc-slice__item.l-list__item { margin-bottom: 0; padding-bottom: 0.75rem } .fc-slice__item+.fc-slice__item:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0.0625rem; height: 100%; border-left: 0.0625rem solid #dcdcdc } .fc-slice__item+.fc-slice__item--no-mpu:before { border-left: 0 !important } .fc-slice__item--no-mpu { -webkit-flex: 0 !important; -ms-flex: 0 !important; flex: 0 !important } @media (max-width: 46.24em) { .fc-item--standard-mobile.fc-item--has-cutout .fc-item__avatar, .fc-item--standard-mobile.fc-item--has-cutout .fc-item__avatar__media { height: 6.45rem } .fc-item--standard-mobile.fc-item--has-cutout .fc-item__avatar__media { right: -1.5rem } .fc-item--standard-mobile.fc-item--has-cutout .fc-item__header { padding-right: 6.25rem } .fc-item--standard-mobile.fc-item--has-cutout .fc-item__standfirst { display: none } .fc-item--standard-mobile.fc-item--has-cutout .fc-item__content { min-height: 6rem } .fc-item--standard-mobile.fc-item--has-cutout[class*='fc-item--has-sublinks'] .fc-item__footer--vertical { display: none } .fc-item--standard-mobile.fc-item--has-cutout[class*='fc-item--has-sublinks'] .fc-item__footer--horizontal { display: block; padding-left: 0.3125rem; padding-right: 0.3125rem } .fc-item--standard-mobile.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--type-comment) .fc-sublink:first-child { margin-top: 0 } .fc-item--standard-mobile.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--type-comment) .fc-sublink:first-child .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } } @media (min-width: 46.25em) { .fc-item--standard-tablet .fc-item__image-container { display: block } .fc-item--standard-tablet.fc-item--has-sublinks-1 .fc-item__media-wrapper { display: block } .fc-item--standard-tablet.fc-item--has-cutout .fc-item__media-wrapper { display: none } } @media (min-width: 46.25em) and (max-width: 61.24em) { .fc-item--standard-tablet .fc-item__header { font-size: 1.0625rem; line-height: 1.25rem } .fc-item--standard-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.0625rem; width: 0.57375rem; margin-right: 0.53125rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--standard-tablet .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--has-boosted-title .fc-item--standard-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) { .fc-item--standard-tablet[class*='fc-item--has-sublinks'] .fc-item__standfirst { display: none } .fc-item--standard-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--standard-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 11.25rem } .fc-item--standard-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -2.5rem } .fc-item--standard-tablet.fc-item--has-cutout .fc-item__standfirst { display: none } .fc-item--standard-tablet.fc-item--has-cutout .fc-item__header { padding-bottom: 11.25rem } .fc-item--standard-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks'] .fc-item__footer--vertical { display: none } .fc-item--standard-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks'] .fc-item__footer--horizontal { display: block; padding-left: 0.3125rem; padding-right: 0.3125rem } .fc-item--standard-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--type-comment) .fc-sublink:first-child { margin-top: 0 } .fc-item--standard-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--type-comment) .fc-sublink:first-child .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } } @media (min-width: 46.25em) { .fc-item--third-tablet .fc-item__image-container { display: block } .fc-item--third-tablet.fc-item--has-sublinks-1 .fc-item__media-wrapper { display: block } .fc-item--third-tablet.fc-item--has-cutout .fc-item__media-wrapper { display: none } .fc-item--third-tablet .fc-item__standfirst { display: block } .fc-item--third-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--third-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 8.25rem } .fc-item--third-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -1.875rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--third-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--third-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 11.25rem } .fc-item--third-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -2.5rem } } @media (min-width: 46.25em) { .fc-item--third-tablet.fc-item--has-cutout .fc-item__header { padding-bottom: 9.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--third-tablet.fc-item--has-cutout .fc-item__header { padding-bottom: 11.25rem } } @media (min-width: 46.25em) { .fc-item--third-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 8.25rem } .fc-item--third-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks'] .fc-item__footer--vertical { display: none } .fc-item--third-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks'] .fc-item__footer--horizontal { display: block; padding-left: 0.3125rem; padding-right: 0.3125rem } .fc-item--third-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--type-comment) .fc-sublink:first-child { margin-top: 0 } .fc-item--third-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--type-comment) .fc-sublink:first-child .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } } @media (min-width: 46.25em) { .fc-item--half-tablet .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--half-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--half-tablet .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--has-boosted-title .fc-item--half-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 46.25em) and (max-width: 61.24em) { .fc-item--half-tablet .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--half-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--half-tablet .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--has-boosted-title .fc-item--half-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) { .fc-item--half-tablet .fc-item__standfirst { display: block } .fc-item--half-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--half-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 14.25rem } .fc-item--half-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -3.125rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--half-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--half-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 17.25rem } .fc-item--half-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -3.75rem } } @media (min-width: 46.25em) { .fc-item--half-tablet.fc-item--has-cutout .fc-item__header { padding-bottom: 14.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--half-tablet.fc-item--has-cutout .fc-item__header { padding-bottom: 17.25rem } } @media (min-width: 46.25em) { .fc-item--half-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--half-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 11.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--half-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--half-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 12.75rem } } @media (min-width: 46.25em) { .fc-item--half-tablet.fc-item--has-cutout .fc-item__standfirst { display: block } .fc-item--half-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1) .fc-item__header { padding-bottom: 6.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--half-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1) .fc-item__header { padding-bottom: 13.05rem } } @media (min-width: 46.25em) { .fc-item--half-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1):not(.fc-item--type-comment) .fc-sublink { margin-top: 0 } .fc-item--half-tablet.fc-item--has-cutout[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1):not(.fc-item--type-comment) .fc-sublink .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-cutout) .fc-item__footer--vertical, .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1) .fc-item__footer--vertical { display: none } .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-cutout) .fc-item__footer--horizontal, .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1) .fc-item__footer--horizontal { display: block } .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-cutout) .fc-sublinks, .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1) .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-cutout) .fc-sublink, .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1) .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-cutout) .fc-sublink+*, .fc-item--half-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1) .fc-sublink+* { margin-left: 0.625rem } } @media (max-width: 46.24em) { .fc-item--list-mobile .fc-item__header { font-size: 1.0625rem; line-height: 1.25rem } .fc-item--list-mobile .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.0625rem; width: 0.57375rem; margin-right: 0.53125rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--list-mobile .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--has-boosted-title .fc-item--list-mobile .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--list-mobile.fc-item--has-cutout .fc-item__avatar { display: none } } @media (max-width: 46.24em) and (max-width: 46.24em) { .fc-item--list-mobile:not(.fc-item--paid-content):not(.fc-item--list-media-mobile) .fc-item__media-wrapper { display: none } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--list-mobile:not(.fc-item--paid-content):not(.fc-item--list-media-tablet) .fc-item__media-wrapper { display: none } } @media (min-width: 46.25em) { .fc-item--list-tablet .fc-item__header { font-size: 1.0625rem; line-height: 1.25rem } .fc-item--list-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.0625rem; width: 0.57375rem; margin-right: 0.53125rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--list-tablet .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--has-boosted-title .fc-item--list-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--list-tablet.fc-item--has-cutout .fc-item__avatar { display: none } } @media (min-width: 46.25em) and (max-width: 46.24em) { .fc-item--list-tablet:not(.fc-item--paid-content):not(.fc-item--list-media-mobile) .fc-item__media-wrapper { display: none } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--list-tablet:not(.fc-item--paid-content):not(.fc-item--list-media-tablet) .fc-item__media-wrapper { display: none } } @media (max-width: 46.24em) { .fc-item--list-media-mobile .fc-item__header { font-size: 1.0625rem; line-height: 1.25rem } .fc-item--list-media-mobile .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.0625rem; width: 0.57375rem; margin-right: 0.53125rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--list-media-mobile .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--has-boosted-title .fc-item--list-media-mobile .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--list-media-mobile.fc-item--has-cutout .fc-item__avatar { display: none } } @media (max-width: 46.24em) and (max-width: 46.24em) { .fc-item--list-media-mobile:not(.fc-item--paid-content):not(.fc-item--list-media-mobile) .fc-item__media-wrapper { display: none } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--list-media-mobile:not(.fc-item--paid-content):not(.fc-item--list-media-tablet) .fc-item__media-wrapper { display: none } } @media (max-width: 46.24em) { .fc-item--list-media-mobile .fc-item__content { min-height: 5.2rem; position: relative } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--list-media-mobile .fc-item__content { min-height: 4.45rem } } @media (max-width: 46.24em) { .fc-item--list-media-mobile.fc-item--has-image .fc-item__content { padding-left: 8.16667rem } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--list-media-mobile.fc-item--has-image .fc-item__content { padding-left: 7.79167rem } } @media (max-width: 46.24em) { .fc-item--list-media-mobile .fc-item__media-wrapper, .fc-item--list-media-mobile .fc-item__image-container { display: block } .fc-item--list-media-mobile .fc-item__media-wrapper, .fc-item--list-media-mobile .fc-item__video-fallback { position: absolute; margin-left: 0.375rem; width: 7.41667rem; margin-top: 0.375rem; margin-bottom: 0.375rem } } @media (max-width: 46.24em) and (min-width: 46.25em) { .fc-item--list-media-mobile .fc-item__media-wrapper, .fc-item--list-media-mobile .fc-item__video-fallback { margin-top: 0; margin-left: 0 } } @media (max-width: 46.24em) { .fc-item--list-media-mobile .fc-item__header { padding-bottom: 0 } .fc-item--list-media-mobile[class*='fc-item--has-sublinks'] .fc-item__footer--vertical { display: none } .fc-item--list-media-mobile[class*='fc-item--has-sublinks'] .fc-item__footer--horizontal { display: block; margin-right: 0.3125rem; margin-left: 0.3125rem } .fc-item--list-media-mobile.fc-item--has-cutout .fc-item__avatar, .fc-item--list-media-mobile.fc-item--has-cutout .fc-item__avatar__media { height: 7.05rem } .fc-item--list-media-mobile.fc-item--has-cutout .fc-item__avatar__media { right: -1.625rem } .fc-item--list-media-mobile.fc-item--has-cutout .fc-item__avatar { display: block } .fc-item--list-media-mobile.fc-item--has-cutout .fc-item__content { min-height: 7.05rem; padding-left: 0.3125rem; padding-right: 6.25rem } .fc-item--list-media-mobile.fc-item--has-cutout .fc-item__standfirst { display: none } } @media (max-width: 46.24em) and (max-width: 46.24em) { .fc-item--list-media-mobile.fc-item--list-media-mobile .fc-item__video { width: 7.41667rem } .fc-item--list-media-mobile.fc-item--list-media-mobile .fc-item__video .fc-item__video-play { padding-bottom: 60% } } @media (min-width: 46.25em) { .fc-item--list-media-tablet .fc-item__header { font-size: 1.0625rem; line-height: 1.25rem } .fc-item--list-media-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.0625rem; width: 0.57375rem; margin-right: 0.53125rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--list-media-tablet .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--has-boosted-title .fc-item--list-media-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--list-media-tablet.fc-item--has-cutout .fc-item__avatar { display: none } } @media (min-width: 46.25em) and (max-width: 46.24em) { .fc-item--list-media-tablet:not(.fc-item--paid-content):not(.fc-item--list-media-mobile) .fc-item__media-wrapper { display: none } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--list-media-tablet:not(.fc-item--paid-content):not(.fc-item--list-media-tablet) .fc-item__media-wrapper { display: none } } @media (min-width: 46.25em) { .fc-item--list-media-tablet .fc-item__content { min-height: 6rem; position: relative } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--list-media-tablet .fc-item__content { min-height: 5.25rem } } @media (min-width: 46.25em) { .fc-item--list-media-tablet.fc-item--has-image .fc-item__content { padding-left: 9.5rem } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--list-media-tablet.fc-item--has-image .fc-item__content { padding-left: 9.125rem } } @media (min-width: 46.25em) { .fc-item--list-media-tablet .fc-item__media-wrapper, .fc-item--list-media-tablet .fc-item__image-container { display: block } .fc-item--list-media-tablet .fc-item__media-wrapper, .fc-item--list-media-tablet .fc-item__video-fallback { position: absolute; margin-left: 0.375rem; width: 8.75rem; margin-top: 0.375rem; margin-bottom: 0.375rem } } @media (min-width: 46.25em) and (min-width: 46.25em) { .fc-item--list-media-tablet .fc-item__media-wrapper, .fc-item--list-media-tablet .fc-item__video-fallback { margin-top: 0; margin-left: 0 } } @media (min-width: 46.25em) { .fc-item--list-media-tablet .fc-item__header { padding-bottom: 0 } .fc-item--list-media-tablet[class*='fc-item--has-sublinks'] .fc-item__footer--vertical { display: none } .fc-item--list-media-tablet[class*='fc-item--has-sublinks'] .fc-item__footer--horizontal { display: block; margin-right: 0.3125rem; margin-left: 0.3125rem } .fc-item--list-media-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--list-media-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 7.05rem } .fc-item--list-media-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -1.625rem } .fc-item--list-media-tablet.fc-item--has-cutout .fc-item__avatar { display: block } .fc-item--list-media-tablet.fc-item--has-cutout .fc-item__content { min-height: 7.05rem; padding-left: 0.3125rem; padding-right: 6.25rem } .fc-item--list-media-tablet.fc-item--has-cutout .fc-item__standfirst { display: none } } @media (min-width: 46.25em) and (max-width: 46.24em) { .fc-item--list-media-tablet.fc-item--list-media-mobile .fc-item__video { width: 8.75rem } .fc-item--list-media-tablet.fc-item--list-media-mobile .fc-item__video .fc-item__video-play { padding-bottom: 60% } } @media (min-width: 46.25em) { .fc-item--three-quarters-tablet .fc-item__image-container { box-sizing: border-box; padding-left: 0.3125rem } .fc-item--three-quarters-tablet .fc-item__content { position: relative } .fc-item--three-quarters-tablet .fc-item__content>* { box-sizing: border-box; padding-right: 0.3125rem } .fc-item--three-quarters-tablet .fc-item__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-item--three-quarters-tablet .fc-item__media-wrapper, .fc-item--three-quarters-tablet .fc-item__video-fallback { -webkit-flex-basis: 66%; -ms-flex-preferred-size: 66%; flex-basis: 66% } .fc-item--three-quarters-tablet .fc-item__content { -webkit-flex-basis: 34%; -ms-flex-preferred-size: 34%; flex-basis: 34%; max-width: 34% } .fc-item--three-quarters-tablet .fc-item__footer--horizontal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .fc-item--three-quarters-tablet.fc-item--has-no-image .fc-item__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-right: 13.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tablet .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--three-quarters-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-tablet .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--has-boosted-title .fc-item--three-quarters-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tablet .fc-item__standfirst { display: block } } @media (min-width: 46.25em) { .fc-item--three-quarters-tablet .fc-item__liveblog-blocks { padding-right: 0 } .fc-item--three-quarters-tablet.fc-item--has-sublinks-3 .fc-item__footer--vertical { display: none } .fc-item--three-quarters-tablet.fc-item--has-sublinks-3 .fc-item__footer--horizontal { display: block } .fc-item--three-quarters-tablet.fc-item--has-sublinks-3 .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--three-quarters-tablet.fc-item--has-sublinks-3 .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--three-quarters-tablet.fc-item--has-sublinks-3 .fc-sublink+* { margin-left: 0.625rem } .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 17.25rem } .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -3.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 20.25rem } .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -4.375rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__container { min-height: 20.25rem; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__header { font-size: 1.75rem; line-height: 2rem; padding-bottom: 8.25rem; margin-bottom: 0.3125rem } .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--has-boosted-title .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__header { padding-bottom: 11.25rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__content { max-width: 100% } .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__header, .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { width: auto; padding-right: 14.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__header, .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 15.75rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-tablet.fc-item--has-cutout .fc-item__standfirst { display: -webkit-flex; display: -ms-flexbox; display: flex } .fc-item--three-quarters-tablet.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-item__footer--horizontal { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto } .fc-item--three-quarters-tablet.fc-item--has-cutout.fc-item--has-sublinks-3:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink { margin-top: 0 } .fc-item--three-quarters-tablet.fc-item--has-cutout.fc-item--has-sublinks-3:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-right-tablet .fc-item__image-container { box-sizing: border-box; padding-left: 0.3125rem } .fc-item--three-quarters-right-tablet .fc-item__content { position: relative } .fc-item--three-quarters-right-tablet .fc-item__content>* { box-sizing: border-box; padding-right: 0.3125rem } .fc-item--three-quarters-right-tablet .fc-item__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-item--three-quarters-right-tablet .fc-item__media-wrapper, .fc-item--three-quarters-right-tablet .fc-item__video-fallback { -webkit-flex-basis: 66%; -ms-flex-preferred-size: 66%; flex-basis: 66% } .fc-item--three-quarters-right-tablet .fc-item__content { -webkit-flex-basis: 34%; -ms-flex-preferred-size: 34%; flex-basis: 34%; max-width: 34% } .fc-item--three-quarters-right-tablet .fc-item__footer--horizontal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .fc-item--three-quarters-right-tablet.fc-item--has-no-image .fc-item__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-right: 13.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-right-tablet .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--three-quarters-right-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-right-tablet .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--has-boosted-title .fc-item--three-quarters-right-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-right-tablet .fc-item__standfirst { display: block } } @media (min-width: 46.25em) { .fc-item--three-quarters-right-tablet .fc-item__liveblog-blocks { padding-right: 0 } .fc-item--three-quarters-right-tablet.fc-item--has-sublinks-3 .fc-item__footer--vertical { display: none } .fc-item--three-quarters-right-tablet.fc-item--has-sublinks-3 .fc-item__footer--horizontal { display: block } .fc-item--three-quarters-right-tablet.fc-item--has-sublinks-3 .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--three-quarters-right-tablet.fc-item--has-sublinks-3 .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--three-quarters-right-tablet.fc-item--has-sublinks-3 .fc-sublink+* { margin-left: 0.625rem } .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 17.25rem } .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -3.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 20.25rem } .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -4.375rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__container { min-height: 20.25rem; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__header { font-size: 1.75rem; line-height: 2rem; padding-bottom: 8.25rem; margin-bottom: 0.3125rem } .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--has-boosted-title .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__header { padding-bottom: 11.25rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__content { max-width: 100% } .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__header, .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { width: auto; padding-right: 14.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__header, .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 15.75rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-right-tablet.fc-item--has-cutout .fc-item__standfirst { display: -webkit-flex; display: -ms-flexbox; display: flex } .fc-item--three-quarters-right-tablet.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-item__footer--horizontal { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto } .fc-item--three-quarters-right-tablet.fc-item--has-cutout.fc-item--has-sublinks-3:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink { margin-top: 0 } .fc-item--three-quarters-right-tablet.fc-item--has-cutout.fc-item--has-sublinks-3:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } .fc-item--three-quarters-right-tablet .fc-item__container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } } @media (min-width: 46.25em) { .fc-item--three-quarters-tall-tablet .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--three-quarters-tall-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tall-tablet .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--three-quarters-tall-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) { .fc-item--three-quarters-tall-tablet .fc-item__standfirst { display: block; padding-right: 33% } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__image-container { box-sizing: border-box; padding-left: 0.3125rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__content { position: relative } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__content>* { box-sizing: border-box; padding-right: 0.3125rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__media-wrapper, .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__video-fallback { -webkit-flex-basis: 66%; -ms-flex-preferred-size: 66%; flex-basis: 66% } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__content { -webkit-flex-basis: 34%; -ms-flex-preferred-size: 34%; flex-basis: 34%; max-width: 34% } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__footer--horizontal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-no-image .fc-item__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-right: 13.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__standfirst { display: block } } @media (min-width: 46.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout .fc-item__liveblog-blocks { padding-right: 0 } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-item__footer--vertical { display: none } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-item__footer--horizontal { display: block } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-sublink+* { margin-left: 0.625rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__avatar, .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__avatar__media { height: 17.25rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__avatar__media { right: -3.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__avatar, .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__avatar__media { height: 20.25rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__avatar__media { right: -4.375rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__container { min-height: 20.25rem; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__header { font-size: 1.75rem; line-height: 2rem; padding-bottom: 8.25rem; margin-bottom: 0.3125rem } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--has-boosted-title .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__header { padding-bottom: 11.25rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__content { max-width: 100% } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__header, .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__standfirst-wrapper { width: auto; padding-right: 14.25rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__header, .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 15.75rem } } @media (min-width: 46.25em) { .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout .fc-item__standfirst { display: -webkit-flex; display: -ms-flexbox; display: flex } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout.fc-item--has-sublinks-3 .fc-item__footer--horizontal { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout.fc-item--has-sublinks-3:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink { margin-top: 0 } .fc-item--three-quarters-tall-tablet.fc-item--has-cutout.fc-item--has-cutout.fc-item--has-sublinks-3:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } .fc-item--three-quarters-tall-tablet:not(.fc-item--has-cutout) .fc-item__footer--vertical { display: none } .fc-item--three-quarters-tall-tablet:not(.fc-item--has-cutout) .fc-item__footer--horizontal { display: block } .fc-item--three-quarters-tall-tablet:not(.fc-item--has-cutout) .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--three-quarters-tall-tablet:not(.fc-item--has-cutout) .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--three-quarters-tall-tablet:not(.fc-item--has-cutout) .fc-sublink+* { margin-left: 0.625rem } } @media (min-width: 46.25em) { .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__image-container { box-sizing: border-box; padding-left: 0.3125rem } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__content { position: relative } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__content>* { box-sizing: border-box; padding-right: 0.3125rem } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__media-wrapper, .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__video-fallback { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__content { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__footer--horizontal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout).fc-item--has-no-image .fc-item__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-right: 13.75rem } } @media (min-width: 46.25em) { .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__image-container { box-sizing: border-box; padding-left: 0.3125rem } .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__content { position: relative } .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__content>* { box-sizing: border-box; padding-right: 0.3125rem } .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__media-wrapper, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__video-fallback { -webkit-flex-basis: 74.6%; -ms-flex-preferred-size: 74.6%; flex-basis: 74.6% } .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__content { -webkit-flex-basis: 25.4%; -ms-flex-preferred-size: 25.4%; flex-basis: 25.4%; max-width: 25.4% } .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__footer--horizontal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .fc-item--full-media-75-tablet:not(.fc-item--has-cutout).fc-item--has-no-image .fc-item__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-right: 13.75rem } } @media (min-width: 46.25em) { .fc-item--full-media-100-tablet .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem } .fc-item--full-media-100-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--full-media-100-tablet .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--has-boosted-title .fc-item--full-media-100-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--full-media-100-tablet .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--full-media-100-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--full-media-100-tablet .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--has-boosted-title .fc-item--full-media-100-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) { .fc-item--full-media-100-tablet:not(.fc-item--has-cutout) .fc-item__image-container { display: block; padding-bottom: 60% } .fc-item--full-media-100-tablet:not(.fc-item--has-cutout) .fc-item__footer--vertical { display: none } .fc-item--full-media-100-tablet:not(.fc-item--has-cutout) .fc-item__footer--horizontal { display: block } .fc-item--full-media-100-tablet:not(.fc-item--has-cutout) .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--full-media-100-tablet:not(.fc-item--has-cutout) .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--full-media-100-tablet:not(.fc-item--has-cutout) .fc-sublink+* { margin-left: 0.625rem } } @media (min-width: 46.25em) { .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__avatar__media, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__avatar__media, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__avatar__media, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__avatar, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__avatar__media { height: 17.25rem } .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__avatar__media, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__avatar__media, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__avatar__media, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__avatar__media { right: -3.75rem } .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__container, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__container, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__container, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__container { min-height: 17.25rem } .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__content, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__content, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__content, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__content { max-width: 100% } .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header { font-size: 1.5rem; line-height: 1.6875rem; padding-right: 12.75rem } .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.5rem; width: 0.81rem; margin-right: 0.75rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header, .fc-item--has-boosted-title .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header, .fc-item--has-boosted-title .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header, .fc-item--has-boosted-title .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--has-boosted-title .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header, .fc-item--has-boosted-title .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header, .fc-item--has-boosted-title .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header, .fc-item--has-boosted-title .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--has-boosted-title .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) { .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 23.75rem } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__footer--vertical, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__standfirst-wrapper { padding-right: 33.75rem } } @media (min-width: 46.25em) { .fc-item--full-media-50-tablet.fc-item--has-cutout .fc-item__standfirst, .fc-item--full-media-75-tablet.fc-item--has-cutout .fc-item__standfirst, .fc-item--full-media-100-tablet.fc-item--has-cutout .fc-item__standfirst, .fc-item--fluid-tablet.fc-item--has-cutout .fc-item__standfirst { display: block } .fc-item--full-media-50-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--vertical, .fc-item--full-media-75-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--vertical, .fc-item--full-media-100-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--vertical, .fc-item--fluid-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--vertical { display: none } .fc-item--full-media-50-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--horizontal, .fc-item--full-media-75-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--horizontal, .fc-item--full-media-100-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--horizontal, .fc-item--fluid-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-item__footer--horizontal { display: block } .fc-item--full-media-50-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublinks, .fc-item--full-media-75-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublinks, .fc-item--full-media-100-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublinks, .fc-item--fluid-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--full-media-50-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink, .fc-item--full-media-75-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink, .fc-item--full-media-100-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink, .fc-item--fluid-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--full-media-50-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink+*, .fc-item--full-media-75-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink+*, .fc-item--full-media-100-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink+*, .fc-item--fluid-tablet.fc-item--has-cutout.fc-item--has-sublinks-4 .fc-sublink+* { margin-left: 0.625rem } .fc-item--full-media-50-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink, .fc-item--full-media-75-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink, .fc-item--full-media-100-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink, .fc-item--fluid-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink { margin-top: 0 } .fc-item--full-media-50-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink .fc-sublink__title:before, .fc-item--full-media-75-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink .fc-sublink__title:before, .fc-item--full-media-100-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink .fc-sublink__title:before, .fc-item--fluid-tablet.fc-item--has-cutout.fc-item--has-sublinks-4:not(.fc-item--type-comment) .fc-item__footer--horizontal .fc-sublink .fc-sublink__title:before { width: auto; left: -0.3125rem; right: -0.3125rem } } @media (min-width: 46.25em) { .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__header, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) and (min-width: 61.25em) { .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__header, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--has-boosted-title .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__header, .fc-item--has-boosted-title .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--has-boosted-title .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg, .fc-item--has-boosted-title .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) { .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-item__standfirst, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-item__standfirst { display: block } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-3 .fc-item__standfirst, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-3 .fc-item__standfirst { display: none } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-item__footer--vertical, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-item__footer--vertical { display: none } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-item__footer--horizontal, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-item__footer--horizontal { display: block } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-sublinks, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-sublink, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-sublink+*, .fc-item--full-media-75-tablet:not(.fc-item--has-cutout).fc-item--has-sublinks-4 .fc-sublink+* { margin-left: 0.625rem } .fc-item--full-media-50-tablet:not(.fc-item--has-cutout) .fc-sublink:nth-child(n+5), .fc-item--full-media-75-tablet:not(.fc-item--has-cutout) .fc-sublink:nth-child(n+5) { display: none } } @media (max-width: 46.24em) { .fc-item--fluid-mobile .fc-item__content { padding-bottom: 0 } .fc-item--fluid-mobile .fc-item__image-container, .fc-item--fluid-mobile .fc-item__standfirst { display: block } .fc-item--fluid-mobile .fc-item__avatar { display: none } } @media (min-width: 30em) and (max-width: 46.24em) { .fc-item--fluid-mobile .fc-item__image-container { display: none } .fc-item--fluid-mobile .fc-item__header { font-size: 1.75rem; line-height: 2rem } .fc-item--fluid-mobile .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.75rem; width: 0.945rem; margin-right: 0.875rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } } @media (min-width: 46.25em) { .fc-item--fluid-tablet .fc-item__content { padding-bottom: 0 } .fc-item--fluid-tablet .fc-item__image-container, .fc-item--fluid-tablet .fc-item__standfirst { display: block } .fc-item--fluid-tablet .fc-item__image-container { box-sizing: border-box; padding-left: 0.3125rem } .fc-item--fluid-tablet .fc-item__content { position: relative } .fc-item--fluid-tablet .fc-item__content>* { box-sizing: border-box; padding-right: 0.3125rem } .fc-item--fluid-tablet .fc-item__container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .fc-item--fluid-tablet .fc-item__media-wrapper, .fc-item--fluid-tablet .fc-item__video-fallback { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20% } .fc-item--fluid-tablet .fc-item__content { -webkit-flex-basis: 80%; -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80% } .fc-item--fluid-tablet .fc-item__footer--horizontal { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .fc-item--fluid-tablet.fc-item--has-no-image .fc-item__content { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; padding-right: 13.75rem } .fc-item--fluid-tablet .fc-item__container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .fc-item--fluid-tablet .fc-item__header { font-size: 1.25rem; line-height: 1.4375rem } .fc-item--fluid-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 1.25rem; width: 0.675rem; margin-right: 0.625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--fluid-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1):not(.fc-item--has-sublinks-2) .fc-item__footer--vertical { display: none } .fc-item--fluid-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1):not(.fc-item--has-sublinks-2) .fc-item__footer--horizontal { display: block } .fc-item--fluid-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1):not(.fc-item--has-sublinks-2) .fc-sublinks { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0.3125rem; margin-right: 0.3125rem } .fc-item--fluid-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1):not(.fc-item--has-sublinks-2) .fc-sublink { -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100% } .fc-item--fluid-tablet[class*='fc-item--has-sublinks']:not(.fc-item--has-sublinks-1):not(.fc-item--has-sublinks-2) .fc-sublink+* { margin-left: 0.625rem } } @media (min-width: 61.25em) { .fc-item--fluid-tablet .fc-item__header { font-size: 2.125rem; line-height: 2.375rem } .fc-item--fluid-tablet .fc-item__header .fc-item__title--quoted .inline-garnett-quote__svg { height: 2.125rem; width: 1.1475rem; margin-right: 1.0625rem; -webkit-transform: translateY(-0.0625rem); transform: translateY(-0.0625rem) } .fc-item--fluid-tablet .fc-item__header, .fc-item--fluid-tablet .fc-item__standfirst { padding-right: 30% } } .fc-item--list-compact { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web", Georgia, serif; font-weight: bold; color: #121212; padding-top: 0.25rem; padding-bottom: 0.75rem; border-top: 0.0625rem solid #ededed; display: block !important; background-color: transparent } .fc-item--list-compact .fc-item__container { font-size: 1.0625rem; line-height: 1.25rem; display: block !important } .fc-item--list-compact--media { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web", Georgia, serif; font-weight: bold; color: #121212; padding-top: 0.25rem; padding-bottom: 0.75rem; border-top: 0.0625rem solid #ededed; display: block !important; background-color: transparent; min-height: 4.5rem; padding-left: 7.5rem } .fc-item--list-compact--media .fc-item__container { font-size: 1.0625rem; line-height: 1.25rem; display: block !important } .fc-item--list-compact--media .fc-item__image-container { overflow: visible } .fc-item--list-compact--media .fc-item__image-container { display: block } .fc-item--list-compact--media .fc-item__media-wrapper { width: 7.5rem; padding-right: 0.625rem; margin-left: -7.5rem; float: left } .linkslist-container { position: relative; margin: 0 !important } @media (min-width: 46.25em) { .linkslist-container { margin-top: 0.5625rem } } .linkslist-container.tone-feature:before { background: #fec8d3 } .linkslist-container.tone-comment:before { background: #707070 } .linkslist-container.tone-media:before { background: #ffe500 } .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) { .linkslist .fc-slice__item { -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) { .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 } .treats__container { list-style-type: none; margin: 0.75rem 0; display: none; position: absolute; bottom: 0.6875rem } .fc-container--has-show-more .treats__container { bottom: 2.5625rem } .fc-container--rolled-up .treats__container { display: none } @media (min-width: 71.25em) { .treats__container { display: block } } @media (min-width: 81.25em) { .has-page-skin .treats__container { display: none } } .treats__treat { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #121212; background-color: #fff; border-color: #dcdcdc; box-sizing: border-box; display: inline-block; vertical-align: top; font-weight: 400; border-width: 0.0625rem; border-style: solid; border-right-style: none; border-bottom-style: none; text-decoration: none; max-width: 18.75rem; line-height: 0.75rem; padding: 0.1875rem 0 0.125rem 0.375rem; width: 11.875rem } .treats__treat:hover, .treats__treat:focus, .treats__treat:active { background-color: #fff; border-color: #c3c3c3 } @media (min-width: 71.25em) { .treats__treat { max-width: 8.75rem } } @media (min-width: 81.25em) { .treats__treat { max-width: 13.75rem } } .treats__treat:hover, .treats__treat:focus, .treats__treat:active { color: #121212; text-decoration: none } .treats__list-item { margin-top: 0.5rem } .treats__list-item:first-child { margin-top: 0 } .treats__crossword { display: block; margin-top: 1rem; margin-bottom: 0.5rem } .treats__crossword-link:hover .treats__treat, .treats__crossword-link:focus .treats__treat, .treats__crossword-link:active .treats__treat { color: #121212; border-color: #c3c3c3 } .fc-cp-scott__quote { display: block; color: #707070 } @media (min-width: 30em) { .fc-cp-scott__quote-line { display: block } } .fc-cp-scott__citation { display: block; color: #121212 } .fc-cp-scott__portrait { width: 4.375rem } @media (min-width: 46.25em) { .fc-cp-scott__portrait { width: 5rem } } .fc-cp-scott__avatar { float: right; width: 3.75rem; height: 3.75rem; border-radius: 100%; overflow: hidden; background-color: #fcebde } @media (max-width: 29.99em) { .fc-cp-scott__avatar { position: absolute; bottom: 0; right: 0 } } @media (min-width: 46.25em) { .fc-cp-scott__avatar { margin-top: -0.375rem; margin-bottom: 0.375rem; width: 4.375rem; height: 4.375rem; margin-left: -0.0625rem } } @media (min-width: 71.25em) { .fc-cp-scott__avatar { margin-top: 0; margin-bottom: 0; float: none } } @media (min-width: 81.25em) { .has-page-skin .fc-cp-scott__avatar { float: right; margin-top: -0.375rem; margin-bottom: 0.375rem } } .fc-cp-scott__text { font-size: 0.875rem; line-height: 1.0625rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; clear: left; margin-right: 5rem; line-height: 1rem } .fc-cp-scott__text .inline-quote svg { width: 1rem; height: auto; fill: #707070 } @media (min-width: 30em) { .fc-cp-scott__text { clear: none; float: right; margin-right: 0.625rem; margin-top: 0.125rem } } @media (min-width: 46.25em) { .fc-cp-scott__text { margin-top: 0 } } @media (min-width: 71.25em) { .fc-cp-scott__text { float: none; margin-right: 0 } } @media (min-width: 81.25em) { .has-page-skin .fc-cp-scott__text { float: right; margin-right: 0.625rem } } .fc-podcast-container__main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } @media (max-width: 46.24em) { .fc-podcast-container__main { margin: 0 } } @media (min-width: 46.25em) { .fc-podcast-container__main { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .fc-podcast-container__main>:first-child { margin: 0 0.625rem; -webkit-flex: calc(75% - 1.3125rem) 0 0; -ms-flex: calc(75% - 1.3125rem) 0 0px; flex: calc(75% - 1.3125rem) 0 0 } .fc-podcast-container__main>:last-child { margin-left: 0.625rem; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .fc-podcast-container__main>:last-child::before { content: ''; display: block; position: absolute; margin-left: -0.625rem; width: 0.0625rem; height: 100%; border-left: 0.0625rem solid #dcdcdc } } .fc-podcast-container__main .fc-item--type-media { position: relative } .fc-podcast-container__episode { display: -webkit-flex; display: -ms-flexbox; display: flex } .fc-podcast-container__episode, .fc-podcast-container__series { border-top: solid 0.0625rem #fc6dfb } .fc-podcast-container__episode-details { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } @media (min-width: 46.25em) { .fc-podcast-container__episode-details { border-left: 0.0625rem solid #777777; margin-left: 0.625rem } } .fc-podcast-container__episode-details .fc-item__header, .fc-podcast-container__episode-details .fc-item__standfirst-wrapper, .fc-podcast-container__episode-details .fc-podcast-container__subscribe { padding-left: 0.3125rem; padding-right: 0.3125rem } @media (min-width: 46.25em) { .fc-podcast-container__episode-details .fc-item__header, .fc-podcast-container__episode-details .fc-item__standfirst-wrapper, .fc-podcast-container__episode-details .fc-podcast-container__subscribe { padding-left: 0.625rem; padding-right: 0.625rem } } .fc-podcast-container__episode-details .fc-item__header { font-size: 1.25rem; line-height: 1.5rem } @media (min-width: 61.25em) { .fc-podcast-container__episode-details .fc-item__header { font-size: 1.5rem; line-height: 1.75rem } } .fc-podcast-container__episode-details .fc-item__header .fc-item__link div { display: inline } @media (min-width: 61.25em) { .fc-podcast-container__episode-details .fc-item__standfirst { display: block; margin-bottom: 0.375rem; font-size: 0.8125rem } } .fc-podcast-container__episode-details .fc-item__kicker, .fc-podcast-container__series .fc-item__kicker { color: #fc6dfb } .fc-podcast-container__episode-image-generic, .fc-podcast-container__episode-image-generic img { width: 7.4375rem; height: 7.4375rem } @media (min-width: 46.25em) { .fc-podcast-container__episode-image-generic, .fc-podcast-container__episode-image-generic img { width: 10rem; height: 10rem } } @media (min-width: 61.25em) { .fc-podcast-container__episode-image-generic, .fc-podcast-container__episode-image-generic img { width: 13.75rem; height: 13.75rem } } .fc-podcast-container__episode-image-story .fc-item__image-container { padding-bottom: 0; line-height: 1 } .fc-podcast-container__episode-image-story .fc-item__image-container img { object-fit: cover; position: static; width: 7.4375rem; height: 7.4375rem } @media (min-width: 46.25em) { .fc-podcast-container__episode-image-story .fc-item__image-container img { width: 10rem; height: 10rem } } @media (min-width: 61.25em) { .fc-podcast-container__episode-image-story .fc-item__image-container img { width: 13.75rem; height: 13.75rem } } .fc-podcast-container__subscribe-small { padding: 0.3125rem 0.3125rem 0.125rem; display: block } @media (min-width: 30em) { .fc-podcast-container__subscribe-small { display: none } } .fc-podcast-container__subscribe-large { background-color: transparent; padding: 0.375rem 0 0.1875rem; display: none } @media (min-width: 30em) { .fc-podcast-container__subscribe-large { display: block } } .fc-podcast-container__subscribe-links { display: inline-block; vertical-align: top; padding-top: 0.1875rem } .fc-podcast-container__subscribe-links span:first-child { display: none } @media (min-width: 30em) { .fc-podcast-container__subscribe-links span:first-child { display: inline-block } } .fc-podcast-container__subscribe { color: #fff; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 0.6875rem; border-top: solid 0.0625rem #777777 } @media (min-width: 61.25em) { .fc-podcast-container__subscribe { font-size: 0.75rem } } .fc-podcast-container__subscribe span { margin-right: 0.125rem } .fc-podcast-container__subscribe span:first-child { font-weight: bold } .fc-podcast-container__subscribe span:not(:first-child):not(:last-child) { border-right: solid 0.0625rem #999; padding-right: 0.375rem } .fc-podcast-container__subscribe a { color: #fff; z-index: 1; position: relative } .fc-podcast-container__audio-icon-container { display: inline-block } .fc-podcast-container__audio-icon { width: 1.4375rem; height: 1.4375rem; display: inline-block; background-color: #fc6dfb; border-radius: 50% } .fc-podcast-container__audio-icon svg { fill: #333333; width: 0.875rem; height: auto; margin-left: auto; margin-right: auto; margin-top: 0.375rem; display: block } .fc-podcast-container__series { margin-top: 0.6875rem } @media (min-width: 46.25em) { .fc-podcast-container__series { margin-top: 0; margin-right: 0.625rem } } .fc-podcast-container__series .fc-item__media-wrapper { display: none } @media (min-width: 46.25em) { .fc-podcast-container__series .fc-item__media-wrapper { display: block } } .fc-podcast-container__series .fc-item__container { width: 100% } .fc-podcast-container__series .fc-item__header { padding: 0.125rem 0 0.5rem } .fc-podcast-container__series .fc-item__header h2 { font-size: 0.875rem; line-height: 1.125rem } @media (min-width: 61.25em) { .fc-podcast-container__series .fc-item__header h2 { font-size: 1.25rem; line-height: 1.5rem } } .fc-podcast-container__main .u-faux-block-link__cta { text-decoration: none } @media (max-width: 71.24em) { .badge-slot { float: left; margin-right: 0.625rem } } @media (min-width: 61.25em) { article:not(.content--type-immersive) .badge-slot { margin-bottom: 0.375rem } } .badge-slot__img { display: block; height: 2.625rem; width: auto } @media (min-width: 71.25em) { .badge-slot__img { height: 3.375rem } } .content--media a[href*='series/guardian-200'] .badge-slot__img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } #flagship-audio { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web", Georgia, serif; font-weight: normal; font-weight: 300; padding-top: 0; margin-bottom: 0 } #flagship-audio .ad-slot, #flagship-audio .ad-slot--paid-for-badge { display: none !important } #flagship-audio .content--media { background-color: #121212 } #flagship-audio .content--media .submeta__link { color: #fff } #flagship-audio section.flagship-audio { background: #082b61; background: linear-gradient(0deg, #082b61 0%, #2470a3 100%); padding: 0 } #flagship-audio section.flagship-audio .flagship-audio__thrasher { width: 100%; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content { padding-top: 0.375rem } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__logo { position: absolute; top: 0.375rem } @media (max-width: 29.99em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__logo { right: 0 } } @media (min-width: 30em) and (max-width: 71.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__logo { right: 0.625rem } } @media (min-width: 71.25em) and (max-width: 81.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__logo { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } } @media (max-width: 41.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__logo svg { -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: scale(0.8); transform: scale(0.8) } } @media (min-width: 61.25em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__logo { right: 0.625rem; width: 7.1875rem } } @media (min-width: 81.25em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__logo { right: 5.625rem } } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content-main { z-index: 9 } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content { padding: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-left: 0 } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content::before { display: none } @media (max-width: 61.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 0; padding: 0 } } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content .flagship-audio__description, #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content .flagship-audio__title { color: #ffffff; max-width: 20.625rem } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content .flagship-audio__description { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web", Georgia, serif; padding-top: 0.375rem; margin-top: 0.125rem; margin-bottom: 0.125rem } @media (max-width: 22.49em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content .flagship-audio__description { font-size: 0.9375rem; line-height: 135% } } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content .flagship-audio__title { font-size: 2.625rem; line-height: 2.875rem; font-weight: 700; color: #ffffff; margin-bottom: 0 } @media (min-width: 20em) and (max-width: 41.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content .flagship-audio__title { font-size: 2.125rem; line-height: 2.375rem } } @media (max-width: 22.49em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__content .flagship-audio__title { max-width: 60% } } @media (min-width: 20em) and (max-width: 41.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; justify-self: flex-end; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } } @media (min-width: 41.25em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork { position: absolute; right: 0; bottom: 0; z-index: 8 } } @media (min-width: 61.25em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork { right: 1.25rem } } @media (min-width: 81.25em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork { right: 6.25rem } } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder { width: 100%; top: 0 } @media (max-width: 22.49em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder { margin-bottom: -3rem } } @media (min-width: 22.5em) and (max-width: 29.99em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder { margin-bottom: -2.25rem } } @media (min-width: 30em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder { margin-bottom: -0.375rem } } @media (min-width: 41.25em) and (max-width: 61.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder { float: right; position: relative } } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder svg { overflow: visible } @media (max-width: 41.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder svg { width: 100% } } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder svg path { fill: #ff00f0 } #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork .artwork-holder svg path:nth-child(2) { fill: #0a3168 } @media (min-width: 20em) and (max-width: 41.24em) { #flagship-audio section.flagship-audio .flagship-audio__thrasher .flagship-audio__artwork { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } #flagship-audio .flagship-audio__content-buttons { list-style: none; line-height: 1; padding: 2.5rem 0 0.3125rem; background-color: transparent; color: #121212; overflow: auto; display: block; margin: 0 } @media (max-width: 41.24em) { #flagship-audio .flagship-audio__content-buttons { display: none } } #flagship-audio .flagship-audio__content-buttons .flagship-audio__link-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } #flagship-audio .flagship-audio__content-buttons .flagship-audio__subscribe-label { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin-bottom: 0.375rem; color: #ffffff; font-weight: 800; font-size: 1.0625rem } @media (min-width: 41.25em) { #flagship-audio .flagship-audio__content-buttons .flagship-audio__subscribe-label { padding-top: 0.625rem; margin-right: 0.5rem } } #flagship-audio .flagship-audio__button { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; border: 0.0625rem solid #ffffff; color: #ffffff; padding: 0.625rem 0.75rem; border-radius: 1.25rem; font-weight: 600; font-family: 'Guardian Text Sans Web'; font-size: 0.875rem; margin: 0 0.25rem 0.5rem 0 } #flagship-audio .flagship-audio__button span { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } #flagship-audio .flagship-audio__link:hover { text-decoration: none } #flagship-audio .flagship-audio__link:hover .flagship-audio__button { background-color: rgba(255, 255, 255, 0.15) } #flagship-audio #flagship-audio__mobile-only { display: none } @media (max-width: 41.24em) { #flagship-audio #flagship-audio__mobile-only { display: block; padding: 0 } #flagship-audio #flagship-audio__mobile-only ul.flagship-audio__content-buttons { display: block; background-color: #121212; margin: 0; padding: 0.25rem 0.625rem } } @media (max-width: 41.24em) and (min-width: 30em) { #flagship-audio #flagship-audio__mobile-only ul.flagship-audio__content-buttons { padding: 0.25rem 1.25rem } } @media (max-width: 41.24em) { #flagship-audio #flagship-audio__mobile-only ul.flagship-audio__content-buttons .flagship-audio__subscribe-label { color: #fff } } #flagship-audio .fc-container .fc-date-headline { color: #fff } #flagship-audio .fc-container .fc-container__inner { border-color: #333 } #flagship-audio .fc-container .fc-container__inner .fc-container__header { font-size: 1.5rem; line-height: 1.6875rem } #flagship-audio .fc-container .fc-container__inner .fc-container__header::after { display: none } @media (min-width: 71.25em) { #flagship-audio .fc-container .fc-container__inner .fc-container__header::after { display: block; content: ''; position: absolute; height: 1.875rem; width: 0.0625rem; background-color: #333; right: -0.6875rem; top: -0.375rem } } #flagship-audio .fc-container .fc-item__container { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } #flagship-audio .fc-container .fc-item__container::before { background-color: #fc6dfb } #flagship-audio .fc-container .fc-item__container .fc-date-headline { color: #fff } @media (max-width: 41.24em) { #flagship-audio .fc-container .fc-item__container .fc-item__media-wrapper { margin: 0 } } @media (max-width: 46.24em) { #flagship-audio .fc-container .fc-item__container .fc-item__media-wrapper { -webkit-flex-basis: 15%; -ms-flex-preferred-size: 15%; flex-basis: 15% } } @media (min-width: 46.25em) and (max-width: 61.24em) { #flagship-audio .fc-container .fc-item__container .fc-item__media-wrapper { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30% } } @media (min-width: 61.25em) { #flagship-audio .fc-container .fc-item__container .fc-item__media-wrapper { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20% } } #flagship-audio .fc-container .fc-item__container .fc-item__media-wrapper .u-responsive-ratio { padding-bottom: 100%; height: 100%; width: auto } @media (min-width: 61.25em) { #flagship-audio .fc-container .fc-item__container .fc-item__media-wrapper .u-responsive-ratio { width: 14.375rem } } #flagship-audio .fc-container .fc-item__container .fc-item__media-wrapper img { object-fit: cover } #flagship-audio .fc-container .fc-item__container .fc-item__content { max-width: 100%; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; min-height: 7.5rem } @media (min-width: 46.25em) and (max-width: 81.24em) { #flagship-audio .fc-container .fc-item__container .fc-item__content { padding: 0 1.25rem 1.25rem } } #flagship-audio .fc-container .fc-item__container .fc-item__content .fc-item__header { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } #flagship-audio .fc-container .fc-item__container .fc-item__content .fc-item__standfirst { -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } #flagship-audio .fc-container .fc-item__container .fc-item__content .fc-item__title .fc-item__kicker { color: #fc6dfb } #flagship-audio .fc-container .fc-item__container .fc-item__content .fc-item__footer-meta-wrapper { margin-top: auto } #flagship-audio .fc-container .fc-item__container .fc-item__content .fc-item__footer-meta-wrapper .fc-item__media-meta .inline-icon { background-color: #fc6dfb } #flagship-audio .flagship-audio__contributions-banner, #flagship-audio section.flagship-audio { position: relative; z-index: 1000 } @media (min-width: 46.25em) { #flagship-audio .flagship-audio__contributions-banner>.fc-container__inner:before, #flagship-audio .flagship-audio__contributions-banner>.fc-container__inner:after, #flagship-audio section.flagship-audio>.fc-container__inner:before, #flagship-audio section.flagship-audio>.fc-container__inner:after { content: ''; position: absolute; top: 0; bottom: 0; width: 0.0625rem; background-color: rgba(0, 0, 0, 0.1) } #flagship-audio .flagship-audio__contributions-banner>.fc-container__inner:before, #flagship-audio section.flagship-audio>.fc-container__inner:before { left: 0 } #flagship-audio .flagship-audio__contributions-banner>.fc-container__inner:after, #flagship-audio section.flagship-audio>.fc-container__inner:after { right: 0 } } #flagship-audio .flagship-audio__contributions-banner { background: #082b61; background: linear-gradient(0deg, #082b61 0%, #2470a3 100%); padding-bottom: 0 } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder h2 { font-size: 1.5rem; line-height: 1.6875rem; color: #ffffff } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder p { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web", Georgia, serif; color: #ffffff } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder a { max-width: 10.625rem; border: 0.0625rem solid #ffffff; color: #ffffff } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder .flagship-audio__contributions-banner-text { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 0 0 18.75rem; -ms-flex: 0 0 18.75rem; flex: 0 0 18.75rem; z-index: 10 } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder .flagship-audio__contributions-banner-text .contributions__contribute { background-color: transparent } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder .flagship-audio__contributions-banner-text .contributions__contribute:hover { background-color: rgba(255, 255, 255, 0.15) } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder .flagship-audio__contributions-banner-image { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 5 } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder .flagship-audio__contributions-banner-image svg { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0; height: auto; width: auto } @media (max-width: 41.24em) { #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder .flagship-audio__contributions-banner-image svg { height: 60%; width: 60% } } #flagship-audio .flagship-audio__contributions-banner .flagship-audio__contributions-banner-holder .flagship-audio__contributions-banner-image svg path { fill: #ff00f0 } #flagship-audio .flagship-audio__contributions-banner .fc-container__inner .fc-container__header::after { background-color: rgba(0, 0, 0, 0.1); height: 18.75rem } .fc-item__standfirst{color:#fff!important;} .fc-item__video-duration{ margin-bottom:-15px;} .fc-container .fc-container__inner { border-top: 0.0625rem solid #dcdcdc; } #the-picture-essay .fc-item__standfirst{color:#121212!important;} /*======================dddddddddd============================*/ .relative-timestamp { display: block; color: #707070; 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 } .should-kern body { text-rendering: optimizeLegibility; -webkit-font-feature-settings: 'kern'; font-feature-settings: 'kern'; -webkit-font-kerning: normal; font-kerning: normal; -webkit-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: 1.0625rem; 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",Georgia,serif; font-weight: normal } .social-icon { width: 1.875rem; height: 1.875rem; border: 0.0625rem solid #121212; padding: 0; box-sizing: content-box; background-color: transparent } .social-icon,.social-icon:active,.social-icon:focus,.social-icon:hover { text-decoration: none; color: #121212 } .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: #00b2ff; 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: 19.99em) { .hide-until-mobile { display:none !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: 41.24em) { .hide-until-phablet { 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 (max-width: 61.24em) { .hide-until-desktop { 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: 61.25em) { .hide-from-desktop { 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 } } .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 (min-width: 20em) and (max-width: 61.24em) { .hide-on-tablet { 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: #041f4a; 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-aligner { margin: 0 auto; width: 100% } .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; -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 { text-decoration: none !important; border-bottom: 0.0625rem solid #dcdcdc; transition: border-color .15s ease-out } .u-underline:hover,.u-underline:focus { border-color: #6e99b3 } .u-underline:active { border-color: #00b2ff } .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: rgba(0,0,0,0) } 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 } .inline-list__item { display: inline-block } .inline-icon { fill: #ffffff } .inline-icon svg { overflow: visible } .inline-icon--light-grey { fill: #dcdcdc } .inline-icon--black { fill: #121212 } .inline-close--small svg { height: 100%; width: 45% } .inline-tone-fill { fill: #005689 } .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 } } @media (max-width: 29.99em) { .content__head:not(.tonal__head--tone-dead):not(.tonal__head--tone-live):not(.tonal__head--tone-media):not(.content__head--crossword):not(.content__head--interactive) { 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):not(.content__head--crossword):not(.content__head--interactive) { 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: 61.24em) { .nav-is-open { overflow:hidden; width: 100% } } @media (min-width: 61.25em) { .nav-is-open { overflow-x:hidden } } .new-header { background-color: #052962; position: relative } .new-header:not(.new-header--slim) { margin-bottom: 0 } @media (min-width: 46.25em) { .new-header { display:block } } @media (min-width: 81.25em) { .has-page-skin .new-header .gs-container { width:61.25rem } } .new-header__inner:after,.new-header__inner:before { content: ''; display: table } .new-header__inner:after { clear: both } .new-header__edition-container { position: absolute; top: 0; z-index: 1072; -webkit-transform: translateX(100%); transform: translateX(100%) } @media (min-width: 61.25em) { .new-header__edition-container { right:7.5rem; width: 6.875rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .new-header__edition-container { right:12.3125rem; width: 12.3125rem } } .new-header__edition-container .top-bar__item__seperator { margin-left: 0 } .new-header__menu-toggle { display: block; outline: 0; position: relative } @media (max-width: 61.24em) { .new-header__menu-toggle { position:absolute; right: 0.3125rem; bottom: 3.625rem } } @media (max-width: 61.24em) and (min-width: 22.5em) { .new-header__menu-toggle { right:0.3125rem; bottom: -0.1875rem } } @media (max-width: 61.24em) and (min-width: 30em) { .new-header__menu-toggle { right:1.125rem } } @media (max-width: 61.24em) and (min-width: 46.25em) { .new-header__menu-toggle { bottom:0.1875rem } } @media (max-width: 61.24em) { .new-header--slim .new-header__menu-toggle { top:0.1875rem; bottom: auto } } .new-header__menu-toggle:active { outline: 0 } .new-header__logo { float: right; margin-top: 0.625rem; margin-right: 3.375rem; margin-bottom: 1.5rem } @media (min-width: 22.5em) { .new-header__logo { margin-right:0.625rem } } @media (min-width: 30em) { .new-header__logo { margin-right:1.25rem } } @media (min-width: 61.25em) { .new-header__logo { margin-top:0.3125rem; margin-bottom: 1.125rem; position: relative; z-index: 1071 } } @media (min-width: 81.25em) { body:not(.has-page-skin) .new-header__logo { margin-right:6rem } } .new-header--slim .new-header__logo { position: absolute; margin: 0; right: 2.625rem; top: 0.1875rem; z-index: 1070 } @media (min-width: 30em) { body:not(.has-page-skin) .new-header--slim .new-header__logo { margin-right:0; right: 3.25rem } } @media (min-width: 61.25em) { body:not(.has-page-skin) .new-header--slim .new-header__logo { right:1.25rem } } @media (min-width: 61.25em) { .new-header--slim.new-header--open .new-header__logo { z-index:1072 } } .inline-the-guardian-roundel__svg { height: 2.625rem; width: 2.625rem } .inline-the-guardian-roundel__svg path:nth-child(1) { fill: #fff } .inline-the-guardian-roundel__svg path:nth-child(2) { fill: #052962 } .inline-the-guardian-logo__svg { display: block; height: 2.75rem; width: 8.4375rem } @media (min-width: 22.5em) { .inline-the-guardian-logo__svg { height:3.5rem; width: 10.9375rem } } @media (min-width: 46.25em) { .inline-the-guardian-logo__svg { height:4.5rem; width: 14rem } } @media (min-width: 61.25em) { .inline-the-guardian-logo__svg { height:5.9375rem; width: 18.4375rem } } .inline-the-guardian-logo__svg path { fill: #fff } .inline-guardian-best-website-logo { display: block; height: auto; width: 9.125rem } @media (min-width: 22.5em) { .inline-guardian-best-website-logo { width:12.1875rem } } @media (min-width: 46.25em) { .inline-guardian-best-website-logo { width:14rem } } @media (min-width: 61.25em) { .inline-guardian-best-website-logo { width:18.4375rem } } .new-header--slim { height: 3rem } @media (max-width: 61.24em) { .nav-is-open { overflow:hidden; width: 100% } } @media (min-width: 61.25em) { .nav-is-open { overflow-x:hidden } } .header-top-nav { background-color: #052962; position: relative } .header-top-nav:not(.header-top-nav--slim) { margin-bottom: 0 } @media (min-width: 46.25em) { .header-top-nav { display:block } } @media (min-width: 81.25em) { .has-page-skin .header-top-nav .gs-container { width:61.25rem } } .header-top-nav .header-top-nav__top-bar { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; font-weight: bold; height: 1.875rem; padding-right: 6rem; padding-left: 0.75rem } @media (min-width: 61.25em) { .header-top-nav .header-top-nav__top-bar { -webkit-justify-content:end; -ms-flex-pack: end; justify-content: end; height: 2.1875rem; padding-right: 0; padding-left: 0 } } .header-top-nav .header-top-nav__top-bar a.top-bar__item:hover { color: #fff; text-decoration: underline } .header-top-nav .header-top-nav__top-bar a.top-bar__item.yellow { color: #ffe500 } .header-top-nav .header-top-nav__top-bar a.top-bar__item.yellow:hover { color: #ffe500 } @media (max-width: 61.24em) { .header-top-nav .header-top-nav__top-bar a.top-bar__item { font-weight:400; padding: 0.1875rem 0.625rem } } .header-top-nav .header-top-nav__item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 0 } .header-top-nav .header-top-nav__item .header-top-nav__item--separator { border-left: 0.0625rem solid #506991; position: absolute; left: 0; top: 0; height: 1.5rem } .header-top-nav .header-top-nav__item svg { fill: currentColor; float: left; height: 1.125rem; width: 1.125rem; margin: -0.0625rem 0.25rem 0 0 } .header-top-nav__full-width { background-color: #041f4a; width: 100% } .header-top-nav__inner:after,.header-top-nav__inner:before { content: ''; display: table } .header-top-nav__inner:after { clear: both } .header-top-nav__edition-container { position: absolute; top: 0; z-index: 1072; -webkit-transform: translateX(100%); transform: translateX(100%) } @media (min-width: 61.25em) { .header-top-nav__edition-container { right:7.5rem; width: 6.875rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .header-top-nav__edition-container { right:12.3125rem; width: 12.3125rem } } .header-top-nav__edition-container .top-bar__item__seperator { margin-left: 0 } .header-top-nav__menu-toggle { display: block; outline: 0; position: relative } @media (max-width: 61.24em) { .header-top-nav__menu-toggle { position:absolute; right: 0.3125rem; bottom: 3.625rem } } @media (max-width: 61.24em) and (min-width: 22.5em) { .header-top-nav__menu-toggle { right:0.3125rem; bottom: -0.1875rem } } @media (max-width: 61.24em) and (min-width: 30em) { .header-top-nav__menu-toggle { right:1.125rem } } @media (max-width: 61.24em) and (min-width: 46.25em) { .header-top-nav__menu-toggle { bottom:0.1875rem } } @media (max-width: 61.24em) { .header-top-nav--slim .header-top-nav__menu-toggle { top:0.1875rem; bottom: auto } } .header-top-nav__menu-toggle:active { outline: 0 } .header-top-nav__logo { float: right; margin-top: 0.375rem; margin-right: 3.375rem; margin-bottom: 0.625rem } @media (min-width: 22.5em) { .header-top-nav__logo { margin-right:0.625rem } } @media (min-width: 30em) { .header-top-nav__logo { margin-right:1.25rem } } @media (min-width: 61.25em) { .header-top-nav__logo { margin-top:0.3125rem; margin-bottom: 0.75rem; position: relative; z-index: 1071 } } @media (min-width: 81.25em) { body:not(.has-page-skin) .header-top-nav__logo { margin-right:6rem } } .header-top-nav--slim .header-top-nav__logo { position: absolute; margin: 0; right: 2.625rem; top: 0.1875rem; z-index: 1070 } @media (min-width: 30em) { body:not(.has-page-skin) .header-top-nav--slim .header-top-nav__logo { margin-right:0; right: 3.25rem } } @media (min-width: 61.25em) { body:not(.has-page-skin) .header-top-nav--slim .header-top-nav__logo { right:1.25rem } } @media (min-width: 61.25em) { .header-top-nav--slim.header-top-nav--open .header-top-nav__logo { z-index:1072 } } .inline-the-guardian-roundel__svg { height: 2.625rem; width: 2.625rem } .inline-the-guardian-roundel__svg path:nth-child(1) { fill: #fff } .inline-the-guardian-roundel__svg path:nth-child(2) { fill: #052962 } .inline-the-guardian-logo__svg { display: block; height: 2.75rem; width: 8.4375rem } @media (min-width: 22.5em) { .inline-the-guardian-logo__svg { height:3.5rem; width: 10.9375rem } } @media (min-width: 46.25em) { .inline-the-guardian-logo__svg { height:4.5rem; width: 14rem } } @media (min-width: 61.25em) { .inline-the-guardian-logo__svg { height:5.9375rem; width: 18.4375rem } } .inline-the-guardian-logo__svg path { fill: #fff } .inline-guardian-best-website-logo,.inline-guardian-best-newspaper-logo { display: block; height: auto; width: 9.125rem } @media (min-width: 22.5em) { .inline-guardian-best-website-logo,.inline-guardian-best-newspaper-logo { width:12.1875rem } } @media (min-width: 46.25em) { .inline-guardian-best-website-logo,.inline-guardian-best-newspaper-logo { width:14rem } } @media (min-width: 61.25em) { .inline-guardian-best-website-logo,.inline-guardian-best-newspaper-logo { width:18.4375rem } } .header-top-nav--slim { height: 3rem } /* .menu { background-color: #052962; box-sizing: border-box; font-size: 1.25rem; left: 0; line-height: 1; margin-right: 1.6875rem; padding-bottom: 1.5rem; top: 0; z-index: 1070 } @media (max-width: 61.24em) { .menu { -webkit-transform:translateX(-110%); transform: translateX(-110%); 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); -webkit-overflow-scrolling: touch; box-shadow: 0.1875rem 0 1rem rgba(0,0,0,0.4); bottom: 0; height: 100%; overflow: auto; padding-top: 0.375rem; position: fixed; z-index: 1072; right: 0; 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); will-change: transform } } @media (min-width: 22.5em) { .menu { margin-right:1.8125rem } } @media (min-width: 30em) { .menu { margin-right:2.5625rem } } @media (min-width: 61.25em) { .menu { display:none; position: absolute; padding-bottom: 0; padding-top: 0; top: 100%; left: 0; right: 0; width: 100% } @supports (width: 100vw) { .menu { left:50%; right: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw } } .new-header--slim .menu,.header-top-nav--slim .menu { top: 2.625rem } } @media (max-width: 61.24em) { .new-header--open .menu,.header-top-nav--open .menu { -webkit-transform:translateX(0%); transform: translateX(0%); 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 (min-width: 61.25em) { .new-header--open .menu,.header-top-nav--open .menu { display:block } } x:-o-prefocus .menu { display: none } */ .menu__inner { box-sizing: border-box } @media (max-width: 61.24em) { .menu__inner.gs-container { max-width:none } } @media (min-width: 61.25em) { .menu__inner { background-color:#052962; border: 0.0625rem solid #506991; border-bottom: 0; border-top: 0; box-sizing: border-box; padding: 0 1.25rem } .new-header--slim .menu__inner,.header-top-nav--slim .menu__inner { border-color: transparent } } .menu__overlay { background-color: rgba(0,0,0,0.5); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1); width: 0; z-index: 1069 } .new-header--open .menu__overlay,.header-top-nav--open .menu__overlay { opacity: 1; width: 100% } @media (min-width: 61.25em) { .menu__overlay { display:none } } .menu-group { box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.125rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 0 0.75rem; position: relative } @media (min-width: 61.25em) { .menu-group { display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0 } } @media (max-width: 61.24em) { [aria-expanded='false'] ~ .menu-group { display:none } } .menu-group--primary { padding-top: 0 } @media (min-width: 61.25em) { .menu-group--primary { -webkit-flex-direction:row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-order: 1; -ms-flex-order: 1; order: 1 } } .menu-group--secondary { background-color: #041f4a; margin-top: 0; padding-top: 0 } @media (min-width: 61.25em) { .menu-group--secondary { background-color:transparent; padding-bottom: 0; width: 100% } } .menu-group--membership { padding-bottom: 0; position: relative } .menu-group--editions,.menu-group--membership { padding-bottom: 0 } .menu-group--editions .menu-group,.menu-group--membership .menu-group { background-color: #041f4a } @media (min-width: 61.25em) { .menu-group--footer { bottom:0; left: 42.4375rem; padding-left: 0.625rem; position: absolute; top: 0; width: 8.375rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .menu-group--footer { left:50.5625rem; width: 10rem } } @media (min-width: 61.25em) { .menu-group--footer:before,.menu-group--primary>.menu-item:not(:first-child):before,.menu-group--brand-extensions:before { content:''; position: absolute; left: 0; top: 0; bottom: 0; border-left: 0.0625rem solid #506991 } } .menu-group--brand-extensions { position: absolute; right: 1.875rem; top: -2.625rem; bottom: 0; padding: 2.625rem 1.25rem 0.75rem 0.625rem; width: 8.1875rem } @media (min-width: 71.25em) { body:not(.has-page-skin) .menu-group--brand-extensions { width:8.75rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .menu-group--brand-extensions { width:18.75rem; padding-top: 0.625rem } } .menu-item-divider { height: 0.0625rem; width: 100%; background: #506991; border: 0; margin: 0.375rem 0 0 3.125rem } @media (min-width: 46.25em) { .menu-item-divider { margin-left:3.75rem } } @media (min-width: 61.25em) { .menu-item-divider { margin-left:0.375rem 0 } } .menu-item__title { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; background-color: transparent; border: 0; box-sizing: border-box; color: #fff; cursor: pointer; display: inline-block; font-size: 1.25rem; outline: none; padding: 0.5rem 1.9375rem 0.5rem 3.125rem; position: relative; text-align: left; width: 100% } .menu-group--membership .menu-item__title { color: #ffe500; font-weight: 700 } @media (min-width: 46.25em) { .menu-item__title { padding-left:3.75rem } } @media (min-width: 61.25em) { .menu-item__title { font-size:1rem; line-height: 1.2; padding: 0.375rem 0 } } .menu-item__title:hover,.menu-item__title:focus { color: #ffe500; text-decoration: none } .menu-item__title:focus { text-decoration: underline } .menu-item__title>* { pointer-events: none } @media (max-width: 61.24em) { .menu-group--primary>*:not(:last-child)>.menu-item__title:not([aria-expanded='true']):after,.menu-item__title[data-link-name='nav2 : The Guardian app']:not([aria-expanded='true']):after,.menu-item__title[data-link-name='nav2 : facebook']:not([aria-expanded='true']):after,.menu-group--footer>*:first-child .menu-item__title:not([aria-expanded='true']):after,.menu-group--membership>*:first-child .menu-item__title:not([aria-expanded='true']):after { background-color:#506991; bottom: 0; content: ''; display: block; height: 0.0625rem; left: 3.125rem; right: 0; position: absolute } } @media (max-width: 61.24em) and (min-width: 46.25em) { .menu-group--primary>*:not(:last-child)>.menu-item__title:not([aria-expanded='true']):after,.menu-item__title[data-link-name='nav2 : The Guardian app']:not([aria-expanded='true']):after,.menu-item__title[data-link-name='nav2 : facebook']:not([aria-expanded='true']):after,.menu-group--footer>*:first-child .menu-item__title:not([aria-expanded='true']):after,.menu-group--membership>*:first-child .menu-item__title:not([aria-expanded='true']):after { left:3.75rem } } @media (max-width: 61.24em) { .menu-item__title[data-link-name='nav2 : The Guardian app'],.menu-item__title[data-link-name='nav2 : facebook'],.menu-group--footer>*:first-child .menu-item__title { margin-top:1.5rem } .menu-item__title[data-link-name='nav2 : The Guardian app']:after,.menu-item__title[data-link-name='nav2 : facebook']:after,.menu-group--footer>*:first-child .menu-item__title:after { bottom: auto; top: 0 } } @media (max-width: 61.24em) { .menu-group--membership>*:first-child .menu-item__title:not([aria-expanded='true']):after { bottom:auto; top: 0 } } .menu-group--primary>.menu-item>.menu-item__title { font-size: 1.5rem; line-height: 1.6875rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 700; color: #fff; padding-bottom: 1.125rem; padding-top: 0.375rem } .menu-item--brand-extension { margin-right: 0; margin-top: -0.375rem; padding-bottom: 0 } .menu-item__title--brand-extension { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 700 } @media (min-width: 81.25em) { body:not(.has-page-skin) .menu-item__title--brand-extension { font-size:1.5rem; line-height: 1.6875rem; padding-top: 0.3125rem } } .menu-item__icon,.menu-item__toggle { left: 1.5625rem; position: absolute } @media (min-width: 46.25em) { .menu-item__icon,.menu-item__toggle { left:2.1875rem } } @media (min-width: 61.25em) { .menu-item__icon,.menu-item__toggle { display:none } } .menu-item__toggle { margin-top: -0.25rem } [aria-expanded='true']>.menu-item__toggle { margin-top: 0.125rem } .menu-item__toggle:before { border: 0.125rem solid currentColor; border-top: 0; border-left: 0; content: ''; display: inline-block; height: 0.5rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 0.5rem } [aria-expanded='true']>.menu-item__toggle:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .menu-item__icon { margin-left: -0.1875rem } .menu-item__icon .inline-icon__svg { fill: currentColor } .menu-item__icon .inline-home__svg { height: 1rem; width: 1rem } .menu-item__icon .inline-log-off__svg { height: .8em } .menu-item__icon .inline-share-facebook__svg,.menu-item__icon .inline-share-twitter__svg { margin-left: -0.375rem; margin-top: -0.3125rem } .menu-search { box-sizing: border-box; display: block; margin-left: 0.8125rem; max-width: 23.75rem; position: relative; width: 100%; margin-bottom: 1.5rem; margin-right: 2.5625rem } @media (min-width: 46.25em) { .menu-search { margin-left:1.375rem } } .menu-search__search-box { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; background-color: rgba(255,255,255,0.1); border: 0; border-radius: 62.5rem; box-sizing: border-box; color: #fff; font-size: 1.25rem; height: 2.25rem; padding-left: 2.375rem; vertical-align: middle; width: 100% } .menu-search__search-box::-webkit-input-placeholder { color: #fff } .menu-search__search-box::-moz-placeholder { color: #fff } .menu-search__search-box:-ms-input-placeholder { color: #fff } .menu-search__search-box::-ms-input-placeholder { color: #fff } .menu-search__search-box::placeholder { color: #fff } .menu-search__search-box:focus { outline: none; padding-right: 2.5rem } .menu-search__search-box:focus::-webkit-input-placeholder { opacity: 0 } .menu-search__search-box:focus::-moz-placeholder { opacity: 0 } .menu-search__search-box:focus:-ms-input-placeholder { opacity: 0 } .menu-search__search-box:focus::-ms-input-placeholder { opacity: 0 } .menu-search__search-box:focus::placeholder { opacity: 0 } .menu-search__glass { position: absolute; left: 0.625rem; top: 0.4375rem } .menu-search__glass .inline-search-36__svg { fill: #fff; height: 1.375rem; width: 1.375rem } .menu-search__submit { background: transparent; border: 0; bottom: 0; cursor: pointer; display: block; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 3.125rem } .menu-search__submit:before,.menu-search__submit:after { border: 0.125rem solid #fff; border-left: 0; border-top: 0; content: ''; display: block; position: absolute; right: 0.875rem } .menu-search__submit:before { height: 0.75rem; top: 0.6875rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 0.75rem } @media (min-width: 61.25em) { .menu-search__submit:before { top:0.875rem } } .menu-search__submit:after { border-right: 0; top: 1.0625rem; width: 1.25rem } .menu-search__search-box:focus ~ .menu-search__submit,.menu-search__submit:focus,.menu-search__submit:active { opacity: 1; outline: none; pointer-events: all } .pillars { clear: right; margin: 0; padding: 0 0 0 0.625rem } .new-header:not(.new-header--slim) .pillars:after,.header-top-nav:not(.header-top-nav--slim) .pillars:after { content: ''; border: 0.0625rem solid #506991; border-bottom: 0; position: absolute; bottom: 0; left: 0; right: 0; height: 2.25rem } @media (max-width: 46.24em) { .new-header:not(.new-header--slim) .pillars:after,.header-top-nav:not(.header-top-nav--slim) .pillars:after { border-left:0; border-right: 0 } } @media (min-width: 46.25em) { .new-header:not(.new-header--slim) .pillars:after,.header-top-nav:not(.header-top-nav--slim) .pillars:after { height:3rem } } @media (min-width: 61.25em) { .new-header:not(.new-header--slim) .pillars:after,.header-top-nav:not(.header-top-nav--slim) .pillars:after { height:2.625rem } } @media (min-width: 30em) { .pillars { padding-left:1.25rem } } @media (min-width: 61.25em) { .new-header--open .pillars,.pillars .header-top-nav--open { z-index:1070 } } @media (max-width: 46.24em) { .new-header--slim .pillars,.header-top-nav--slim .pillars { display:none } } .pillars__item { display: block; float: left } @media (max-width: 29.99em) { .pillars__item { -webkit-flex-grow:1; -ms-flex-positive: 1; flex-grow: 1; text-align: center } } @media (min-width: 61.25em) { .pillars__item { width:8.375rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .pillars__item { width:10rem } } .pillars__item:first-child { margin-left: -1.25rem } @media (min-width: 61.25em) { .pillars__item:first-child { width:9rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .pillars__item:first-child { width:10.625rem } } .pillars__item:first-child .pillar-link { padding-left: 1.25rem } .pillars__item:first-child .pillar-link:before { content: none } .pillar-link { box-sizing: border-box; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; color: #fff; cursor: pointer; display: block; font-size: 0.9625rem; height: 2.25rem; line-height: 1; padding: 0.5625rem 0.3125rem 0; position: relative; overflow: hidden; z-index: 1 } @media (min-width: 22.5em) { .pillar-link { font-size:0.98125rem; padding: 0.5625rem 0.25rem 0 } } @media (min-width: 23.125em) { .pillar-link { font-size:1rem; padding: 0.5625rem 0.3125rem 0 } } @media (min-width: 30em) { .pillar-link { font-size:1.125rem; padding: 0.4375rem 0.25rem 0 } } @media (min-width: 46.25em) { .pillar-link { font-size:1.375rem; padding-top: 0.6875rem; height: 3rem; padding-right: 1.25rem; padding-left: 0.625rem } .new-header--slim .pillar-link,.header-top-nav--slim .pillar-link { height: 3rem; padding-top: 0.6875rem } } @media (min-width: 61.25em) { .pillar-link { padding-top:0.4375rem; height: 2.625rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .pillar-link { font-size:1.5rem } } .pillar-link:before,.pillar-link:not(.pillar-link--dropdown):after { bottom: 0; content: ''; display: block; left: 0; position: absolute } .pillar-link:before { border-left: 0.0625rem solid #506991; top: 0; z-index: 1 } @media (min-width: 46.25em) { .pillar-link:before { bottom:1.0625rem } } @media (min-width: 61.25em) { .pillar-link:before { bottom:.6em } .new-header--open .pillar-link:before,.header-top-nav--open .pillar-link:before { bottom: 0 } } .pillar-link:after { border-top: 0.25rem solid currentColor; left: 0.0625rem; right: 0; top: -0.25rem; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } .pillar-link:hover,.pillar-link:focus { color: #fff; text-decoration: none } .pillar-link:hover:after,.pillar-link:focus:after { -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem) } @media (min-width: 61.25em) { .new-header--open .pillar-link:hover,.new-header--open .pillar-link:focus,.header-top-nav--open .pillar-link:hover,.header-top-nav--open .pillar-link:focus { color:#ffe500 } .new-header--open .pillar-link:after,.header-top-nav--open .pillar-link:after { -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem) } } .pillar-link--current-section:after { -webkit-transform: translateY(0.25rem); transform: translateY(0.25rem) } .pillar-link--dropdown__icon { border: 0.0625rem solid currentColor; border-left: transparent; border-top: transparent; display: inline-block; height: 0.375rem; margin-left: 0.125rem; -webkit-transform: translateY(-0.1875rem) rotate(45deg); transform: translateY(-0.1875rem) rotate(45deg); transition: -webkit-transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out; vertical-align: middle; width: 0.375rem } .pillar-link--dropdown:hover .pillar-link--dropdown__icon { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) } .new-header--open .pillar-link--dropdown .pillar-link--dropdown__icon,.header-top-nav--open .pillar-link--dropdown .pillar-link--dropdown__icon { -webkit-transform: translateY(0.0625rem) rotate(-135deg); transform: translateY(0.0625rem) rotate(-135deg) } .new-header--open .pillar-link--dropdown:hover .pillar-link--dropdown__icon,.header-top-nav--open .pillar-link--dropdown:hover .pillar-link--dropdown__icon { -webkit-transform: translateY(-0.125rem) rotate(-135deg); transform: translateY(-0.125rem) rotate(-135deg) } .pillar-link--sections { color: #fff; font-weight: 300; float: left; padding-right: 0.3125rem; transition: color 250ms ease-out } .pillar-link--sections:hover,.pillar-link--sections:focus { color: #ffe500 } .new-header__cta-bar,.header-top-nav__cta-bar { padding-top: 2.4375rem; padding-left: 0.625rem; max-width: 21.25rem } @media (min-width: 22.5em) { .new-header__cta-bar,.header-top-nav__cta-bar { padding-top:2.75rem } } @media (min-width: 30em) { .new-header__cta-bar,.header-top-nav__cta-bar { padding-left:1.25rem } } @media (min-width: 46.25em) { .new-header__cta-bar,.header-top-nav__cta-bar { padding-top:0.25rem; padding-bottom: 0.75rem } } @media (min-width: 61.25em) { .new-header__cta-bar,.header-top-nav__cta-bar { max-width:20rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .new-header__cta-bar,body:not(.has-page-skin) .header-top-nav__cta-bar { max-width:31.25rem } } .new-header--slim .new-header__cta-bar,.header-top-nav--slim .new-header__cta-bar,.new-header--slim .header-top-nav__cta-bar,.header-top-nav--slim .header-top-nav__cta-bar { padding-top: 0.5rem } @media (min-width: 46.25em) { .new-header--slim .new-header__cta-bar,.header-top-nav--slim .new-header__cta-bar,.new-header--slim .header-top-nav__cta-bar,.header-top-nav--slim .header-top-nav__cta-bar { display:none } } @media (min-width: 71.25em) { body:not(.has-page-skin) .new-header__cta-bar .cta-bar__heading,body:not(.has-page-skin) .header-top-nav__cta-bar .cta-bar__heading { font-size:1.75rem; line-height: 2rem } } .cta-bar__text { display: block; margin: 0.1875rem 0 0.5625rem } @media (max-width: 46.24em) { .cta-bar__text { border-top:0.0625rem solid #506991; padding-top: 0.1875rem } } .cta-bar__text--no-border { border-top: 0 } .cta-bar__heading { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; color: #ffe500; font-weight: 700 } @media (min-width: 61.25em) { .cta-bar__heading { font-size:1.5rem; line-height: 1.6875rem } } @media (min-width: 71.25em) { body:not(.has-page-skin) .cta-bar__heading { font-size:2.125rem; line-height: 2.375rem } } .cta-bar__subheading { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: #fff; font-weight: 400; line-height: 1.2; margin-top: 0.1875rem } .cta-bar__cta { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-weight: 700; background-color: #ffe500; border-radius: 1.125rem; box-sizing: border-box; color: #052962; display: block; line-height: 1; height: 1.8125rem; padding: 0.375rem 0.6875rem 0; margin-bottom: 0.375rem; margin-right: 0.625rem; position: relative; float: left } @media (min-width: 22.5em) { .cta-bar__cta { padding:0.375rem 2rem 0 0.625rem } } .cta-bar__cta .inline-arrow-right { margin: 0 -0.125rem 0 0 } @media (min-width: 46.25em) { .cta-bar__cta { height:2rem; padding: 0.4375rem 2.125rem 0 0.75rem } } .cta-bar__cta .inline-arrow-right { position: absolute; height: 2rem; width: 2rem; right: 0.1875rem; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } @media (max-width: 22.49em) { .cta-bar__cta .inline-arrow-right { display:none } } .cta-bar__cta .inline-arrow-right__svg { fill: currentColor; height: 2rem; width: 2rem } .cta-bar__cta:hover,.cta-bar__cta:focus { color: #052962; text-decoration: none } .cta-bar__cta:hover .inline-arrow-right,.cta-bar__cta:focus .inline-arrow-right { -webkit-transform: translate(0.1875rem, -50%); transform: translate(0.1875rem, -50%) } .cta-bar__cta--white-inline { color: #121212; background-color: #fff; float: none; display: inline-block } .new-header__top-bar { position: absolute; left: 0.625rem; top: 0 } @media (min-width: 30em) { .new-header__top-bar { left:1.25rem } } @media (min-width: 46.25em) { .new-header__top-bar { left:auto; right: 12.8125rem } } @media (min-width: 61.25em) { .new-header__top-bar { right:16.625rem } } @media (min-width: 81.25em) { body:not(.has-page-skin) .new-header__top-bar { right:21.375rem } } .top-bar__item { font-size: 0.8125rem; line-height: 1.125rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 1rem; color: #fff; float: left; line-height: 1; padding-top: 0.375rem; position: relative; z-index: 1072 } .top-bar__item:hover,.top-bar__item:focus { color: #ffe500; text-decoration: none } @media (min-width: 22.5em) { .top-bar__item { padding-top:0.75rem } } @media (min-width: 46.25em) { .top-bar__item { padding:0.5625rem 0.41667rem } } .top-bar__commercial-items { position: relative; float: left; margin-right: 0.625rem } .top-bar__item__icon__svg { fill: currentColor; float: left; height: 1.125rem; width: 1.125rem; margin: -0.0625rem 0.25rem 0 0 } .top-bar__item__seperator { border-left: 0.0625rem solid #506991; position: absolute; left: 0; top: 0; height: 1.5rem } .new-header__user-account-container { float: left; position: relative; z-index: 1010 } .new-header--open .new-header__user-account-container,.header-top-nav--open .new-header__user-account-container { z-index: 1010 } .top-bar__user-account-notification-badge:after { content: '!'; background-color: #c70000; color: #fff; width: 1.125rem; height: 1.0625rem; padding-bottom: 0.0625rem; border-radius: 0.5625rem; text-align: center; line-height: 1 } .top-bar__item .top-bar__user-account-notification-badge:after { position: absolute; font-size: 1rem; top: 0.1875rem; left: 0.4375rem } @media (min-width: 46.25em) { .top-bar__item .top-bar__user-account-notification-badge:after { top:0.1875rem; left: 0.9375rem } } .dropdown-menu__item .top-bar__user-account-notification-badge:after { width: 1.375rem; height: 1.3125rem; padding-bottom: 0.0625rem; border-radius: 0.6875rem; font-size: 1.125rem; float: right; margin-top: 0.375rem } .dropdown-menu__notification { font-size: 0.75rem } @media (max-width: 46.24em) { .dropdown--open { overflow:hidden; width: 100% } } .dropdown-menu-fallback { display: none } .dropdown-menu-fallback:checked ~ .dropdown-menu { display: block } @media (max-width: 46.24em) { .dropdown-menu-fallback[aria-expanded=true] ~ .my-account__overlay { background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 30%); border: 0; position: fixed; display: block; left: 0; right: 0; top: 0; bottom: 0; width: 100% } } .dropdown-menu { display: none; position: absolute; top: 1.875rem; right: 0; width: 13.75rem; background-color: #fff; border-radius: 0.1875rem; padding: 0.375rem 0; margin: 0; box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.1); z-index: 1073 } .dropdown-menu>hr { height: 0; border: 0; border-top: 0.0625rem solid #ededed; display: block; top: 0; margin: -0.0625rem 0 0 1.25rem } @media (max-width: 46.24em) { .dropdown-menu { position:fixed; border-radius: 0; top: 2.25rem; left: 0; right: 0; width: auto; max-height: calc(100% - 3.125rem); overflow: auto } .dropdown-menu>hr { margin-left: 0.625rem } } @media (max-width: 46.24em) and (min-width: 22.5em) { .dropdown-menu { top:2.125rem } } @media (max-width: 46.24em) and (min-width: 30em) { .dropdown-menu>hr { margin-left:1.25rem } } .dropdown-menu--open { display: block } .dropdown-menu__title { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: #121212; cursor: pointer; display: block; letter-spacing: .01rem; outline: none; padding: 0.4375rem 1.25rem 0.9375rem 0.625rem; position: relative; box-sizing: border-box; margin-top: -0.0625rem } @media (min-width: 30em) { .dropdown-menu__title { padding-left:1.25rem } } .dropdown-menu__title:hover,.dropdown-menu__title:focus { color: #121212; background-color: #ededed; text-decoration: none } .dropdown-menu__title:before { content: ''; border-top: 0.0625rem solid #ededed; display: block; position: absolute; top: 0; left: 1.25rem; right: 0 } .dropdown-menu.dropdown-menu--light .dropdown-menu__title:before { display: none } .dropdown-menu__item:first-child .dropdown-menu__title:before { content: none } .dropdown-menu__title .inline-icon { position: relative; display: inline-block; height: .8em; width: 1em } .dropdown-menu__title .inline-icon>svg { position: absolute; height: .8em; width: .8em } .dropdown-menu__title .inline-icon>svg g { fill: #121212 } @supports (fill: currentColor) { .dropdown-menu__title .inline-icon>svg g { fill:currentColor } } .dropdown-menu__title--active { font-weight: bold } .dropdown-menu__title--active:after { content: ''; border: 0.125rem solid #333; border-top: 0; border-right: 0; position: absolute; top: 0.8125rem; right: 1.25rem; width: 0.625rem; height: 0.25rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .gsc-search-box { position: relative !important } .gsc-search-button,.gsib_a { margin: 0 !important; padding: 0 !important; width: 0 !important } .gsc-search-button-v2 { padding: 0.4375rem 0.5625rem 0.5rem !important; left: 0 !important } .gsc-search-button-v2 svg { fill: #052962 !important; height: 1.25rem !important; width: 1.25rem !important } .gsst_a { padding: 0.5625rem 0 0 0.6875rem !important } .sc-control-cse { padding: 0.1875rem 0 !important } .gsib_b,.gsc-search-button-v2 { border: 0 !important; box-sizing: border-box !important; height: 2.625rem !important; width: 2.625rem !important; margin: 0 !important; background-color: transparent !important; position: absolute !important; right: 0 !important; top: 0 !important } .gsc-input-box { border: 0 !important } .gsib_a { border: 0 !important; box-shadow: none !important } .gsib_a .gsc-input { padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; background-position-x: 2.5rem !important; text-indent: 5.625rem !important; border: 0.0625rem solid #dcdcdc !important; border-radius: 62.4375rem !important; height: 2.625rem !important; box-shadow: none !important; width: 31.25rem !important } .gsib_a .gsc-input:hover,.gsib_a .gsc-input:focus { outline: 0 } .gsib_a .gsc-input:focus { text-indent: 2.625rem !important } .gsib_a .gsc-input:not(:-moz-placeholder-shown) { text-indent: 2.625rem !important } .gsib_a .gsc-input:not(:-ms-input-placeholder) { text-indent: 2.625rem !important } .gsib_a .gsc-input:not(:placeholder-shown) { text-indent: 2.625rem !important } .gstl_50,.gssb_c { z-index: 1071 !important } .gsc-completion-container,.gsc-input { font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; padding: 0 !important; margin: 0 !important } .subnav { background-color: #ffffff; height: 2.25rem; overflow: hidden; position: relative } @media (min-width: 46.25em) { .subnav { height:2.625rem } } .subnav .gs-container { box-sizing: border-box } .subnav .gs-container:after,.subnav .gs-container:before { content: ''; display: table } .subnav .gs-container:after { clear: both } @media (min-width: 46.25em) { .subnav .gs-container { border:0.0625rem solid #dcdcdc; border-top: 0; border-bottom: 0 } } .footer__primary .subnav .gs-container { border-top: 0.0625rem solid #dcdcdc } .subnav--expanded { height: auto } .subnav--expanded .subnav-link--toggle-more { float: left } .subnav__list { box-sizing: border-box; line-height: 1; list-style: none; margin: 0; max-width: calc(100% - 3.75rem); padding: 0 0.3125rem } @media (min-width: 30em) { .subnav__list { max-width:calc(100% - 4.375rem); padding: 0 0.9375rem } } .subnav--expanded .subnav__list { padding-bottom: 0.75rem; max-width: 100%; width: 100% } .subnav__item:not(.subnav__item--toggle-more) { display: block; float: left } .subnav__item--parent:after { content: ''; display: inline-block; width: 0; height: 0; border-top: 0.375rem solid transparent; border-bottom: 0.375rem solid transparent; border-left: 0.625rem solid #121212 } .new-header__multiline { background: #fff } .new-header__multiline .gs-container:after { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; background-color: #ffffff; content: ''; display: block; height: 0.8125rem } @media (min-width: 46.25em) { .new-header__multiline .gs-container:after { border:0.0625rem solid #dcdcdc; border-top: 0; border-bottom: 0 } } .subnav--comment { background-color: #fef9f5 } .subnav--comment .gs-container { border-color: #dcdcdc } .subnav--comment ~ .new-header__multiline { background-color: #fef9f5 } .subnav--comment ~ .new-header__multiline .gs-container:after { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; background-color: #fef9f5; border-color: #dcdcdc } .subnav--media { background-color: #121212 } .subnav--media .gs-container { border-color: #333 } .subnav--media ~ .new-header__multiline { background-color: #121212 } .subnav--media ~ .new-header__multiline .gs-container:after { background-image: repeating-linear-gradient(to bottom, #333, #333 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; background-color: #121212; border-color: #333 } .subnav--media .subnav-link { color: #fff } .subnav-link { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: #121212; display: block; height: 2.25rem; line-height: 2.25rem; padding: 0 0.25rem; position: relative } @media (min-width: 22.5em) { .subnav-link { font-size:0.875rem } } @media (min-width: 46.25em) { .subnav-link { font-size:1rem; line-height: 1.375rem; height: 2.625rem; line-height: 2.625rem } } @media (max-width: 46.24em) { .subnav-link:after { border-bottom:0.0625rem solid #dcdcdc; bottom: -0.0625rem; content: ''; left: 0.3125rem; position: absolute; /*right: -624.9375rem*/ } } .subnav__item--parent .subnav-link { display: inline-block; font-weight: 700 } .subnav-link:hover,.subnav-link:focus { color: #333 } .subnav-link--toggle-more { background: transparent; border: 0; color: #707070 } .subnav-link--toggle-more:hover,.subnav-link--toggle-more:focus { color: #707070; outline: 0 } .subnav-link--current-section,.subnav-link--current-section:hover,.subnav-link--current-section:focus { font-weight: 700 } .veggie-burger { background-color: #ffe500; cursor: pointer; display: block; height: 2.625rem; width: 2.625rem; position: relative; border: 0; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1069 } .new-header--open .veggie-burger,.header-top-nav--open .veggie-burger { z-index: 1072 } x:-o-prefocus .veggie-burger { display: none } .veggie-burger__icon { top: 50%; display: block; margin-top: -0.0625rem; left: 0; right: 0; margin-left: auto; margin-right: auto } .veggie-burger__icon,.veggie-burger__icon:before,.veggie-burger__icon:after { background-color: currentColor; content: ''; height: 0.125rem; left: 0; position: absolute; width: 1.25rem } .veggie-burger__icon:before { top: -0.375rem } .veggie-burger__icon:after { bottom: -0.375rem } .new-header--open .veggie-burger__icon,.header-top-nav--open .veggie-burger__icon { background-color: transparent } .new-header--open .veggie-burger__icon:before,.header-top-nav--open .veggie-burger__icon:before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .new-header--open .veggie-burger__icon:after,.header-top-nav--open .veggie-burger__icon:after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) } /* @media (max-width: 61.24em) { .veggie-burger-fallback:checked ~ .menu { -webkit-transform:translateX(0%); transform: translateX(0%); 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 (min-width: 61.25em) { .veggie-burger-fallback:checked ~ .menu { display:block } } */ @media (max-width: 61.24em) { .veggie-burger-fallback:checked ~ .menu__overlay { opacity:1; width: 100% } } .veggie-burger-fallback:checked ~ .veggie-burger { z-index: 1071 } .veggie-burger-fallback:checked ~ .veggie-burger .veggie-burger__icon { background-color: transparent } .veggie-burger-fallback:checked ~ .veggie-burger .veggie-burger__icon:before { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .veggie-burger-fallback:checked ~ .veggie-burger .veggie-burger__icon:after { bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg) } @media (min-width: 61.25em) { .veggie-burger-fallback:checked ~ .veggie-burger .veggie-burger__label { 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 } } .veggie-burger-fallback:focus ~ .new-header__menu-toggle .pillar-link { color: #fff } .main-menu-toggle-button { border: 0; padding: 0; background: none } .edition-picker-toggle-button { border: 0; background: none; text-align: left } button.edition-picker-toggle-button:hover { color: #ffffff; text-decoration: underline } @media (max-width: 46.24em) { .dropdown--open .my-account { z-index:1071 } } .my-account-toggle-button { border: 0; background: none; text-align: left } @media (max-width: 46.24em) { .my-account-toggle-button { padding-left:0 } } button.my-account-toggle-button:hover { color: #ffffff; text-decoration: underline } .my-account--icon svg { height: 1.125rem; width: 1.125rem } @media (min-width: 22.5em) { .my-account--icon svg { height:1.4375rem; width: 1.4375rem } } @media (max-width: 46.24em) { .dropdown--open .my-account--icon:before,.dropdown--open .my-account--icon:after { content:''; display: block; position: absolute; left: 50%; bottom: 0.4375rem; width: 0; height: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1071 } .dropdown--open .my-account--icon:before { border-left: 0.4375rem solid transparent; border-right: 0.4375rem solid transparent; border-bottom: 0.4375rem solid rgba(0,0,0,0.1) } .dropdown--open .my-account--icon:after { border-left: 0.375rem solid transparent; border-right: 0.375rem solid transparent; border-bottom: 0.375rem solid #fff } } .subnav__list[data-pillar-title='News'] .subnav__item--parent:after { border-left-color: #c70000 } .subnav__list[data-pillar-title='News'] .subnav-link:hover,.subnav__list[data-pillar-title='News'] .subnav-link:focus { color: #c70000; text-decoration: none } .subnav__list[data-pillar-title='Opinion'] .subnav__item--parent:after { border-left-color: #e05e00 } .subnav__list[data-pillar-title='Opinion'] .subnav-link:hover,.subnav__list[data-pillar-title='Opinion'] .subnav-link:focus { color: #e05e00; text-decoration: none } .subnav__list[data-pillar-title='Sport'] .subnav__item--parent:after { border-left-color: #0084c6 } .subnav__list[data-pillar-title='Sport'] .subnav-link:hover,.subnav__list[data-pillar-title='Sport'] .subnav-link:focus { color: #0084c6; text-decoration: none } .subnav__list[data-pillar-title='Culture'] .subnav__item--parent:after { border-left-color: #a1845c } .subnav__list[data-pillar-title='Culture'] .subnav-link:hover,.subnav__list[data-pillar-title='Culture'] .subnav-link:focus { color: #a1845c; text-decoration: none } .subnav__list[data-pillar-title='Lifestyle'] .subnav__item--parent:after { border-left-color: #bb3b80 } .subnav__list[data-pillar-title='Lifestyle'] .subnav-link:hover,.subnav__list[data-pillar-title='Lifestyle'] .subnav-link:focus { color: #bb3b80; text-decoration: none } .pillar-link.pillar-link--News:after { border-color: #ff4e36 } .pillar-link.pillar-link--Opinion:after { border-color: #ff7f0f } .pillar-link.pillar-link--Sport:after { border-color: #00b2ff } .pillar-link.pillar-link--Culture:after { border-color: #eacca0 } .pillar-link.pillar-link--Lifestyle:after { border-color: #ffabdb } .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 } .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; top: 0; height: 100%; width: 0; pointer-events: none } .l-side-margins:before { left: 0; border-right: 0.0625rem solid rgba(112,112,112,0.3) } .l-side-margins:after { right: 0; border-left: 0.0625rem solid rgba(112,112,112,0.3) } .l-side-margins:before,.l-side-margins:after { width: calc((100% - 46.25rem) / 2) } } @media (min-width: 61.25em) { .l-side-margins:before,.l-side-margins:after { width:calc((100% - 61.25rem) / 2) } } @media (min-width: 71.25em) { .l-side-margins:before,.l-side-margins:after { width:calc((100% - 71.25rem) / 2) } } @media (min-width: 81.25em) { .l-side-margins:before,.l-side-margins:after { width:calc((100% - 81.25rem) / 2) } .has-page-skin .l-side-margins { margin-left: auto; margin-right: auto; width: 61.25rem } } @media (min-width: 46.25em) { .l-side-margins--media:after,.l-side-margins--media:before { background:rgba(0,0,0,0.25); border-color: #333 } .container__banding+.container__banding .l-side-margins--media:after,.container__banding+.container__banding .l-side-margins--media:before { background: rgba(18,18,18,0.15) } } @media (min-width: 46.25em) { .l-side-margins--paidfor:after,.l-side-margins--paidfor:before { border-color:#999 } } @media (min-width: 46.25em) { .l-row { display:-webkit-flex; display: -ms-flexbox; display: flex; -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-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100% } .l-row--reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .l-row__item { -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 } .l-row__item--boost-1 { -webkit-flex-grow: 1.5; -ms-flex-positive: 1.5; flex-grow: 1.5 } .l-row__item--boost-2 { -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2 } } @media (max-width: 46.24em) { .l-row--layout-m { display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .l-row--layout-m .l-row__item { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .l-row--layout-m .l-row__item--break-m { -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: #fff; border-radius: 0.1875rem; box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.1); left: 0; top: 2.6875rem; padding: 0 } .popup { 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: #707070; 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 { cursor: pointer } .popup__toggle:after { content: ''; display: inline-block; width: 0.25rem; height: 0.25rem; -webkit-transform: translateY(-0.125rem) rotate(45deg); transform: translateY(-0.125rem) rotate(45deg); border: 0.0625rem solid currentColor; border-left: transparent; border-top: transparent; margin-left: 0.125rem; vertical-align: middle; -webkit-backface-visibility: hidden; transition: -webkit-transform 250ms ease-out; transition: transform 250ms ease-out; transition: transform 250ms ease-out, -webkit-transform 250ms ease-out } .popup__toggle:hover,.popup__toggle:focus { text-decoration: none } .popup__toggle:hover:after,.popup__toggle:focus:after { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) } .popup__toggle.is-active:after,.is-active>.popup__toggle:after,.popup__toggle[aria-expanded=true]:after,[aria-expanded=true] ~ .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 { -webkit-transform: translateY(0.0625rem) rotate(-135deg); transform: translateY(0.0625rem) rotate(-135deg) } .popup__toggle.is-active:hover:after,.is-active>.popup__toggle:hover:after,.popup__toggle[aria-expanded=true]:hover:after,[aria-expanded=true] ~ .popup__toggle:hover:after,.is-not-modern .brand-bar__item--has-control:hover .popup__toggle:hover:after,.is-not-modern .is-signed-in.brand-bar__item--profile:hover .popup__toggle:hover:after { -webkit-transform: translateY(-0.0625rem) rotate(-135deg); transform: translateY(-0.0625rem) rotate(-135deg) } @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 #dcdcdc } .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: #121212; 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 { background-color: #fff; border-radius: 0.1875rem; box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.1); padding: 0.75rem 1.25rem 0; top: 1.875rem; z-index: 1071; outline: 0; left: auto; right: 15.625rem } @media (min-width: 81.25em) { body:not(.has-page-skin) .popup--search { right:20.3125rem } } .ad-slot { position: relative; z-index: 1010; overflow: initial } .js-off .ad-slot { display: none } .aside-slot-container { min-height: 17.125rem } .aside-slot-container>:last-child { padding-bottom: 0; margin-bottom: 1.5rem } .ad-slot--right,.ad-slot--comments { position: -webkit-sticky; position: sticky; top: 0 } .has-sticky .paidfor-band ~ .content__main .ad-slot--right,.has-sticky .paidfor-band ~ .content__main .ad-slot--comments { top: 2.875rem } .ad-slot--right.is-sticky,.ad-slot--comments.is-sticky { width: 18.75rem } .top-banner-ad-container { background-color: #f6f6f6; border-bottom: 0.0625rem solid #dcdcdc; min-height: 7.125rem; padding-bottom: 1.125rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0 } @media (max-width: 46.24em) { .top-banner-ad-container { display:none !important } } .top-banner-ad-container:not(.top-banner-ad-container--not-sticky) { position: -webkit-sticky; position: sticky; z-index: 1020 } @media (min-width: 61.25em) { .top-banner-ad-container:not(.top-banner-ad-container--not-sticky) { z-index:1080 } } .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: 1090; position: fixed; top: 0 } .sticky-top-banner-ad--animate { will-change: transform; transition: height 1s cubic-bezier(0, 0, 0, 0.985) } .ad-slot--top-banner-ad { text-align: center } @media (min-width: 81.25em) { .has-page-skin .ad-slot--top-banner-ad { text-align:center } } .ad-slot-container { width: 100% } .ad-slot-container[top-above-nav-ad-rendered='true'] { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto } .ad-slot-container .ad-slot--mobile { margin-left: auto; margin-right: auto } .ad-slot--crossword-banner,.ad-slot--top-banner-ad-desktop { margin: 0 auto; min-height: 5.625rem; padding-bottom: 0; text-align: left; display: block } @media (max-width: 46.24em) { .ad-slot--crossword-banner,.ad-slot--top-banner-ad-desktop { display:none } } .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label,.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { box-sizing: content-box; margin-left: 0.625rem; margin-right: 0.625rem } @media (min-width: 30em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label,.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--crossword-banner.ad-slot--fabric>.ad-slot__label,.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--crossword-banner.ad-slot--fabric>.ad-slot__label,.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--crossword-banner.ad-slot--fabric>.ad-slot__label,.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width:43.75rem } } @media (min-width: 61.25em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label,.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width:58.75rem } } @media (min-width: 71.25em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label,.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width:68.75rem } } @media (min-width: 81.25em) { .ad-slot--crossword-banner.ad-slot--fabric>.ad-slot__label,.ad-slot--top-banner-ad-desktop.ad-slot--fabric>.ad-slot__label { width:78.75rem } } .ad-slot--crossword-banner.ad-slot--fluid,.ad-slot--top-banner-ad-desktop.ad-slot--fluid { width: 100% } .ad-slot--inline,.ad-slot--container-inline,.ad-slot--container-inline.ad-slot--fluid,.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--container-inline.ad-slot--fluid,.ad-slot--gallery-inline,.ad-slot--liveblog-inline { width:20rem } } @media (min-width: 46.25em) { .ad-slot--inline,.ad-slot--container-inline,.ad-slot--container-inline.ad-slot--fluid,.ad-slot--gallery-inline,.ad-slot--liveblog-inline { width:auto } } .content--immersive-article .ad-slot--offset-right { clear: both } @media (min-width: 30em) { .ad-slot--liveblog-inline,.ad-slot--container-inline,.ad-slot--container-inline.ad-slot--fluid { margin-top:0 } } @media (min-width: 46.25em) { .ad-slot--liveblog-inline,.ad-slot--container-inline,.ad-slot--container-inline.ad-slot--fluid { margin:0 0.625rem } } .ad-slot--gallery-inline { background-color: #121212; margin-left: 0 } @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--right,.ad-slot--inline,.ad-slot--container-inline { background-color: #f6f6f6 } @media (min-width: 46.25em) { .ad-slot--right,.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--dark { background-color: #181818 } .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) .ad-slot__content { margin: 0 auto } @media (min-width: 46.25em) { .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) { position:relative; height: auto } .content-footer .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) { width: 18.75rem } .linkslist-container .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) { position: absolute; top: 0; right: 0 } .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) .ad-slot__label { padding: 0 1.25rem } .ad-slot--container-inline:not(.ad-slot--fluid):not(.ad-slot--gc):not(.ad-slot--mostpop) .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:not(.ad-slot--outstream) { padding-bottom:1.5rem } .ad-slot--liveblog-inline:not(.ad-slot--outstream)>div { width: 18.75rem; margin-left: auto; margin-right: auto } } .ad-slot--liveblog-inline { background-color: #ededed } .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: #dcdcdc } .ad-slot--outstream { background: transparent; height: auto } @media (min-width: 20em) { .ad-slot--outstream { width:18.75rem; min-height: auto } } @media (min-width: 41.25em) { .ad-slot--outstream { float:none; width: 38.75rem; margin: 0.25rem 0 0 } .ad-slot--outstream>div.ad-slot__label { margin-left: 2.1875rem; margin-right: 2.1875rem } } @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 } } .fc-container--commercial .ad-slot--commercial-component-high { margin-bottom: 1.5rem } .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 { min-height: 15.625rem; line-height: 0.625rem; padding: 0; margin: 0 } .ad-slot--fluid:not(.ad-slot--im):not(.ad-slot--carrot):not(.ad-slot--offset-right) { width: 100% } @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--merchandising,.ad-slot--merchandising-high { min-height: 15.625rem } .ad-slot--carrot { min-height: 0; padding: 0; margin: 0.3125rem 1.25rem 0.75rem 0; float: left; clear: both } @media (max-width: 29.99em) { .ad-slot--carrot { width:8.125rem; margin-bottom: 0.375rem; margin-right: 0.625rem } } @media (min-width: 30em) { .ad-slot--carrot { width:13.75rem } } @media (min-width: 81.25em) { .ad-slot--carrot { margin-left:-15rem } } .ad-slot--fabric-v1 { min-height: 15.625rem } .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 } @media (min-width: 61.25em) { .ad-slot--fluid250 { min-height:15.625rem } } @media (min-width: 61.25em) { .ad-slot--offset-right { margin-right:-20rem } } @media (min-width: 81.25em) { .ad-slot--offset-right { margin-right:-25rem } } .ad-slot--offset-right.ad-slot--sky { width: 10rem; min-width: 10rem } .ad-slot--survey { height: 0 } .ad-slot--unruly { width: 100% } @media (min-width: 46.25em) { .ad-slot--unruly { float:none; margin-left: 0 } } .mobilesticky-container { position: fixed; bottom: 0; width: 20rem; margin: 0 auto; right: 0; left: 0; z-index: 1010 } @media (min-width: 41.25em) { .mobilesticky-container { display:none } } .ad-slot__close-button { display: none; position: absolute; right: 0.1875rem; top: -1.3125rem; padding: 0; border: 0; height: 1.3125rem; width: 1.3125rem; background-color: transparent } .ad-slot__close-button svg { height: 0.75rem; width: 0.75rem; stroke: #121212; fill: #121212; stroke-linecap: round; stroke-width: 0; text-align: center } .ad-slot--mobile-sticky .ad-slot__close-button { display: block } .ad-slot__close-button__x { stroke: #121212; fill: transparent; stroke-linecap: round; stroke-width: 2; text-align: center } .ad-slot--collapse { display: none } .bz-custom-container ~ #bannerandheader>.top-banner-ad-container { display: none } @media (max-width: 61.24em) { .podcast__secondary .ad-slot--right { display:none } } .ad-slot--interscroller { height: 85vh; margin-bottom: 0.75rem; position: relative } .ad-slot:not[data-label-show='true']::before { content: ''; display: block; height: 1.5rem; visibility: hidden } .ad-slot[data-label-show='true']:not(.ad-slot--dark):not(.ad-slot--interscroller)::before { font-size: 0.75rem; line-height: 1.25rem; content: attr(ad-label-text); display: block; visibility: visible; position: relative; height: 1.5rem; background-color: #f6f6f6; padding: 0 0.5rem; border-top: 0.0625rem solid #dcdcdc; color: #707070; text-align: left; box-sizing: border-box; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif } .ad-slot--dark[data-label-show='true']::before { font-size: 0.75rem; line-height: 1.25rem; content: attr(ad-label-text); display: block; visibility: visible; position: relative; height: 1.5rem; background-color: transparent; padding: 0 0.5rem; border-top: 0.0625rem solid #333; color: #dcdcdc; text-align: left; box-sizing: border-box; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif } .ad-slot--interscroller[data-label-show='true']::before { content: 'Advertisement'; display: block; visibility: visible; height: 1.5rem; background-color: transparent; padding: 0 0.5rem; border: 0; border-top: 0.0625rem solid #333; color: #dcdcdc; text-align: left; box-sizing: border-box; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; position: absolute; top: 0; left: 0; right: 0 } .ad-slot__adtest-cookie-clear-link { font-size: 0.75rem; line-height: 1.25rem; font-family: 'Guardian Text Sans Web', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; text-align: left; position: absolute; left: 16.75rem; top: 0.0625rem; padding: 0; border: 0; z-index: 1030 } .media:after,.media:before,.media__body:after,.media__body:before { content: ''; display: table } .media:after,.media__body:after { clear: both } .media__img { 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.4375rem; font-family: "Guardian 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.0625rem; line-height: 1.25rem; font-family: "Guardian 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 } /* .rounded-icon { border-radius: 62.5rem; display: inline-block; vertical-align: middle; position: relative }*/ .centered-icon svg { top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute } .rich-link { background-color: #ededed; margin: 0; position: relative; overflow: hidden } .rich-link a { color: inherit } .rich-link .u-faux-block-link--hover { background-color: #ededed } .rich-link__title { font: inherit; line-height: inherit; padding: 0 } .rich-link .rich-link__header { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 500; padding: 0.25rem 0.3125rem 0.5em; 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.0625rem; font-family: "Guardian 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: #00b2ff; 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 (min-width: 61.25em) { .element-rich-link { clear:left } } @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.0625rem } } @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 } } .reveal-caption { position: absolute; right: 0.3125rem; width: 2rem; height: 2rem; z-index: 1; background-color: rgba(18,18,18,0.6); border-radius: 50% } .reveal-caption:hover { background-color: #121212 } .reveal-caption--img { bottom: 0.375rem } .caption--main { max-width: 33.75rem; padding: 0.5rem 0.625rem 1.5rem } @media (min-width: 46.25em) { .caption--main { max-width:38.75rem; padding-left: 0; padding-right: 0 } } @media (min-width: 61.25em) { .caption--main { max-width:none } } @media (max-width: 46.24em) { .caption--main.caption--img { position:absolute; left: 0; right: 0; bottom: 0; background: rgba(18,18,18,0.8); color: #ffffff; display: none; padding: 0.375rem 2.5rem 0.75rem 0.625rem; max-width: 100% } .caption--main.caption--img a { color: currentColor } } @media (max-width: 46.24em) { .caption--main.caption--video,.content__main-column--image .caption--main { padding-bottom:0 } } @media (max-width: 46.24em) { .reveal-caption__checkbox:checked ~ .caption--main { display:block } .reveal-caption__checkbox:checked ~ .reveal-caption { background-color: #121212 } .reveal-caption__checkbox:checked ~ .reveal-caption:hover { background-color: #121212 } .reveal-caption__checkbox:focus ~ .reveal-caption { background-color: #121212 } } .linkslist-container { position: relative; margin: 0 !important } @media (min-width: 46.25em) { .linkslist-container { margin-top:0.5625rem } } .linkslist-container.tone-feature:before { background: #fec8d3 } .linkslist-container.tone-comment:before { background: #707070 } .linkslist-container.tone-media:before { background: #ffe500 } .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) { .linkslist .fc-slice__item { -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) { .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 } .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; background-size: 100%; margin-top: 1.125rem } .is-updating.is-active { display: inline-block } .is-scroll-blocked { overflow: hidden } .is-updating-cursor { cursor: wait } body.is-updating-js .u-block-during-update { pointer-events: none } .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,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgNC4zLjQgMCAwIC4zdjguNGwuNC4zTDEwIDQuN3YtLjR6IiBmaWxsPSIjZmIwIi8+PC9zdmc+); 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,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgNC4zLjQgMCAwIC4zdjguNGwuNC4zTDEwIDQuN3YtLjR6IiBmaWxsPSIjRENEQ0RDIi8+PC9zdmc+); 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-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,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjNzY3Njc2IiBkPSJNNyAwQzMuMSAwIDAgMy4xIDAgN3MzLjEgNyA3IDcgNy0zLjEgNy03LTMuMS03LTctN3ptLjkgMTAtLjMgMWMtLjQuMi0xLjIuNC0xLjkuNC0uNSAwLS44LS4xLS44LS42IDAtLjEgMC0uMy4xLS40TDYuMyA2aC0uOWwuMy0uOCAyLjctLjMuMi0uMUw2LjggMTBoMS4xem0tLjItNS44Yy0uNiAwLS45LS4zLS45LS44IDAtLjYuNS0xIDEuMS0xIC42IDAgLjkuMy45LjggMCAuNi0uNSAxLTEuMSAxeiIvPjwvc3ZnPg==); 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+PHBhdGggZmlsbD0iI2JkYmRiZCIgZD0ibTEzIDAgMSAxdjdsLTEgMUg3bC0yIDNINFY5SDJMMSA4VjFsMS0xaDExeiIvPjwvc3ZnPg==); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTcuNSA5IDEgMmwxLTEgNyA2LjVMMTYgMWwxIDEtNi41IDcgNi41IDctMSAxLTctNi41TDIgMTdsLTEtMSA2LjUtN3oiLz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTggNi40NC0zIDIuNUw0IDhsNC41LTRoMUwxNCA4bC0xIC45NC0zLTIuNVYxNEg4VjYuNDR6Ii8+PC9zdmc+); 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,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMCAxMS41IDEwLjI5NiAxMC4wOTkuOTU5LS45NTlMMy4yIDEySDIzdi0ySDMuMkwxMS4yNTUuOTYgMTAuMjk2IDAgMCAxMC41djEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTEuMDAxIDMyLjMxM2MtMTEuNzUyIDAtMjEuMzEzLTkuNTYxLTIxLjMxMy0yMS4zMTMgMC0xMS43NTEgOS41NjEtMjEuMzEyIDIxLjMxMy0yMS4zMTIgMTEuNzUxIDAgMjEuMzEyIDkuNTYxIDIxLjMxMiAyMS4zMTIgMCAxMS43NTItOS41NjEgMjEuMzEzLTIxLjMxMiAyMS4zMTNtMC00My4zMTNDLTEuMTUtMTEtMTEtMS4xNTEtMTEgMTFzOS44NSAyMi4wMDEgMjIuMDAxIDIyLjAwMUMyMy4xNTEgMzMuMDAxIDMzIDIzLjE1MSAzMyAxMWMwLTEyLjE1MS05Ljg0OS0yMi0yMS45OTktMjIiIGZpbGw9IiM3MDcwNzAiLz48L2c+PC9zdmc+); 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,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJNMjMgMTEuNTAxIDEyLjcwNCAyMS42bC0uOTU5LS45NTkgOC4wNTUtOC42NEgwdi0yaDE5LjhMMTEuNzQ1Ljk2MWwuOTU5LS45NkwyMyAxMC41MDF2MSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMS4wMDEgMzIuMzEzYy0xMS43NTIgMC0yMS4zMTMtOS41NjEtMjEuMzEzLTIxLjMxMyAwLTExLjc1MSA5LjU2MS0yMS4zMTIgMjEuMzEzLTIxLjMxMiAxMS43NTEgMCAyMS4zMTIgOS41NjEgMjEuMzEyIDIxLjMxMiAwIDExLjc1Mi05LjU2MSAyMS4zMTMtMjEuMzEyIDIxLjMxM20wLTQzLjMxM0MtMS4xNS0xMS0xMS0xLjE1MS0xMSAxMXM5Ljg1IDIyLjAwMSAyMi4wMDEgMjIuMDAxQzIzLjE1MSAzMy4wMDEgMzMgMjMuMTUxIDMzIDExYzAtMTIuMTUxLTkuODQ5LTIyLTIxLjk5OS0yMiIgZmlsbD0iIzcwNzA3MCIvPjwvZz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTS4zIDIyIDMuOSA5LjFIMS4zbC40LTEuNCA1LjYtLjkuMy4zLTQuNCAxNC44SDZMNS42IDIzYy0uOS40LTIuOC45LTQuMS45LTEuMSAwLTEuNy0uNS0xLjItMS45ek01LjUgMkM1LjUuOSA2LjQuMSA3LjMuMWMxIDAgMS42LjcgMS42IDEuNSAwIDEuMS0uOSAxLjktMS44IDEuOS0xIC4xLTEuNi0uNi0xLjYtMS41eiIvPjwvc3ZnPg==); 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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMjAgNjAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMSAxMkgwVjJoMzIuOXYxMEgyMnYzM0gxMVYxMnpNNDYgMnYxMS41YzEtMS43IDMuNS0yLjYgOC42LTIuNiA3LjggMCA5LjQgNS4zIDkuNCAxMi4xdjIySDUzVjI2Yy4yLTMuMS0uNC00LjQtMy4xLTQuNC0zLjIgMC0zLjkgMS4zLTMuOSA0LjR2MTlIMzVWMmgxMXptNjIuMyAyMS41YzAtNyAuOC0xMS40IDcuMS0xMS40IDYuMSAwIDYuOSA0LjMgNi45IDExLjRzLS43IDExLjItNi44IDExLjJjLTYuMyAwLTcuMi00LjItNy4yLTExLjJ6bTcuNSAyMS41YzE1LjIgMCAxNy45LTEwLjUgMTcuOS0yMiAwLTExLjYtMi43LTIyLTE4LjQtMjJTOTYuOSAxMS41IDk2LjkgMjNjLjUgMTEuNSAzLjIgMjIgMTguOSAyMnptMzAuNi0xNi41YzAtNS4zLjgtNy40IDQuNS03LjQgMy40IDAgMy45IDEuOSAzLjkgNy40cy0uOSA3LTQuMSA3Yy0zLjYgMC00LjQtMS45LTQuMy03ek0xNDMuMyA0NWwxLjctMi41YzIuMSAxLjcgMy4xIDIuNSA5LjIgMi41IDkuOCAwIDEwLjctNy43IDEwLjctMTcgMC05LjEtLjYtMTcuMS0xMC4zLTE3LjEtNC40IDAtNyAuNi04LjcgMy4xVjJoLTEwdjQyLjVsNy40LjV6bTIyLjMtMi45IDQtOC4xYzIuNCAxLjIgNi40IDIuMyAxMC4xIDIuMyAxLjggMCAyLjQtLjcgMi40LTEuNiAwLTEuNC0xLjgtMS41LTYtMi45LTUuOS0xLjctOS4xLTMuNS05LjEtMTAuMiAwLTguNSA1LjctMTEgMTMuMy0xMSA1IDAgNy42LjcgMTAuOCAybC00LjEgOC44Yy0yLjEtLjktNC43LTEuNC03LjMtMS40LTIuMiAwLTIuNi41LTIuNiAxLjQgMCAxLjMgMS44IDEuNCA1LjEgMi40IDYuNyAxLjggOS44IDMuOSA5LjggMTAuNyAwIDcuMy01LjMgMTAuNC0xMi40IDEwLjQtNS4xLjEtMTAuMi0uNi0xNC0yLjh6bTY1LjktMzEuNiAxLjIgMy4xYzEuNi0xLjkgNC0zLjEgOS4zLTMuMVYyMWMtNi45IDAtOCAyLjEtOCA2djE3aC0xMC45VjExLjVsOC40LTF6bTEwLjQgMS41aDExLjZsNC43IDE4LjhMMjYzIDEyaDExbC0xMCAzM2gtMTIuMmwtOS45LTMzem02OC4xLTEuNS44IDMuMmMxLjYtMS45IDMuOS0zLjIgOS4yLTMuMlYyMWMtNi45IDAtOCAyLjEtOCA2djE3aC0xMVYxMS41bDktMXpNMzAwLjIgNDJsLTQtOC4zYy0yLjMgMS00LjMgMi4zLTguNyAyLjMtMy40LS4zLTQuNy0xLTUtNEgzMDBjMC0xMi41IDEtMjEtMTIuOS0yMS40LTExLjUtLjQtMTUuMSA2LjQtMTUuMSAxNy4yLjMgMTEuMSAzIDE3LjIgMTUgMTcuMiA1LjUgMCA5LjgtMSAxMy4yLTN6bS05LjYtMTcuMWgtOC4yYy4yLTMuMyAxLjMtNC45IDQuNS00LjggMy4yLjEgMy43IDEuNSAzLjcgNC44em0tNjkuNCAxNy4yLTQtOC4zYy0yLjMgMS00LjMgMi4zLTguNyAyLjMtMy40LS4zLTQuNy0xLTUtNEgyMjFjMC0xMi41LjUtMjEtMTIuOS0yMS40LTExLjUtLjUtMTUuMSA2LjMtMTUuMSAxNy4xLjMgMTEuMSAzIDE3LjIgMTUgMTcuMiA1LjUgMCA5LjgtMSAxMy4yLTIuOXptLTkuNi0xNy4yaC04LjJjLjItMy4zIDEuMy00LjkgNC41LTQuOCAzLjIuMiAzLjcgMS41IDMuNyA0Ljh6TTkzLjIgNDIuMWwtNC04LjNjLTIuMyAxLTQuMyAyLjMtOC43IDIuMy0zLjQtLjMtNC43LTEtNS00SDkzYzAtMTIgLjUtMjEtMTIuOS0yMS40QzY4LjYgMTAuMiA2NSAxNyA2NSAyNy44IDY1LjMgMzguOSA2OCA0NSA4MCA0NWM1LjUgMCA5LjgtMSAxMy4yLTIuOXptLTkuNi0xNy4yaC04LjJjLjItMy4zIDEuMy00LjkgNC41LTQuOCAzLjIuMiAzLjcgMS41IDMuNyA0Ljh6Ii8+PC9zdmc+); background-position: 0 0; width: 10rem; height: 1.875rem } .svg .i-back,.svg-i-back { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTggMTQuOCA0LjUgNC4zLjUtLjUtMi0zaDguNXY0aDJ2LTVsLTEtMUgxMWwyLTMtLjUtLjZMOCAxNC4zdi41Ii8+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+PHBhdGggZmlsbD0iIzMzMyIgZD0ibTIxIDkuOC0uOC0uOC01LjIgNC44TDkuOCA5bC0uOC44IDQuOCA1LjJMOSAyMC4ybC44LjggNS4yLTQuOCA1LjIgNC44LjgtLjgtNC44LTUuMkwyMSA5LjgiLz48L3N2Zz4=); background-position: 0 0; width: 1.875rem; height: 1.875rem } .svg .i-pause-icon--arts,.svg-i-pause-icon--arts { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZWFjY2EwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-pause-icon--lifestyle,.svg .content--media:not(.paid-content).content--pillar-lifestyle .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-lifestyle .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-lifestyle .vjs-playing .vjs-play-control,.svg-i-pause-icon--lifestyle { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmZhYmRiIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-pause-icon--news,.svg .content--media:not(.paid-content).content--pillar-news .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-news .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-news .vjs-playing .vjs-play-control,.svg-i-pause-icon--news { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmY0ZTM2IiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-pause-icon--opinion,.svg .content--media:not(.paid-content).content--pillar-opinion .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-opinion .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-opinion .vjs-playing .vjs-play-control,.svg-i-pause-icon--opinion { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmY3ZjBmIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-pause-icon--sport,.svg .content--media:not(.paid-content).content--pillar-sport .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-sport .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container-gallery.content--pillar-lifestyle .vjs-playing .vjs-play-control,.svg-i-pause-icon--sport { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjMDBiMmZmIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTQgMjJoLTNWMTEuMWwxLTEuMWgydjEybTQtMTJoM3YxMC45TDIwIDIyaC0yVjEwIi8+PC9zdmc+); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-play-icon--arts,.svg-i-play-icon--arts { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZWFjY2EwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-play-icon--lifestyle,.svg .content--media:not(.paid-content).content--pillar-lifestyle .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-lifestyle .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-lifestyle .vjs-paused .vjs-play-control,.svg-i-play-icon--lifestyle { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmZhYmRiIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-play-icon--news,.svg .content--media:not(.paid-content).content--pillar-news .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-news .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-news .vjs-paused .vjs-play-control,.svg-i-play-icon--news { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmY0ZTM2IiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-play-icon--opinion,.svg .content--media:not(.paid-content).content--pillar-opinion .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-opinion .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-opinion .vjs-paused .vjs-play-control,.svg-i-play-icon--opinion { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmY3ZjBmIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); background-position: 0 0; width: 2rem; height: 2rem } .svg .i-play-icon--sport,.svg .content--media:not(.paid-content).content--pillar-sport .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-sport .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container-gallery.content--pillar-lifestyle .vjs-paused .vjs-play-control,.svg-i-play-icon--sport { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjMDBiMmZmIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); background-position: 0 0; width: 2rem; height: 2rem } .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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMjAiIGhlaWdodD0iNjAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMSAxMkgwVjJoMzIuOXYxMEgyMnYzM0gxMVYxMnpNNDYgMnYxMS41YzEtMS43IDMuNS0yLjYgOC42LTIuNiA3LjggMCA5LjQgNS4zIDkuNCAxMi4xdjIySDUzVjI2Yy4yLTMuMS0uNC00LjQtMy4xLTQuNC0zLjIgMC0zLjkgMS4zLTMuOSA0LjR2MTlIMzVWMmgxMXptNjIuMyAyMS41YzAtNyAuOC0xMS40IDcuMS0xMS40IDYuMSAwIDYuOSA0LjMgNi45IDExLjRzLS43IDExLjItNi44IDExLjJjLTYuMyAwLTcuMi00LjItNy4yLTExLjJ6bTcuNSAyMS41YzE1LjIgMCAxNy45LTEwLjUgMTcuOS0yMiAwLTExLjYtMi43LTIyLTE4LjQtMjJTOTYuOSAxMS41IDk2LjkgMjNjLjUgMTEuNSAzLjIgMjIgMTguOSAyMnptMzAuNi0xNi41YzAtNS4zLjgtNy40IDQuNS03LjQgMy40IDAgMy45IDEuOSAzLjkgNy40cy0uOSA3LTQuMSA3Yy0zLjYgMC00LjQtMS45LTQuMy03ek0xNDMuMyA0NWwxLjctMi41YzIuMSAxLjcgMy4xIDIuNSA5LjIgMi41IDkuOCAwIDEwLjctNy43IDEwLjctMTcgMC05LjEtLjYtMTcuMS0xMC4zLTE3LjEtNC40IDAtNyAuNi04LjcgMy4xVjJoLTEwdjQyLjVsNy40LjV6bTIyLjMtMi45IDQtOC4xYzIuNCAxLjIgNi40IDIuMyAxMC4xIDIuMyAxLjggMCAyLjQtLjcgMi40LTEuNiAwLTEuNC0xLjgtMS41LTYtMi45LTUuOS0xLjctOS4xLTMuNS05LjEtMTAuMiAwLTguNSA1LjctMTEgMTMuMy0xMSA1IDAgNy42LjcgMTAuOCAybC00LjEgOC44Yy0yLjEtLjktNC43LTEuNC03LjMtMS40LTIuMiAwLTIuNi41LTIuNiAxLjQgMCAxLjMgMS44IDEuNCA1LjEgMi40IDYuNyAxLjggOS44IDMuOSA5LjggMTAuNyAwIDcuMy01LjMgMTAuNC0xMi40IDEwLjQtNS4xLjEtMTAuMi0uNi0xNC0yLjh6bTY1LjktMzEuNiAxLjIgMy4xYzEuNi0xLjkgNC0zLjEgOS4zLTMuMVYyMWMtNi45IDAtOCAyLjEtOCA2djE3aC0xMC45VjExLjVsOC40LTF6bTEwLjQgMS41aDExLjZsNC43IDE4LjhMMjYzIDEyaDExbC0xMCAzM2gtMTIuMmwtOS45LTMzem02OC4xLTEuNS44IDMuMmMxLjYtMS45IDMuOS0zLjIgOS4yLTMuMlYyMWMtNi45IDAtOCAyLjEtOCA2djE3aC0xMVYxMS41bDktMXpNMzAwLjIgNDJsLTQtOC4zYy0yLjMgMS00LjMgMi4zLTguNyAyLjMtMy40LS4zLTQuNy0xLTUtNEgzMDBjMC0xMi41IDEtMjEtMTIuOS0yMS40LTExLjUtLjQtMTUuMSA2LjQtMTUuMSAxNy4yLjMgMTEuMSAzIDE3LjIgMTUgMTcuMiA1LjUgMCA5LjgtMSAxMy4yLTN6bS05LjYtMTdoLTguMmMuMi0zLjMgMS4zLTQuOSA0LjUtNC45IDMuMi4xIDMuNyAxLjUgMy43IDQuOXptLTY5LjQgMTcuMS00LTguM2MtMi4zIDEtNC4zIDIuMy04LjcgMi4zLTMuNC0uMy00LjctMS01LTRIMjIxYzAtMTIuNS41LTIxLTEyLjktMjEuNC0xMS41LS41LTE1LjEgNi4zLTE1LjEgMTcuMS4zIDExLjEgMyAxNy4yIDE1IDE3LjIgNS41IDAgOS44LTEgMTMuMi0yLjl6TTIxMS42IDI1aC04LjJjLjItMy4zIDEuMy00LjkgNC41LTQuOCA0LjItLjEgMy43IDQuOCAzLjcgNC44ek05My4yIDQyLjFsLTQtOC4zYy0yLjMgMS00LjMgMi4zLTguNyAyLjMtMy40LS4zLTQuNy0xLTUtNEg5M2MwLTEyIC41LTIxLTEyLjktMjEuNEM2OC42IDEwLjIgNjUgMTcgNjUgMjcuOCA2NS4zIDM4LjkgNjggNDUgODAgNDVjNS41IDAgOS44LTEgMTMuMi0yLjl6TTgzLjYgMjVoLTguMmMuMi0zLjMgMS4zLTQuOSA0LjUtNC44IDMuMi4xIDMuNyAxLjQgMy43IDQuOHoiLz48L3N2Zz4=); background-position: 0 0; width: 20rem; height: 3.75rem } .svg .i-camera-black-large,.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+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTEgNCAwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40LS42LS42LTIuOSAyLjZMMTAuNiAzbC0uNi42IDIuNiAyLjlMMTAgOS40bC42LjYgMi45LTIuNiAyLjkgMi42LjYtLjYtMi42LTIuOUwxNyAzLjZ6Ii8+PC9zdmc+); 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+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTEgNCAwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40LS42LS42LTIuOSAyLjZMMTAuNiAzbC0uNi42IDIuNiAyLjlMMTAgOS40bC42LjYgMi45LTIuNiAyLjkgMi42LjYtLjYtMi42LTIuOUwxNyAzLjZ6Ii8+PC9zdmc+); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEgNCAwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40LS42LS42LTIuOSAyLjZMMTAuNiAzbC0uNi42IDIuNiAyLjlMMTAgOS40bC42LjYgMi45LTIuNiAyLjkgMi42LjYtLjYtMi42LTIuOUwxNyAzLjZ6Ii8+PC9zdmc+); background-position: 0 0; width: 1.0625rem; height: 0.8125rem } .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-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,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xIDEwLjJWOC40TDIuOCA2LjcgNy4xIDVWMy4yTC44IDZ2MS41bDYuMyAyLjhNOS42IDE0aDEuN0wxNS4xLjRoLTEuN0w5LjYgMTRtOC40LTMuNyA2LjMtMi44VjZMMTggMy4yVjVsNC4zIDEuN0wxOCA4LjR2MS44IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); 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,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODRabTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MlptOC4zNjQtMy42OCA2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4WiIgZmlsbD0iI2ZiMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+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,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODRabTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MlptOC4zNjQtMy42OCA2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4WiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+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+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTMuNCAyMC4yIDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOSAxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMuNCAyMC4yIDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOSAxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMuNCAyMC4yIDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOSAxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgMCAwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==); 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+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgMCAwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIxIDkuOC0uOC0uOC01LjIgNC44TDkuOCA5bC0uOC44IDQuOCA1LjJMOSAyMC4ybC44LjggNS4yLTQuOCA1LjIgNC44LjgtLjgtNC44LTUuMkwyMSA5LjgiLz48L3N2Zz4=); 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-play-32--tone-media,.svg-i-play-32--tone-media { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmIwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); 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+PGNpcmNsZSBmaWxsPSIjYWFkOGYxIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); 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+PHBhdGggZD0ibTE0LjcyNyA1LjcyNyAxLjYzNi0xLjYzNmgzLjI3M2wxLjYzNiAxLjYzNi0xLjYzNiAxNS41NDVoLTMuMjczTDE0LjcyNyA1LjcyN202LjU0NSAyMi4wOWMwLTEuOC0xLjQ3My0zLjI3My0zLjI3My0zLjI3M2EzLjI4MyAzLjI4MyAwIDAgMC0zLjI3MyAzLjI3M2MwIDEuOCAxLjQ3MyAzLjI3MyAzLjI3MyAzLjI3M3MzLjI3My0xLjQ3MyAzLjI3My0zLjI3MyIgZmlsbD0iIzMzMyIvPjwvZz48L3N2Zz4=); background-position: 0 0; width: 2.25rem; height: 2.25rem } .svg .i-expand--black,.svg-i-expand--black { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNzIuOCAxOTF2MTEuM2gtNjZMMi4xIDE5OHYtNjZoMTEuN2w1LjEgNDAuNiA1Mi01MiAxMi45IDEyLjktNTIgNTIgNDAuNiA1LjVtNTktMTc3VjIuN2g2Nmw0LjMgNC4zdjY2aC0xMS4zbC01LjUtNDEtNTIgNTItMTIuNS0xMi45IDUyLTUyLTQwLjYtNS4xIi8+PC9zdmc+); background-position: 0 0; width: 0; height: 0 } .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-volume-low-black,.svg-i-volume-low-black { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNOTkgMjMuM3YxNThoLTguN2wtNDcuNy00N2gtMzNsLTcuNi04Vjc4LjZsOC43LTguM2gzMmw0Ny00N2g4LjdtNTIgNzktMjkuOS0zNCA2LjQtNi40IDMzLjcgMzAgMzQtMzAgNi40IDYuNC0zMCAzNCAzMCAzMy43LTYuNCA2LjQtMzQtMjkuOS0zMy43IDI5LjktNi40LTYuNCAyOS45LTMzLjciLz48L3N2Zz4=); background-position: 0 0; width: 0; height: 0 } .centered-icon svg { top: 0; bottom: 0; right: 0; left: 0; margin: auto; position: absolute } @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; line-height: 0 } 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 } } @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,.has-feature-showcase-opinion .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,.has-feature-showcase-opinion .media-primary.media-primary--showcase { margin:0 auto; width: 58.75rem; max-width: unset } } @media (min-width: 81.25em) { .has-feature-showcase-element .media-primary.media-primary--showcase,.has-feature-showcase-opinion .media-primary.media-primary--showcase { width:63.75rem } } .has-feature-showcase-element .media-primary.media-primary--showcase .responsive-img,.has-feature-showcase-opinion .media-primary.media-primary--showcase .responsive-img { height: auto } .has-feature-showcase-element .media-primary.media-primary--showcase .u-responsive-ratio--letterbox,.has-feature-showcase-opinion .media-primary.media-primary--showcase .u-responsive-ratio--letterbox { transition: padding-bottom 1s } .media-primary { position: relative } .content__main-column--article { min-height: 17.25rem } .article-elongator { position: relative } .article-elongator .i-center { background-color: #052962 } .after-article { position: relative; display: block; content: ' '; margin-top: 1.5rem } .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; 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: 48.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):not(.ad-slot--unruly):not(.ad-slot--carrot) { 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: 19.375rem } } @media (min-width: 71.25em) { .content__main-column { margin-left:9.375rem } } @media (min-width: 81.25em) { .content__main-column { margin-left:13.75rem } } .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--wide { max-width:none } } @media (min-width: 81.25em) { .content__main-column.content__main-column--media,.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 } } @supports (display: grid) { @media (min-width: 71.25em) { .force-percentage-padding .content__main-column .content__head--article .media-primary .u-responsive-ratio { min-width:38.75rem } } @media (min-width: 46.25em) and (max-width: 61.24em) { .force-percentage-padding .content__main-column .content__head--article .media-primary .u-responsive-ratio { min-width:43.75rem } } } @media (min-width: 46.25em) and (max-width: 71.24em) { .content__head { display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .content__hr { border: 0; margin: 0; border-top: 0.0625rem dotted #dcdcdc; 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: #dcdcdc } .content__labels { box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; padding-top: 0.1875rem } @media (max-width: 46.24em) { .content__labels { -webkit-order:1; -ms-flex-order: 1; order: 1 } .tonal__head--tone-comment .content__labels,.tonal__head--tone-editorial .content__labels,.content__head--column .content__labels { -webkit-order: 0; -ms-flex-order: 0; order: 0 } } @media (min-width: 71.25em) { .content__labels { padding-top:0.5625rem } } @media (min-width: 41.25em) and (max-width: 46.24em) { .content__labels--not-immersive,.content__labels--gallery { margin-left:1.25rem } } @media (min-width: 71.25em) { .content__labels--not-immersive,.content__labels--gallery { position:absolute; top: 0; width: 8.75rem; margin-left: -10rem; margin-bottom: 0.75rem } .content__labels--not-immersive.content__labels--crossword,.content__labels--gallery.content__labels--crossword { width: inherit } } @media (min-width: 81.25em) { .content__labels--not-immersive,.content__labels--gallery { margin-left:-15rem; width: 13.75rem } } .content--media .content__labels--flagship.content__labels--flagship.content__labels--flagship { padding: 0.375rem 0 0 } .content--media .content__labels--flagship.content__labels--flagship.content__labels--flagship .content__label__link { color: #ffe500 } .content--pillar-news .content__labels--flagship.content__labels--flagship.content__labels--flagship .content__label__link { color: #ff4e36 } .content--pillar-sport .content__labels--flagship.content__labels--flagship.content__labels--flagship .content__label__link { color: #00b2ff } .content--pillar-opinion .content__labels--flagship.content__labels--flagship.content__labels--flagship .content__label__link { color: #ff7f0f } .content--pillar-arts .content__labels--flagship.content__labels--flagship.content__labels--flagship .content__label__link { color: #eacca0 } .content--pillar-lifestyle .content__labels--flagship.content__labels--flagship.content__labels--flagship .content__label__link { color: #ffabdb } .content__label { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; display: inline; padding-right: 0.41667rem } @media (min-width: 71.25em) { .content__label { font-size:1.25rem; line-height: 1.4375rem; line-height: 1.25rem; padding-right: 0 } } .content__label ~ .content__label { font-weight: normal } @media (min-width: 71.25em) { .content__label ~ .content__label { font-size:1.0625rem; line-height: 1.25rem; margin-bottom: 0.75rem; display: block } } @media (max-width: 46.24em) { .content__label ~ .content__label { display:none } } @media (min-width: 71.25em) and (max-width: 81.24em) { .container__meta__title { font-size:1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900 } } .content__inline-section { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; box-sizing: border-box; padding: 0.375rem 0 0.75rem; border-top: 0.0625rem dotted #dcdcdc !important } .content__headline { font-size: 1.75rem; line-height: 2rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; display: block; font-weight: 400; padding-bottom: 1.5rem; padding-top: 0.1875rem } @media (min-width: 46.25em) { .content__headline { font-size:2.125rem; line-height: 2.375rem; padding-bottom: 2.25rem } } .content__headline em { font-style: normal } .content__headline strong { font-weight: normal } .content__headline--byline { font-style: italic; padding-bottom: 4.5rem } .content__headline--no-margin-bottom { padding-bottom: 0 } .content__headline--kicker { padding-bottom: 0 } @media (min-width: 71.25em) { .content__headline--kicker { margin-bottom:-0.375rem } } .content__headline--flagship { padding-top: 0 } @media (min-width: 71.25em) { .content.content:not(.paid-content) .content__headline--flagship { padding-left:0.625rem; margin-left: -0.625rem; border-left: 0.0625rem solid #333 } } .content__head--byline-pic { overflow: hidden } .content__head--byline-pic .content__header .byline-img { bottom: 0; float: right; height: 9.375rem; margin-right: -1.25rem; right: -2.5rem; -webkit-shape-outside: polygon(0 8.125rem, 0 9.375rem, 11.25rem 9.375rem, 11.25rem 0, 1.25rem 0, 1.25rem 6rem); shape-outside: polygon(0 8.125rem, 0 9.375rem, 11.25rem 9.375rem, 11.25rem 0, 1.25rem 0, 1.25rem 6rem); width: auto } @media (min-width: 30em) { .content__head--byline-pic .content__header .byline-img { height:11.25rem; right: 12.5rem } } @media (min-width: 61.25em) { .content__head--byline-pic .content__header .byline-img { -webkit-shape-outside:polygon(0 10rem, 0 11.25rem, 13.5rem 11.25rem, 13.5rem 0, 2.25rem 0, 1.5rem 7.5625rem, 0 8rem); shape-outside: polygon(0 10rem, 0 11.25rem, 13.5rem 11.25rem, 13.5rem 0, 2.25rem 0, 1.5rem 7.5625rem, 0 8rem) } } .content__head--byline-pic .byline-img__img { height: 100% } .content__standfirst { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; margin-bottom: 0.375rem; color: #121212; z-index: 1 } @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: 1.0625rem; line-height: 1.25rem; position: absolute; left: -1rem; content: counter(li); counter-increment: li; color: #dcdcdc } @media (min-width: 46.25em) { .content__standfirst>ol>li:before { font-size:1.25rem; line-height: 1.4375rem; left: -1.25rem; top: -0.125rem } } .tonal__standfirst { position: relative } .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: #707070; 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 } .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: 46.25em) and (max-width: 71.24em) { .content__meta-container { -webkit-order:1; -ms-flex-order: 1; order: 1 } } @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 { border-radius: 62.5rem; position: relative; width: 3.75rem; height: 3.75rem; margin: 0.375rem 0; overflow: hidden; background-color: #f6f6f6; contain: paint } @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 #dcdcdc } } @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 } .byline { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; border-top: 0; color: #707070; font-style: italic; min-height: 0; margin-bottom: 0.25rem; font-weight: normal; width: 100% } @media (max-width: 41.24em) { .byline { border-top:0 } } .byline span[itemprop='author'] { font-weight: 700; font-style: normal } .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",Georgia,serif; font-weight: normal; float: left; display: inline-block; text-transform: uppercase; font-weight: 200; 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; 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 #dcdcdc } } .content__meta-heading { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian 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 { border-top: 0.0625rem solid #dcdcdc; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0.375rem; position: relative; clear: both } .content__head--crossword .meta__extras { clear: none } .meta__social { padding-top: 0.375rem } .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: #dcdcdc; background-color: #333 } .tonal--tone-media .meta__twitter .button .inline-tone-fill,.tonal--tone-media .meta__email .button .inline-tone-fill { fill: #dcdcdc } .tonal--tone-media .meta__twitter .button:hover,.tonal--tone-media .meta__email .button:hover { color: #dcdcdc; 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.0625rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; margin-bottom: 0.75rem; padding-top: 0.375rem; color: #707070 } @media (max-width: 71.24em) { .meta__bio { display:none } } .tonal--tone-media .meta__bio { color: #f6f6f6 } .meta__author--comment .meta__bio { padding-top: 0.125rem; border-top: 0.0625rem dotted #dcdcdc } .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 #dcdcdc; 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: #707070; margin-bottom: 0; border-top: 0.0625rem dotted #dcdcdc; 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; background: #ffe500; display: inline-block; color: #121212; margin-bottom: 0.375rem; padding: 0.1875rem 0.3125rem } .old-article-message .old-article-message--clock svg { fill: currentColor } .content__headline-standfirst-wrapper .old-article-message { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; padding: 0.375rem 0.625rem; margin-top: 0.375rem } @media (min-width: 30em) { .content__headline-standfirst-wrapper .old-article-message { padding-left:1.25rem } } @media (min-width: 46.25em) { .content__headline-standfirst-wrapper .old-article-message { margin-left:-1.25rem } } @media (min-width: 71.25em) { .content__headline-standfirst-wrapper .old-article-message { margin-left:-0.625rem; margin-top: 0; padding-left: 0.625rem } } @media (max-width: 46.24em) { .inline-expand-image { display:none } } @media (max-width: 46.24em) { .content__head--article { display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 71.25em) { @supports (display: grid) { .content__head--article { margin-left:-10rem; display: grid; grid-template-columns: 10rem 1fr; grid-template-areas: 'labels headline-standfirst' 'meta main-media' } .content--type-guardianview .content__head--article,.content--type-comment .content__head--article { grid-template-areas: 'labels headline' 'meta standfirst' 'meta main-media' } .content--type-article.section-football .content__head--article,.content--type-matchreport .content__head--article { grid-template-areas: 'labels headline-standfirst' '. report' 'meta main-media' } } } @media (min-width: 81.25em) { @supports (display: grid) { .content__head--article { margin-left:-15rem; grid-template-columns: 15rem 1fr } } } @media (min-width: 71.25em) { @supports (display: grid) { .content__head--article .content__labels { grid-area:labels; position: relative; margin: 0 } } } @media (max-width: 46.24em) { .content__head--article .content__headline-standfirst-wrapper { -webkit-order:1; -ms-flex-order: 1; order: 1 } .content--type-guardianview .content__head--article .content__headline-standfirst-wrapper,.content--type-comment .content__head--article .content__headline-standfirst-wrapper { -webkit-order: 0; -ms-flex-order: 0; order: 0 } } @media (min-width: 71.25em) { .content__head--article .content__headline-standfirst-wrapper { grid-area:headline-standfirst } } @media (min-width: 71.25em) { .content__head--article .media-primary { grid-area:main-media } } @media (min-width: 71.25em) { .content__head--article .content__header { grid-area:headline } } @media (min-width: 71.25em) { .content__head--article .tonal__standfirst { grid-area:standfirst } } @media (max-width: 46.24em) { .content__head--article .content__meta-container { -webkit-order:1; -ms-flex-order: 1; order: 1; margin-top: 0 } .content--type-guardianview .content__head--article .content__meta-container,.content--type-comment .content__head--article .content__meta-container { -webkit-order: 0; -ms-flex-order: 0; order: 0 } } @media (min-width: 71.25em) { .content__head--article .content__meta-container { top:11.25rem } @supports (display: grid) { .content__head--article .content__meta-container { grid-area:meta; position: relative !important; top: 0; margin: 0; align-self: start; height: 0 } } } .content__head--article .matchreport { grid-area: report } @media (min-width: 71.25em) { .content__subhead .content__meta-container { top:0 } } .paid-content { color: #121212 } .paid-content .content__head { display: block; margin-left: 0 } @media (min-width: 71.25em) { .paid-content .content__labels,.paid-content .content__meta-container { margin-left:-10rem } } @media (min-width: 81.25em) { .paid-content .content__labels,.paid-content .content__meta-container { margin-left:-15rem } } @media (min-width: 71.25em) { .paid-content .content__labels,.paid-content .content__meta-container { width:8.75rem } } @media (min-width: 81.25em) { .paid-content .content__labels,.paid-content .content__meta-container { width:13.75rem } } @media (min-width: 71.25em) { .paid-content .content__labels,.paid-content .content__meta-container { float:left } } .paid-content .content__standfirst,.paid-content .content__dateline,.paid-content .caption--main,.paid-content .caption { color: #333 } .paid-content .inline-icon { fill: #333 } .paid-content a { color: #121212 } .paid-content .u-underline { border-color: #999 } .paid-content .u-underline:hover,.paid-content .u-underline:focus { border-color: #121212 } .paid-content .u-underline:active { border-color: #121212 } .paid-content .element.element-pullquote .pullquote-paragraph { font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: #69d1ca } .paid-content a.in-body-link--immersive { color: #69d1ca } .paid-content .inline-expand-image { fill: #fff } .paid-content.content--article,.paid-content.content--interactive,.paid-content.tonal--tone-media { background-color: #dcdcdc } .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: #121212 } .paid-content.content { border-top: 0 } .paid-content .content__main { padding-top: 0.75rem } .paid-content .content__header { background-color: #dcdcdc } .paid-content .tone-media--item { color: #121212 } .paid-content .tone-media--item .rich-link__container:before { background-color: #69d1ca } .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: #dcdcdc } .paid-content .rich-link__header,.paid-content .rich-link__read-more-text { font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 1.0625rem } .paid-content .rich-link__header { line-height: 1.25rem } .paid-content .ad-slot__label,.paid-content .ad-slot--inline { background-color: #dcdcdc; border-top-color: #999; color: #707070 } .paid-content .content__section-label { font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-weight: 400 } .paid-content .content__section-label .content__section-label__link { color: #121212 } .paid-content .meta__extras { border-color: #999 } .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: #121212 } .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: #707070 } .paid-content.tonal--tone-media .most-viewed-container--media .inline-icon,.paid-content.tonal--tone-media .meta__number .inline-icon { fill: #707070 } .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: #707070 } .paid-content.tonal--tone-media .tonal__main--tone-media .sharecount__value,.paid-content.tonal--tone-media .tonal__main--tone-media .commentcount2__value { color: #121212 } .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+.meta__number { border-color: #999 } .paid-content.tonal--tone-media .byline .tone-colour { color: #707070 } .paid-content.tonal--tone-media .byline .tone-colour:hover { color: #121212 } .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: #999 } .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; background-size: contain } .svg .paid-content.tonal--tone-media .vjs-fullscreen-control .vjs-control-text:before { display: inline-block; background-repeat: no-repeat; background-size: contain } .svg .paid-content.tonal--tone-media .vjs-volume-menu-button .vjs-control-text:before { display: inline-block; background-repeat: no-repeat; background-size: contain } .paid-content.tonal--tone-media .vjs-volume-bar:before { background-color: #121212 } .paid-content.tonal--tone-media .end-slate-container--video { background-color: #dcdcdc } .paid-content.tonal--tone-media .end-slate-container--video .end-slate-container__heading { color: #333 } .paid-content.tonal--tone-media .end-slate-container--video .fc-item__container:before { background: #707070 } .paid-content.tonal--tone-media .end-slate-container--video .fc-item__action { color: #707070 } .paid-content.tonal--tone-media .save-for-later__button,.paid-content.tonal--tone-news .save-for-later__button { color: #707070 } .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: #707070; border-color: #707070; background-color: #dcdcdc } .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: #dcdcdc; border-color: #707070; background-color: #707070 } .paid-content.tonal--tone-media .ad-slot--dark,.paid-content.tonal--tone-news .ad-slot--dark { background-color: #dcdcdc } .svg .paid-content.content--media--audio .content__headline:before { display: inline-block; background-repeat: no-repeat; background-size: contain } .paid-content .fc-item__title svg { fill: #ffe500 } .content--pillar-news:not(.paid-content).content--type-analysis .content__headline { background-image: repeating-linear-gradient(to bottom, transparent, transparent 2.4375rem, rgba(171,6,19,0.5)) } @media (min-width: 46.25em) { .content--pillar-news:not(.paid-content).content--type-analysis .content__headline { background-image:repeating-linear-gradient(to bottom, transparent, transparent 2.9375rem, rgba(171,6,19,0.5)) } } .content--pillar-news:not(.paid-content).content--type-feature .content__headline,.content--pillar-news:not(.paid-content).content--type-review .content__headline,.content--pillar-news:not(.paid-content).content--type-recipe .content__headline,.content--pillar-news:not(.paid-content) .button--secondary,.content--pillar-news:not(.paid-content) .drop-cap,.content--pillar-news:not(.paid-content) .element-pullquote p,.content--pillar-news:not(.paid-content) .u-underline { color: #ab0613 } .content--pillar-news:not(.paid-content) .pinned-block__header,.content--pillar-news:not(.paid-content) .pinned-block__label,.content--pillar-news:not(.paid-content) .pinned-block-original__icon,.content--pillar-news:not(.paid-content) .button--primary,.content--pillar-news:not(.paid-content) .content__labels--splash:hover { background: #ab0613 } .content--pillar-news:not(.paid-content) .pinned-block__collapsible-content { border: solid #ab0613 } .content--pillar-news:not(.paid-content) .pinned-block__label:hover { background-color: #c70000 } .content--pillar-news:not(.paid-content) .byline,.content--pillar-news:not(.paid-content) .content--media .content__headline,.content--pillar-news:not(.paid-content) .content__label__link,.content--pillar-news:not(.paid-content) .pullquote-cite,.content--pillar-news:not(.paid-content) a { color: #c70000 } .content--pillar-news:not(.paid-content) .end-slate-container a { color: #ededed } .content--pillar-news:not(.paid-content) .content__meta-container .byline-img,.content--pillar-news:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text { background: #ff4e36 } .content--pillar-news:not(.paid-content) .block-share__item .inline-icon,.content--pillar-news:not(.paid-content) .commentcount2__heading span,.content--pillar-news:not(.paid-content) .inline-close svg,.content--pillar-news:not(.paid-content) .inline-triangle,.content--pillar-news:not(.paid-content) .social-icon svg,.content--pillar-news:not(.paid-content) .social-icon__svg { fill: #c70000 } .content--pillar-news:not(.paid-content) .inline-garnett-quote svg,.content--pillar-news:not(.paid-content) .content__series-cta__icon { fill: #c70000 } .content--pillar-news:not(.paid-content) .u-underline:hover { border-bottom: solid 0.0625rem #c70000 } .content--pillar-news:not(.paid-content) .bullet::before,.content--pillar-news:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-news:not(.paid-content) .content__labels--splash,.content--pillar-news:not(.paid-content) .content__labels--panel { background-color: #c70000 } .content--pillar-news:not(.paid-content) .block-share__item:focus,.content--pillar-news:not(.paid-content) .block-share__item:hover,.content--pillar-news:not(.paid-content) .social-icon:focus,.content--pillar-news:not(.paid-content) .social-icon:hover,.content--pillar-news:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-news:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #c70000; border: 0.0625rem solid #c70000 } .content--pillar-news:not(.paid-content) .block--content,.content--pillar-news:not(.paid-content) .block.is-summary { border-top-color: #ab0613 } .content--pillar-news:not(.paid-content) .youtube-media-atom__play-button { background: #ff4e36; border-radius: 100% } .content--pillar-news:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon { fill: #ff4e36 } .content--pillar-news:not(.paid-content) .youtube-media-atom__bottom-bar__duration { color: #ff4e36 } .content--pillar-news:not(.paid-content) .content__label-interview { background-color: #ab0613; box-shadow: 0.25rem 0 0 #ab0613,-0.375rem 0 0 #ab0613 } .content--pillar-news:not(.paid-content) .meta__extras--crossword .social-icon { background: #fff; border: 0.0625rem solid #dcdcdc } .content--pillar-news:not(.paid-content) .meta__extras--crossword .social-icon:hover { background: #c70000; border: 0.0625rem solid #c70000 } .content--pillar-news:not(.paid-content) .meta__extras--crossword .social-icon svg { fill: #c70000 } .content--pillar-news:not(.paid-content) .meta__extras--crossword .social-icon svg:hover { fill: #fff } .content--pillar-opinion:not(.paid-content).content--type-analysis .content__headline,.content--pillar-news.content--type-comment:not(.paid-content).content--type-analysis .content__headline,.content--pillar-news.content--type-guardianview:not(.paid-content).content--type-analysis .content__headline { background-image: repeating-linear-gradient(to bottom, transparent, transparent 2.4375rem, rgba(224,94,0,0.5)) } @media (min-width: 46.25em) { .content--pillar-opinion:not(.paid-content).content--type-analysis .content__headline,.content--pillar-news.content--type-comment:not(.paid-content).content--type-analysis .content__headline,.content--pillar-news.content--type-guardianview:not(.paid-content).content--type-analysis .content__headline { background-image:repeating-linear-gradient(to bottom, transparent, transparent 2.9375rem, rgba(224,94,0,0.5)) } } .content--pillar-opinion:not(.paid-content).content--type-feature .content__headline,.content--pillar-opinion:not(.paid-content).content--type-review .content__headline,.content--pillar-opinion:not(.paid-content).content--type-recipe .content__headline,.content--pillar-opinion:not(.paid-content) .button--secondary,.content--pillar-opinion:not(.paid-content) .drop-cap,.content--pillar-opinion:not(.paid-content) .element-pullquote p,.content--pillar-opinion:not(.paid-content) .u-underline,.content--pillar-news.content--type-comment:not(.paid-content).content--type-feature .content__headline,.content--pillar-news.content--type-comment:not(.paid-content).content--type-review .content__headline,.content--pillar-news.content--type-comment:not(.paid-content).content--type-recipe .content__headline,.content--pillar-news.content--type-comment:not(.paid-content) .button--secondary,.content--pillar-news.content--type-comment:not(.paid-content) .drop-cap,.content--pillar-news.content--type-comment:not(.paid-content) .element-pullquote p,.content--pillar-news.content--type-comment:not(.paid-content) .u-underline,.content--pillar-news.content--type-guardianview:not(.paid-content).content--type-feature .content__headline,.content--pillar-news.content--type-guardianview:not(.paid-content).content--type-review .content__headline,.content--pillar-news.content--type-guardianview:not(.paid-content).content--type-recipe .content__headline,.content--pillar-news.content--type-guardianview:not(.paid-content) .button--secondary,.content--pillar-news.content--type-guardianview:not(.paid-content) .drop-cap,.content--pillar-news.content--type-guardianview:not(.paid-content) .element-pullquote p,.content--pillar-news.content--type-guardianview:not(.paid-content) .u-underline { color: #e05e00 } .content--pillar-opinion:not(.paid-content) .pinned-block__header,.content--pillar-opinion:not(.paid-content) .pinned-block__label,.content--pillar-opinion:not(.paid-content) .pinned-block-original__icon,.content--pillar-opinion:not(.paid-content) .button--primary,.content--pillar-opinion:not(.paid-content) .content__labels--splash:hover,.content--pillar-news.content--type-comment:not(.paid-content) .pinned-block__header,.content--pillar-news.content--type-comment:not(.paid-content) .pinned-block__label,.content--pillar-news.content--type-comment:not(.paid-content) .pinned-block-original__icon,.content--pillar-news.content--type-comment:not(.paid-content) .button--primary,.content--pillar-news.content--type-comment:not(.paid-content) .content__labels--splash:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .pinned-block__header,.content--pillar-news.content--type-guardianview:not(.paid-content) .pinned-block__label,.content--pillar-news.content--type-guardianview:not(.paid-content) .pinned-block-original__icon,.content--pillar-news.content--type-guardianview:not(.paid-content) .button--primary,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__labels--splash:hover { background: #e05e00 } .content--pillar-opinion:not(.paid-content) .pinned-block__collapsible-content,.content--pillar-news.content--type-comment:not(.paid-content) .pinned-block__collapsible-content,.content--pillar-news.content--type-guardianview:not(.paid-content) .pinned-block__collapsible-content { border: solid #e05e00 } .content--pillar-opinion:not(.paid-content) .pinned-block__label:hover,.content--pillar-news.content--type-comment:not(.paid-content) .pinned-block__label:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .pinned-block__label:hover { background-color: #e05e00 } .content--pillar-opinion:not(.paid-content) .byline,.content--pillar-opinion:not(.paid-content) .content--media .content__headline,.content--pillar-opinion:not(.paid-content) .content__label__link,.content--pillar-opinion:not(.paid-content) .pullquote-cite,.content--pillar-opinion:not(.paid-content) a,.content--pillar-news.content--type-comment:not(.paid-content) .byline,.content--pillar-news.content--type-comment:not(.paid-content) .content--media .content__headline,.content--pillar-news.content--type-comment:not(.paid-content) .content__label__link,.content--pillar-news.content--type-comment:not(.paid-content) .pullquote-cite,.content--pillar-news.content--type-comment:not(.paid-content) a,.content--pillar-news.content--type-guardianview:not(.paid-content) .byline,.content--pillar-news.content--type-guardianview:not(.paid-content) .content--media .content__headline,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__label__link,.content--pillar-news.content--type-guardianview:not(.paid-content) .pullquote-cite,.content--pillar-news.content--type-guardianview:not(.paid-content) a { color: #e05e00 } .content--pillar-opinion:not(.paid-content) .end-slate-container a,.content--pillar-news.content--type-comment:not(.paid-content) .end-slate-container a,.content--pillar-news.content--type-guardianview:not(.paid-content) .end-slate-container a { color: #ededed } .content--pillar-opinion:not(.paid-content) .content__meta-container .byline-img,.content--pillar-opinion:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text,.content--pillar-news.content--type-comment:not(.paid-content) .content__meta-container .byline-img,.content--pillar-news.content--type-comment:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__meta-container .byline-img,.content--pillar-news.content--type-guardianview:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text { background: #ff7f0f } .content--pillar-opinion:not(.paid-content) .block-share__item .inline-icon,.content--pillar-opinion:not(.paid-content) .commentcount2__heading span,.content--pillar-opinion:not(.paid-content) .inline-close svg,.content--pillar-opinion:not(.paid-content) .inline-triangle,.content--pillar-opinion:not(.paid-content) .social-icon svg,.content--pillar-opinion:not(.paid-content) .social-icon__svg,.content--pillar-news.content--type-comment:not(.paid-content) .block-share__item .inline-icon,.content--pillar-news.content--type-comment:not(.paid-content) .commentcount2__heading span,.content--pillar-news.content--type-comment:not(.paid-content) .inline-close svg,.content--pillar-news.content--type-comment:not(.paid-content) .inline-triangle,.content--pillar-news.content--type-comment:not(.paid-content) .social-icon svg,.content--pillar-news.content--type-comment:not(.paid-content) .social-icon__svg,.content--pillar-news.content--type-guardianview:not(.paid-content) .block-share__item .inline-icon,.content--pillar-news.content--type-guardianview:not(.paid-content) .commentcount2__heading span,.content--pillar-news.content--type-guardianview:not(.paid-content) .inline-close svg,.content--pillar-news.content--type-guardianview:not(.paid-content) .inline-triangle,.content--pillar-news.content--type-guardianview:not(.paid-content) .social-icon svg,.content--pillar-news.content--type-guardianview:not(.paid-content) .social-icon__svg { fill: #e05e00 } .content--pillar-opinion:not(.paid-content) .inline-garnett-quote svg,.content--pillar-opinion:not(.paid-content) .content__series-cta__icon,.content--pillar-news.content--type-comment:not(.paid-content) .inline-garnett-quote svg,.content--pillar-news.content--type-comment:not(.paid-content) .content__series-cta__icon,.content--pillar-news.content--type-guardianview:not(.paid-content) .inline-garnett-quote svg,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__series-cta__icon { fill: #e05e00 } .content--pillar-opinion:not(.paid-content) .u-underline:hover,.content--pillar-news.content--type-comment:not(.paid-content) .u-underline:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .u-underline:hover { border-bottom: solid 0.0625rem #e05e00 } .content--pillar-opinion:not(.paid-content) .bullet::before,.content--pillar-opinion:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-opinion:not(.paid-content) .content__labels--splash,.content--pillar-opinion:not(.paid-content) .content__labels--panel,.content--pillar-news.content--type-comment:not(.paid-content) .bullet::before,.content--pillar-news.content--type-comment:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-news.content--type-comment:not(.paid-content) .content__labels--splash,.content--pillar-news.content--type-comment:not(.paid-content) .content__labels--panel,.content--pillar-news.content--type-guardianview:not(.paid-content) .bullet::before,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__labels--splash,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__labels--panel { background-color: #e05e00 } .content--pillar-opinion:not(.paid-content) .block-share__item:focus,.content--pillar-opinion:not(.paid-content) .block-share__item:hover,.content--pillar-opinion:not(.paid-content) .social-icon:focus,.content--pillar-opinion:not(.paid-content) .social-icon:hover,.content--pillar-opinion:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-opinion:not(.paid-content) .social-icon.social-icon--more:hover,.content--pillar-news.content--type-comment:not(.paid-content) .block-share__item:focus,.content--pillar-news.content--type-comment:not(.paid-content) .block-share__item:hover,.content--pillar-news.content--type-comment:not(.paid-content) .social-icon:focus,.content--pillar-news.content--type-comment:not(.paid-content) .social-icon:hover,.content--pillar-news.content--type-comment:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-news.content--type-comment:not(.paid-content) .social-icon.social-icon--more:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .block-share__item:focus,.content--pillar-news.content--type-guardianview:not(.paid-content) .block-share__item:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .social-icon:focus,.content--pillar-news.content--type-guardianview:not(.paid-content) .social-icon:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-news.content--type-guardianview:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #e05e00; border: 0.0625rem solid #e05e00 } .content--pillar-opinion:not(.paid-content) .block--content,.content--pillar-opinion:not(.paid-content) .block.is-summary,.content--pillar-news.content--type-comment:not(.paid-content) .block--content,.content--pillar-news.content--type-comment:not(.paid-content) .block.is-summary,.content--pillar-news.content--type-guardianview:not(.paid-content) .block--content,.content--pillar-news.content--type-guardianview:not(.paid-content) .block.is-summary { border-top-color: #e05e00 } .content--pillar-opinion:not(.paid-content) .youtube-media-atom__play-button,.content--pillar-news.content--type-comment:not(.paid-content) .youtube-media-atom__play-button,.content--pillar-news.content--type-guardianview:not(.paid-content) .youtube-media-atom__play-button { background: #ff7f0f; border-radius: 100% } .content--pillar-opinion:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon,.content--pillar-news.content--type-comment:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon,.content--pillar-news.content--type-guardianview:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon { fill: #ff7f0f } .content--pillar-opinion:not(.paid-content) .youtube-media-atom__bottom-bar__duration,.content--pillar-news.content--type-comment:not(.paid-content) .youtube-media-atom__bottom-bar__duration,.content--pillar-news.content--type-guardianview:not(.paid-content) .youtube-media-atom__bottom-bar__duration { color: #ff7f0f } .content--pillar-opinion:not(.paid-content) .content__label-interview,.content--pillar-news.content--type-comment:not(.paid-content) .content__label-interview,.content--pillar-news.content--type-guardianview:not(.paid-content) .content__label-interview { background-color: #e05e00; box-shadow: 0.25rem 0 0 #e05e00,-0.375rem 0 0 #e05e00 } .content--pillar-opinion:not(.paid-content) .meta__extras--crossword .social-icon,.content--pillar-news.content--type-comment:not(.paid-content) .meta__extras--crossword .social-icon,.content--pillar-news.content--type-guardianview:not(.paid-content) .meta__extras--crossword .social-icon { background: #fff; border: 0.0625rem solid #dcdcdc } .content--pillar-opinion:not(.paid-content) .meta__extras--crossword .social-icon:hover,.content--pillar-news.content--type-comment:not(.paid-content) .meta__extras--crossword .social-icon:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .meta__extras--crossword .social-icon:hover { background: #e05e00; border: 0.0625rem solid #e05e00 } .content--pillar-opinion:not(.paid-content) .meta__extras--crossword .social-icon svg,.content--pillar-news.content--type-comment:not(.paid-content) .meta__extras--crossword .social-icon svg,.content--pillar-news.content--type-guardianview:not(.paid-content) .meta__extras--crossword .social-icon svg { fill: #e05e00 } .content--pillar-opinion:not(.paid-content) .meta__extras--crossword .social-icon svg:hover,.content--pillar-news.content--type-comment:not(.paid-content) .meta__extras--crossword .social-icon svg:hover,.content--pillar-news.content--type-guardianview:not(.paid-content) .meta__extras--crossword .social-icon svg:hover { fill: #fff } .content--pillar-arts:not(.paid-content).content--type-analysis .content__headline { background-image: repeating-linear-gradient(to bottom, transparent, transparent 2.4375rem, rgba(107,88,64,0.5)) } @media (min-width: 46.25em) { .content--pillar-arts:not(.paid-content).content--type-analysis .content__headline { background-image:repeating-linear-gradient(to bottom, transparent, transparent 2.9375rem, rgba(107,88,64,0.5)) } } .content--pillar-arts:not(.paid-content).content--type-feature .content__headline,.content--pillar-arts:not(.paid-content).content--type-review .content__headline,.content--pillar-arts:not(.paid-content).content--type-recipe .content__headline,.content--pillar-arts:not(.paid-content) .button--secondary,.content--pillar-arts:not(.paid-content) .drop-cap,.content--pillar-arts:not(.paid-content) .element-pullquote p,.content--pillar-arts:not(.paid-content) .u-underline { color: #6b5840 } .content--pillar-arts:not(.paid-content) .pinned-block__header,.content--pillar-arts:not(.paid-content) .pinned-block__label,.content--pillar-arts:not(.paid-content) .pinned-block-original__icon,.content--pillar-arts:not(.paid-content) .button--primary,.content--pillar-arts:not(.paid-content) .content__labels--splash:hover { background: #6b5840 } .content--pillar-arts:not(.paid-content) .pinned-block__collapsible-content { border: solid #6b5840 } .content--pillar-arts:not(.paid-content) .pinned-block__label:hover { background-color: #a1845c } .content--pillar-arts:not(.paid-content) .byline,.content--pillar-arts:not(.paid-content) .content--media .content__headline,.content--pillar-arts:not(.paid-content) .content__label__link,.content--pillar-arts:not(.paid-content) .pullquote-cite,.content--pillar-arts:not(.paid-content) a { color: #a1845c } .content--pillar-arts:not(.paid-content) .end-slate-container a { color: #ededed } .content--pillar-arts:not(.paid-content) .content__meta-container .byline-img,.content--pillar-arts:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text { background: #eacca0 } .content--pillar-arts:not(.paid-content) .block-share__item .inline-icon,.content--pillar-arts:not(.paid-content) .commentcount2__heading span,.content--pillar-arts:not(.paid-content) .inline-close svg,.content--pillar-arts:not(.paid-content) .inline-triangle,.content--pillar-arts:not(.paid-content) .social-icon svg,.content--pillar-arts:not(.paid-content) .social-icon__svg { fill: #a1845c } .content--pillar-arts:not(.paid-content) .inline-garnett-quote svg,.content--pillar-arts:not(.paid-content) .content__series-cta__icon { fill: #a1845c } .content--pillar-arts:not(.paid-content) .u-underline:hover { border-bottom: solid 0.0625rem #a1845c } .content--pillar-arts:not(.paid-content) .bullet::before,.content--pillar-arts:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-arts:not(.paid-content) .content__labels--splash,.content--pillar-arts:not(.paid-content) .content__labels--panel { background-color: #a1845c } .content--pillar-arts:not(.paid-content) .block-share__item:focus,.content--pillar-arts:not(.paid-content) .block-share__item:hover,.content--pillar-arts:not(.paid-content) .social-icon:focus,.content--pillar-arts:not(.paid-content) .social-icon:hover,.content--pillar-arts:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-arts:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #a1845c; border: 0.0625rem solid #a1845c } .content--pillar-arts:not(.paid-content) .block--content,.content--pillar-arts:not(.paid-content) .block.is-summary { border-top-color: #6b5840 } .content--pillar-arts:not(.paid-content) .youtube-media-atom__play-button { background: #eacca0; border-radius: 100% } .content--pillar-arts:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon { fill: #eacca0 } .content--pillar-arts:not(.paid-content) .youtube-media-atom__bottom-bar__duration { color: #eacca0 } .content--pillar-arts:not(.paid-content) .content__label-interview { background-color: #6b5840; box-shadow: 0.25rem 0 0 #6b5840,-0.375rem 0 0 #6b5840 } .content--pillar-arts:not(.paid-content) .meta__extras--crossword .social-icon { background: #fff; border: 0.0625rem solid #dcdcdc } .content--pillar-arts:not(.paid-content) .meta__extras--crossword .social-icon:hover { background: #a1845c; border: 0.0625rem solid #a1845c } .content--pillar-arts:not(.paid-content) .meta__extras--crossword .social-icon svg { fill: #a1845c } .content--pillar-arts:not(.paid-content) .meta__extras--crossword .social-icon svg:hover { fill: #fff } .content--pillar-lifestyle:not(.paid-content).content--type-analysis .content__headline,.content__head--crossword.content--type-analysis .content__headline { background-image: repeating-linear-gradient(to bottom, transparent, transparent 2.4375rem, rgba(125,0,104,0.5)) } @media (min-width: 46.25em) { .content--pillar-lifestyle:not(.paid-content).content--type-analysis .content__headline,.content__head--crossword.content--type-analysis .content__headline { background-image:repeating-linear-gradient(to bottom, transparent, transparent 2.9375rem, rgba(125,0,104,0.5)) } } .content--pillar-lifestyle:not(.paid-content).content--type-feature .content__headline,.content--pillar-lifestyle:not(.paid-content).content--type-review .content__headline,.content--pillar-lifestyle:not(.paid-content).content--type-recipe .content__headline,.content--pillar-lifestyle:not(.paid-content) .button--secondary,.content--pillar-lifestyle:not(.paid-content) .drop-cap,.content--pillar-lifestyle:not(.paid-content) .element-pullquote p,.content--pillar-lifestyle:not(.paid-content) .u-underline,.content__head--crossword.content--type-feature .content__headline,.content__head--crossword.content--type-review .content__headline,.content__head--crossword.content--type-recipe .content__headline,.content__head--crossword .button--secondary,.content__head--crossword .drop-cap,.content__head--crossword .element-pullquote p,.content__head--crossword .u-underline { color: #7d0068 } .content--pillar-lifestyle:not(.paid-content) .pinned-block__header,.content--pillar-lifestyle:not(.paid-content) .pinned-block__label,.content--pillar-lifestyle:not(.paid-content) .pinned-block-original__icon,.content--pillar-lifestyle:not(.paid-content) .button--primary,.content--pillar-lifestyle:not(.paid-content) .content__labels--splash:hover,.content__head--crossword .pinned-block__header,.content__head--crossword .pinned-block__label,.content__head--crossword .pinned-block-original__icon,.content__head--crossword .button--primary,.content__head--crossword .content__labels--splash:hover { background: #7d0068 } .content--pillar-lifestyle:not(.paid-content) .pinned-block__collapsible-content,.content__head--crossword .pinned-block__collapsible-content { border: solid #7d0068 } .content--pillar-lifestyle:not(.paid-content) .pinned-block__label:hover,.content__head--crossword .pinned-block__label:hover { background-color: #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .byline,.content--pillar-lifestyle:not(.paid-content) .content--media .content__headline,.content--pillar-lifestyle:not(.paid-content) .content__label__link,.content--pillar-lifestyle:not(.paid-content) .pullquote-cite,.content--pillar-lifestyle:not(.paid-content) a,.content__head--crossword .byline,.content__head--crossword .content--media .content__headline,.content__head--crossword .content__label__link,.content__head--crossword .pullquote-cite,.content__head--crossword a { color: #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .end-slate-container a,.content__head--crossword .end-slate-container a { color: #ededed } .content--pillar-lifestyle:not(.paid-content) .content__meta-container .byline-img,.content--pillar-lifestyle:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text,.content__head--crossword .content__meta-container .byline-img,.content__head--crossword .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text { background: #ffabdb } .content--pillar-lifestyle:not(.paid-content) .block-share__item .inline-icon,.content--pillar-lifestyle:not(.paid-content) .commentcount2__heading span,.content--pillar-lifestyle:not(.paid-content) .inline-close svg,.content--pillar-lifestyle:not(.paid-content) .inline-triangle,.content--pillar-lifestyle:not(.paid-content) .social-icon svg,.content--pillar-lifestyle:not(.paid-content) .social-icon__svg,.content__head--crossword .block-share__item .inline-icon,.content__head--crossword .commentcount2__heading span,.content__head--crossword .inline-close svg,.content__head--crossword .inline-triangle,.content__head--crossword .social-icon svg,.content__head--crossword .social-icon__svg { fill: #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .inline-garnett-quote svg,.content--pillar-lifestyle:not(.paid-content) .content__series-cta__icon,.content__head--crossword .inline-garnett-quote svg,.content__head--crossword .content__series-cta__icon { fill: #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .u-underline:hover,.content__head--crossword .u-underline:hover { border-bottom: solid 0.0625rem #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .bullet::before,.content--pillar-lifestyle:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-lifestyle:not(.paid-content) .content__labels--splash,.content--pillar-lifestyle:not(.paid-content) .content__labels--panel,.content__head--crossword .bullet::before,.content__head--crossword .content__headline-splash-wrapper,.content__head--crossword .content__labels--splash,.content__head--crossword .content__labels--panel { background-color: #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .block-share__item:focus,.content--pillar-lifestyle:not(.paid-content) .block-share__item:hover,.content--pillar-lifestyle:not(.paid-content) .social-icon:focus,.content--pillar-lifestyle:not(.paid-content) .social-icon:hover,.content--pillar-lifestyle:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-lifestyle:not(.paid-content) .social-icon.social-icon--more:hover,.content__head--crossword .block-share__item:focus,.content__head--crossword .block-share__item:hover,.content__head--crossword .social-icon:focus,.content__head--crossword .social-icon:hover,.content__head--crossword .social-icon.social-icon--more:focus,.content__head--crossword .social-icon.social-icon--more:hover { background-color: #bb3b80; border: 0.0625rem solid #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .block--content,.content--pillar-lifestyle:not(.paid-content) .block.is-summary,.content__head--crossword .block--content,.content__head--crossword .block.is-summary { border-top-color: #7d0068 } .content--pillar-lifestyle:not(.paid-content) .youtube-media-atom__play-button,.content__head--crossword .youtube-media-atom__play-button { background: #ffabdb; border-radius: 100% } .content--pillar-lifestyle:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon,.content__head--crossword .fc-item--media .fc-item__title .inline-video-icon { fill: #ffabdb } .content--pillar-lifestyle:not(.paid-content) .youtube-media-atom__bottom-bar__duration,.content__head--crossword .youtube-media-atom__bottom-bar__duration { color: #ffabdb } .content--pillar-lifestyle:not(.paid-content) .content__label-interview,.content__head--crossword .content__label-interview { background-color: #7d0068; box-shadow: 0.25rem 0 0 #7d0068,-0.375rem 0 0 #7d0068 } .content--pillar-lifestyle:not(.paid-content) .meta__extras--crossword .social-icon,.content__head--crossword .meta__extras--crossword .social-icon { background: #fff; border: 0.0625rem solid #dcdcdc } .content--pillar-lifestyle:not(.paid-content) .meta__extras--crossword .social-icon:hover,.content__head--crossword .meta__extras--crossword .social-icon:hover { background: #bb3b80; border: 0.0625rem solid #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .meta__extras--crossword .social-icon svg,.content__head--crossword .meta__extras--crossword .social-icon svg { fill: #bb3b80 } .content--pillar-lifestyle:not(.paid-content) .meta__extras--crossword .social-icon svg:hover,.content__head--crossword .meta__extras--crossword .social-icon svg:hover { fill: #fff } .content--pillar-sport:not(.paid-content).content--type-analysis .content__headline { background-image: repeating-linear-gradient(to bottom, transparent, transparent 2.4375rem, rgba(0,86,137,0.5)) } @media (min-width: 46.25em) { .content--pillar-sport:not(.paid-content).content--type-analysis .content__headline { background-image:repeating-linear-gradient(to bottom, transparent, transparent 2.9375rem, rgba(0,86,137,0.5)) } } .content--pillar-sport:not(.paid-content).content--type-feature .content__headline,.content--pillar-sport:not(.paid-content).content--type-review .content__headline,.content--pillar-sport:not(.paid-content).content--type-recipe .content__headline,.content--pillar-sport:not(.paid-content) .button--secondary,.content--pillar-sport:not(.paid-content) .drop-cap,.content--pillar-sport:not(.paid-content) .element-pullquote p,.content--pillar-sport:not(.paid-content) .u-underline { color: #005689 } .content--pillar-sport:not(.paid-content) .pinned-block__header,.content--pillar-sport:not(.paid-content) .pinned-block__label,.content--pillar-sport:not(.paid-content) .pinned-block-original__icon,.content--pillar-sport:not(.paid-content) .button--primary,.content--pillar-sport:not(.paid-content) .content__labels--splash:hover { background: #005689 } .content--pillar-sport:not(.paid-content) .pinned-block__collapsible-content { border: solid #005689 } .content--pillar-sport:not(.paid-content) .pinned-block__label:hover { background-color: #0084c6 } .content--pillar-sport:not(.paid-content) .byline,.content--pillar-sport:not(.paid-content) .content--media .content__headline,.content--pillar-sport:not(.paid-content) .content__label__link,.content--pillar-sport:not(.paid-content) .pullquote-cite,.content--pillar-sport:not(.paid-content) a { color: #0084c6 } .content--pillar-sport:not(.paid-content) .end-slate-container a { color: #ededed } .content--pillar-sport:not(.paid-content) .content__meta-container .byline-img,.content--pillar-sport:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text { background: #00b2ff } .content--pillar-sport:not(.paid-content) .block-share__item .inline-icon,.content--pillar-sport:not(.paid-content) .commentcount2__heading span,.content--pillar-sport:not(.paid-content) .inline-close svg,.content--pillar-sport:not(.paid-content) .inline-triangle,.content--pillar-sport:not(.paid-content) .social-icon svg,.content--pillar-sport:not(.paid-content) .social-icon__svg { fill: #0084c6 } .content--pillar-sport:not(.paid-content) .inline-garnett-quote svg,.content--pillar-sport:not(.paid-content) .content__series-cta__icon { fill: #0084c6 } .content--pillar-sport:not(.paid-content) .u-underline:hover { border-bottom: solid 0.0625rem #0084c6 } .content--pillar-sport:not(.paid-content) .bullet::before,.content--pillar-sport:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-sport:not(.paid-content) .content__labels--splash,.content--pillar-sport:not(.paid-content) .content__labels--panel { background-color: #0084c6 } .content--pillar-sport:not(.paid-content) .block-share__item:focus,.content--pillar-sport:not(.paid-content) .block-share__item:hover,.content--pillar-sport:not(.paid-content) .social-icon:focus,.content--pillar-sport:not(.paid-content) .social-icon:hover,.content--pillar-sport:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-sport:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #0084c6; border: 0.0625rem solid #0084c6 } .content--pillar-sport:not(.paid-content) .block--content,.content--pillar-sport:not(.paid-content) .block.is-summary { border-top-color: #005689 } .content--pillar-sport:not(.paid-content) .youtube-media-atom__play-button { background: #00b2ff; border-radius: 100% } .content--pillar-sport:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon { fill: #00b2ff } .content--pillar-sport:not(.paid-content) .youtube-media-atom__bottom-bar__duration { color: #00b2ff } .content--pillar-sport:not(.paid-content) .content__label-interview { background-color: #005689; box-shadow: 0.25rem 0 0 #005689,-0.375rem 0 0 #005689 } .content--pillar-sport:not(.paid-content) .meta__extras--crossword .social-icon { background: #fff; border: 0.0625rem solid #dcdcdc } .content--pillar-sport:not(.paid-content) .meta__extras--crossword .social-icon:hover { background: #0084c6; border: 0.0625rem solid #0084c6 } .content--pillar-sport:not(.paid-content) .meta__extras--crossword .social-icon svg { fill: #0084c6 } .content--pillar-sport:not(.paid-content) .meta__extras--crossword .social-icon svg:hover { fill: #fff } .content--pillar-special-report:not(.paid-content).content--type-analysis .content__headline { background-image: repeating-linear-gradient(to bottom, transparent, transparent 2.4375rem, rgba(63,70,74,0.5)) } @media (min-width: 46.25em) { .content--pillar-special-report:not(.paid-content).content--type-analysis .content__headline { background-image:repeating-linear-gradient(to bottom, transparent, transparent 2.9375rem, rgba(63,70,74,0.5)) } } .content--pillar-special-report:not(.paid-content).content--type-feature .content__headline,.content--pillar-special-report:not(.paid-content).content--type-review .content__headline,.content--pillar-special-report:not(.paid-content).content--type-recipe .content__headline,.content--pillar-special-report:not(.paid-content) .button--secondary,.content--pillar-special-report:not(.paid-content) .drop-cap,.content--pillar-special-report:not(.paid-content) .element-pullquote p,.content--pillar-special-report:not(.paid-content) .u-underline { color: #3f464a } .content--pillar-special-report:not(.paid-content) .pinned-block__header,.content--pillar-special-report:not(.paid-content) .pinned-block__label,.content--pillar-special-report:not(.paid-content) .pinned-block-original__icon,.content--pillar-special-report:not(.paid-content) .button--primary,.content--pillar-special-report:not(.paid-content) .content__labels--splash:hover { background: #3f464a } .content--pillar-special-report:not(.paid-content) .pinned-block__collapsible-content { border: solid #3f464a } .content--pillar-special-report:not(.paid-content) .pinned-block__label:hover { background-color: #3f464a } .content--pillar-special-report:not(.paid-content) .byline,.content--pillar-special-report:not(.paid-content) .content--media .content__headline,.content--pillar-special-report:not(.paid-content) .content__label__link,.content--pillar-special-report:not(.paid-content) .pullquote-cite,.content--pillar-special-report:not(.paid-content) a { color: #3f464a } .content--pillar-special-report:not(.paid-content) .end-slate-container a { color: #ededed } .content--pillar-special-report:not(.paid-content) .content__meta-container .byline-img,.content--pillar-special-report:not(.paid-content) .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text { background: #ffe500 } .content--pillar-special-report:not(.paid-content) .block-share__item .inline-icon,.content--pillar-special-report:not(.paid-content) .commentcount2__heading span,.content--pillar-special-report:not(.paid-content) .inline-close svg,.content--pillar-special-report:not(.paid-content) .inline-triangle,.content--pillar-special-report:not(.paid-content) .social-icon svg,.content--pillar-special-report:not(.paid-content) .social-icon__svg { fill: #3f464a } .content--pillar-special-report:not(.paid-content) .inline-garnett-quote svg,.content--pillar-special-report:not(.paid-content) .content__series-cta__icon { fill: #3f464a } .content--pillar-special-report:not(.paid-content) .u-underline:hover { border-bottom: solid 0.0625rem #3f464a } .content--pillar-special-report:not(.paid-content) .bullet::before,.content--pillar-special-report:not(.paid-content) .content__headline-splash-wrapper,.content--pillar-special-report:not(.paid-content) .content__labels--splash,.content--pillar-special-report:not(.paid-content) .content__labels--panel { background-color: #3f464a } .content--pillar-special-report:not(.paid-content) .block-share__item:focus,.content--pillar-special-report:not(.paid-content) .block-share__item:hover,.content--pillar-special-report:not(.paid-content) .social-icon:focus,.content--pillar-special-report:not(.paid-content) .social-icon:hover,.content--pillar-special-report:not(.paid-content) .social-icon.social-icon--more:focus,.content--pillar-special-report:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #3f464a; border: 0.0625rem solid #3f464a } .content--pillar-special-report:not(.paid-content) .block--content,.content--pillar-special-report:not(.paid-content) .block.is-summary { border-top-color: #3f464a } .content--pillar-special-report:not(.paid-content) .youtube-media-atom__play-button { background: #ffe500; border-radius: 100% } .content--pillar-special-report:not(.paid-content) .fc-item--media .fc-item__title .inline-video-icon { fill: #ffe500 } .content--pillar-special-report:not(.paid-content) .youtube-media-atom__bottom-bar__duration { color: #ffe500 } .content--pillar-special-report:not(.paid-content) .content__label-interview { background-color: #3f464a; box-shadow: 0.25rem 0 0 #3f464a,-0.375rem 0 0 #3f464a } .content--pillar-special-report:not(.paid-content) .meta__extras--crossword .social-icon { background: #fff; border: 0.0625rem solid #dcdcdc } .content--pillar-special-report:not(.paid-content) .meta__extras--crossword .social-icon:hover { background: #3f464a; border: 0.0625rem solid #3f464a } .content--pillar-special-report:not(.paid-content) .meta__extras--crossword .social-icon svg { fill: #3f464a } .content--pillar-special-report:not(.paid-content) .meta__extras--crossword .social-icon svg:hover { fill: #fff } .content--pillar-special-report:not(.paid-content) .youtube-media-atom__play-button .inline-icon svg { fill: #121212 } .content-footer--pillar-news:not(.paid-content) ._underline_1lj47_3,.content-footer--pillar-news:not(.paid-content) .d-comment__action,.content-footer--pillar-news:not(.paid-content) .d-comment__author a[href],.content-footer--pillar-news:not(.paid-content) .d-comment__reply-to-author,.content-footer--pillar-news:not(.paid-content) .d-show-more-replies__button,.content-footer--pillar-news:not(.paid-content) .js-discussion-author-link { color: #c70000 } .content-footer--pillar-news:not(.paid-content) ._underline_1lj47_3:focus,.content-footer--pillar-news:not(.paid-content) ._underline_1lj47_3:hover { border-color: #c70000 } .content-footer--pillar-news:not(.paid-content) .tabs__tab--selected:after { background-color: #c70000 } .content-footer--pillar-news:not(.paid-content) .comment-share-icon,.content-footer--pillar-news:not(.paid-content) .d-show-more-replies__button.button--show-more svg,.content-footer--pillar-news:not(.paid-content) .inline-reply.blue { fill: #707070; left: 0.41667rem } .content-footer--pillar-news:not(.paid-content) .discussion__top-border { border-top: 0.0625rem solid #dcdcdc } .content-footer--pillar-news:not(.paid-content) .button--primary { background-color: #c70000; border-color: #c70000 } .content-footer--pillar-news:not(.paid-content) .button--primary:active,.content-footer--pillar-news:not(.paid-content) .button--primary:focus,.content-footer--pillar-news:not(.paid-content) .button--primary:hover { background-color: #940000; border-color: #940000 } .content-footer--pillar-news:not(.paid-content) .button--tertiary:active,.content-footer--pillar-news:not(.paid-content) .button--tertiary:focus { color: #c70000 } .content-footer--pillar-news:not(.paid-content) .d-show-more-replies__button { border: 0.0625rem solid #dcdcdc; background: #fff } .content-footer--pillar-news:not(.paid-content) .d-show-more-replies__button:focus,.content-footer--pillar-news:not(.paid-content) .d-show-more-replies__button:hover { border: 0.0625rem solid #a9a9a9; background: #fff } .content-footer--pillar-news:not(.paid-content) .button--show-more svg { left: 0.625rem } .content-footer--pillar-news:not(.paid-content) .block-share__item,.content-footer--pillar-news:not(.paid-content) .inline-close,.content-footer--pillar-news:not(.paid-content) .social-icon,.content-footer--pillar-news:not(.paid-content) .social-icon.social-icon--more { background-color: transparent; border: 0.0625rem solid #dcdcdc } .content-footer--pillar-news:not(.paid-content) .block-share__item:focus svg,.content-footer--pillar-news:not(.paid-content) .block-share__item:hover svg,.content-footer--pillar-news:not(.paid-content) .inline-close:focus svg,.content-footer--pillar-news:not(.paid-content) .inline-close:hover svg,.content-footer--pillar-news:not(.paid-content) .social-icon:focus svg,.content-footer--pillar-news:not(.paid-content) .social-icon:hover svg,.content-footer--pillar-news:not(.paid-content) .social-icon.social-icon--more:focus svg,.content-footer--pillar-news:not(.paid-content) .social-icon.social-icon--more:hover svg { fill: #fff } .content-footer--pillar-news:not(.paid-content) .block-share__item .inline-icon,.content-footer--pillar-news:not(.paid-content) .commentcount2__heading span,.content-footer--pillar-news:not(.paid-content) .inline-close svg,.content-footer--pillar-news:not(.paid-content) .social-icon svg,.content-footer--pillar-news:not(.paid-content) .social-icon__svg { fill: #c70000 } .content-footer--pillar-news:not(.paid-content) .block-share__item:focus,.content-footer--pillar-news:not(.paid-content) .block-share__item:hover,.content-footer--pillar-news:not(.paid-content) .meta__twitter a:focus,.content-footer--pillar-news:not(.paid-content) .meta__twitter a:hover,.content-footer--pillar-news:not(.paid-content) .social-icon:focus,.content-footer--pillar-news:not(.paid-content) .social-icon:hover,.content-footer--pillar-news:not(.paid-content) .social-icon.social-icon--more:focus,.content-footer--pillar-news:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #c70000; border: 0.0625rem solid #c70000 } .content-footer--pillar-arts:not(.paid-content) ._underline_1lj47_3,.content-footer--pillar-arts:not(.paid-content) .d-comment__action,.content-footer--pillar-arts:not(.paid-content) .d-comment__author a[href],.content-footer--pillar-arts:not(.paid-content) .d-comment__reply-to-author,.content-footer--pillar-arts:not(.paid-content) .d-show-more-replies__button,.content-footer--pillar-arts:not(.paid-content) .js-discussion-author-link { color: #6b5840 } .content-footer--pillar-arts:not(.paid-content) ._underline_1lj47_3:focus,.content-footer--pillar-arts:not(.paid-content) ._underline_1lj47_3:hover { border-color: #6b5840 } .content-footer--pillar-arts:not(.paid-content) .tabs__tab--selected:after { background-color: #6b5840 } .content-footer--pillar-arts:not(.paid-content) .comment-share-icon,.content-footer--pillar-arts:not(.paid-content) .d-show-more-replies__button.button--show-more svg,.content-footer--pillar-arts:not(.paid-content) .inline-reply.blue { fill: #707070; left: 0.41667rem } .content-footer--pillar-arts:not(.paid-content) .discussion__top-border { border-top: 0.0625rem solid #dcdcdc } .content-footer--pillar-arts:not(.paid-content) .button--primary { background-color: #6b5840; border-color: #6b5840 } .content-footer--pillar-arts:not(.paid-content) .button--primary:active,.content-footer--pillar-arts:not(.paid-content) .button--primary:focus,.content-footer--pillar-arts:not(.paid-content) .button--primary:hover { background-color: #4b3e2d; border-color: #4b3e2d } .content-footer--pillar-arts:not(.paid-content) .button--tertiary:active,.content-footer--pillar-arts:not(.paid-content) .button--tertiary:focus { color: #6b5840 } .content-footer--pillar-arts:not(.paid-content) .d-show-more-replies__button { border: 0.0625rem solid #dcdcdc; background: #fff } .content-footer--pillar-arts:not(.paid-content) .d-show-more-replies__button:focus,.content-footer--pillar-arts:not(.paid-content) .d-show-more-replies__button:hover { border: 0.0625rem solid #a9a9a9; background: #fff } .content-footer--pillar-arts:not(.paid-content) .button--show-more svg { left: 0.625rem } .content-footer--pillar-arts:not(.paid-content) .block-share__item,.content-footer--pillar-arts:not(.paid-content) .inline-close,.content-footer--pillar-arts:not(.paid-content) .social-icon,.content-footer--pillar-arts:not(.paid-content) .social-icon.social-icon--more { background-color: transparent; border: 0.0625rem solid #dcdcdc } .content-footer--pillar-arts:not(.paid-content) .block-share__item:focus svg,.content-footer--pillar-arts:not(.paid-content) .block-share__item:hover svg,.content-footer--pillar-arts:not(.paid-content) .inline-close:focus svg,.content-footer--pillar-arts:not(.paid-content) .inline-close:hover svg,.content-footer--pillar-arts:not(.paid-content) .social-icon:focus svg,.content-footer--pillar-arts:not(.paid-content) .social-icon:hover svg,.content-footer--pillar-arts:not(.paid-content) .social-icon.social-icon--more:focus svg,.content-footer--pillar-arts:not(.paid-content) .social-icon.social-icon--more:hover svg { fill: #fff } .content-footer--pillar-arts:not(.paid-content) .block-share__item .inline-icon,.content-footer--pillar-arts:not(.paid-content) .commentcount2__heading span,.content-footer--pillar-arts:not(.paid-content) .inline-close svg,.content-footer--pillar-arts:not(.paid-content) .social-icon svg,.content-footer--pillar-arts:not(.paid-content) .social-icon__svg { fill: #6b5840 } .content-footer--pillar-arts:not(.paid-content) .block-share__item:focus,.content-footer--pillar-arts:not(.paid-content) .block-share__item:hover,.content-footer--pillar-arts:not(.paid-content) .meta__twitter a:focus,.content-footer--pillar-arts:not(.paid-content) .meta__twitter a:hover,.content-footer--pillar-arts:not(.paid-content) .social-icon:focus,.content-footer--pillar-arts:not(.paid-content) .social-icon:hover,.content-footer--pillar-arts:not(.paid-content) .social-icon.social-icon--more:focus,.content-footer--pillar-arts:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #6b5840; border: 0.0625rem solid #6b5840 } .content-footer--pillar-lifestyle:not(.paid-content) ._underline_1lj47_3,.content-footer--pillar-lifestyle:not(.paid-content) .d-comment__action,.content-footer--pillar-lifestyle:not(.paid-content) .d-comment__author a[href],.content-footer--pillar-lifestyle:not(.paid-content) .d-comment__reply-to-author,.content-footer--pillar-lifestyle:not(.paid-content) .d-show-more-replies__button,.content-footer--pillar-lifestyle:not(.paid-content) .js-discussion-author-link { color: #7d0068 } .content-footer--pillar-lifestyle:not(.paid-content) ._underline_1lj47_3:focus,.content-footer--pillar-lifestyle:not(.paid-content) ._underline_1lj47_3:hover { border-color: #7d0068 } .content-footer--pillar-lifestyle:not(.paid-content) .tabs__tab--selected:after { background-color: #7d0068 } .content-footer--pillar-lifestyle:not(.paid-content) .comment-share-icon,.content-footer--pillar-lifestyle:not(.paid-content) .d-show-more-replies__button.button--show-more svg,.content-footer--pillar-lifestyle:not(.paid-content) .inline-reply.blue { fill: #707070; left: 0.41667rem } .content-footer--pillar-lifestyle:not(.paid-content) .discussion__top-border { border-top: 0.0625rem solid #dcdcdc } .content-footer--pillar-lifestyle:not(.paid-content) .button--primary { background-color: #7d0068; border-color: #7d0068 } .content-footer--pillar-lifestyle:not(.paid-content) .button--primary:active,.content-footer--pillar-lifestyle:not(.paid-content) .button--primary:focus,.content-footer--pillar-lifestyle:not(.paid-content) .button--primary:hover { background-color: #4a003e; border-color: #4a003e } .content-footer--pillar-lifestyle:not(.paid-content) .button--tertiary:active,.content-footer--pillar-lifestyle:not(.paid-content) .button--tertiary:focus { color: #7d0068 } .content-footer--pillar-lifestyle:not(.paid-content) .d-show-more-replies__button { border: 0.0625rem solid #dcdcdc; background: #fff } .content-footer--pillar-lifestyle:not(.paid-content) .d-show-more-replies__button:focus,.content-footer--pillar-lifestyle:not(.paid-content) .d-show-more-replies__button:hover { border: 0.0625rem solid #a9a9a9; background: #fff } .content-footer--pillar-lifestyle:not(.paid-content) .button--show-more svg { left: 0.625rem } .content-footer--pillar-lifestyle:not(.paid-content) .block-share__item,.content-footer--pillar-lifestyle:not(.paid-content) .inline-close,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon.social-icon--more { background-color: transparent; border: 0.0625rem solid #dcdcdc } .content-footer--pillar-lifestyle:not(.paid-content) .block-share__item:focus svg,.content-footer--pillar-lifestyle:not(.paid-content) .block-share__item:hover svg,.content-footer--pillar-lifestyle:not(.paid-content) .inline-close:focus svg,.content-footer--pillar-lifestyle:not(.paid-content) .inline-close:hover svg,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon:focus svg,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon:hover svg,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon.social-icon--more:focus svg,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon.social-icon--more:hover svg { fill: #fff } .content-footer--pillar-lifestyle:not(.paid-content) .block-share__item .inline-icon,.content-footer--pillar-lifestyle:not(.paid-content) .commentcount2__heading span,.content-footer--pillar-lifestyle:not(.paid-content) .inline-close svg,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon svg,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon__svg { fill: #7d0068 } .content-footer--pillar-lifestyle:not(.paid-content) .block-share__item:focus,.content-footer--pillar-lifestyle:not(.paid-content) .block-share__item:hover,.content-footer--pillar-lifestyle:not(.paid-content) .meta__twitter a:focus,.content-footer--pillar-lifestyle:not(.paid-content) .meta__twitter a:hover,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon:focus,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon:hover,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon.social-icon--more:focus,.content-footer--pillar-lifestyle:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #7d0068; border: 0.0625rem solid #7d0068 } .content-footer--pillar-opinion:not(.paid-content) ._underline_1lj47_3,.content-footer--pillar-opinion:not(.paid-content) .d-comment__action,.content-footer--pillar-opinion:not(.paid-content) .d-comment__author a[href],.content-footer--pillar-opinion:not(.paid-content) .d-comment__reply-to-author,.content-footer--pillar-opinion:not(.paid-content) .d-show-more-replies__button,.content-footer--pillar-opinion:not(.paid-content) .js-discussion-author-link { color: #e05e00 } .content-footer--pillar-opinion:not(.paid-content) ._underline_1lj47_3:focus,.content-footer--pillar-opinion:not(.paid-content) ._underline_1lj47_3:hover { border-color: #e05e00 } .content-footer--pillar-opinion:not(.paid-content) .tabs__tab--selected:after { background-color: #e05e00 } .content-footer--pillar-opinion:not(.paid-content) .comment-share-icon,.content-footer--pillar-opinion:not(.paid-content) .d-show-more-replies__button.button--show-more svg,.content-footer--pillar-opinion:not(.paid-content) .inline-reply.blue { fill: #707070; left: 0.41667rem } .content-footer--pillar-opinion:not(.paid-content) .discussion__top-border { border-top: 0.0625rem solid #dcdcdc } .content-footer--pillar-opinion:not(.paid-content) .button--primary { background-color: #e05e00; border-color: #e05e00 } .content-footer--pillar-opinion:not(.paid-content) .button--primary:active,.content-footer--pillar-opinion:not(.paid-content) .button--primary:focus,.content-footer--pillar-opinion:not(.paid-content) .button--primary:hover { background-color: #ad4900; border-color: #ad4900 } .content-footer--pillar-opinion:not(.paid-content) .button--tertiary:active,.content-footer--pillar-opinion:not(.paid-content) .button--tertiary:focus { color: #e05e00 } .content-footer--pillar-opinion:not(.paid-content) .d-show-more-replies__button { border: 0.0625rem solid #dcdcdc; background: #fff } .content-footer--pillar-opinion:not(.paid-content) .d-show-more-replies__button:focus,.content-footer--pillar-opinion:not(.paid-content) .d-show-more-replies__button:hover { border: 0.0625rem solid #a9a9a9; background: #fff } .content-footer--pillar-opinion:not(.paid-content) .button--show-more svg { left: 0.625rem } .content-footer--pillar-opinion:not(.paid-content) .block-share__item,.content-footer--pillar-opinion:not(.paid-content) .inline-close,.content-footer--pillar-opinion:not(.paid-content) .social-icon,.content-footer--pillar-opinion:not(.paid-content) .social-icon.social-icon--more { background-color: transparent; border: 0.0625rem solid #dcdcdc } .content-footer--pillar-opinion:not(.paid-content) .block-share__item:focus svg,.content-footer--pillar-opinion:not(.paid-content) .block-share__item:hover svg,.content-footer--pillar-opinion:not(.paid-content) .inline-close:focus svg,.content-footer--pillar-opinion:not(.paid-content) .inline-close:hover svg,.content-footer--pillar-opinion:not(.paid-content) .social-icon:focus svg,.content-footer--pillar-opinion:not(.paid-content) .social-icon:hover svg,.content-footer--pillar-opinion:not(.paid-content) .social-icon.social-icon--more:focus svg,.content-footer--pillar-opinion:not(.paid-content) .social-icon.social-icon--more:hover svg { fill: #fff } .content-footer--pillar-opinion:not(.paid-content) .block-share__item .inline-icon,.content-footer--pillar-opinion:not(.paid-content) .commentcount2__heading span,.content-footer--pillar-opinion:not(.paid-content) .inline-close svg,.content-footer--pillar-opinion:not(.paid-content) .social-icon svg,.content-footer--pillar-opinion:not(.paid-content) .social-icon__svg { fill: #e05e00 } .content-footer--pillar-opinion:not(.paid-content) .block-share__item:focus,.content-footer--pillar-opinion:not(.paid-content) .block-share__item:hover,.content-footer--pillar-opinion:not(.paid-content) .meta__twitter a:focus,.content-footer--pillar-opinion:not(.paid-content) .meta__twitter a:hover,.content-footer--pillar-opinion:not(.paid-content) .social-icon:focus,.content-footer--pillar-opinion:not(.paid-content) .social-icon:hover,.content-footer--pillar-opinion:not(.paid-content) .social-icon.social-icon--more:focus,.content-footer--pillar-opinion:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #e05e00; border: 0.0625rem solid #e05e00 } .content-footer--pillar-sport:not(.paid-content) ._underline_1lj47_3,.content-footer--pillar-sport:not(.paid-content) .d-comment__action,.content-footer--pillar-sport:not(.paid-content) .d-comment__author a[href],.content-footer--pillar-sport:not(.paid-content) .d-comment__reply-to-author,.content-footer--pillar-sport:not(.paid-content) .d-show-more-replies__button,.content-footer--pillar-sport:not(.paid-content) .js-discussion-author-link { color: #0084c6 } .content-footer--pillar-sport:not(.paid-content) ._underline_1lj47_3:focus,.content-footer--pillar-sport:not(.paid-content) ._underline_1lj47_3:hover { border-color: #0084c6 } .content-footer--pillar-sport:not(.paid-content) .tabs__tab--selected:after { background-color: #0084c6 } .content-footer--pillar-sport:not(.paid-content) .comment-share-icon,.content-footer--pillar-sport:not(.paid-content) .d-show-more-replies__button.button--show-more svg,.content-footer--pillar-sport:not(.paid-content) .inline-reply.blue { fill: #707070; left: 0.41667rem } .content-footer--pillar-sport:not(.paid-content) .discussion__top-border { border-top: 0.0625rem solid #dcdcdc } .content-footer--pillar-sport:not(.paid-content) .button--primary { background-color: #0084c6; border-color: #0084c6 } .content-footer--pillar-sport:not(.paid-content) .button--primary:active,.content-footer--pillar-sport:not(.paid-content) .button--primary:focus,.content-footer--pillar-sport:not(.paid-content) .button--primary:hover { background-color: #006293; border-color: #006293 } .content-footer--pillar-sport:not(.paid-content) .button--tertiary:active,.content-footer--pillar-sport:not(.paid-content) .button--tertiary:focus { color: #0084c6 } .content-footer--pillar-sport:not(.paid-content) .d-show-more-replies__button { border: 0.0625rem solid #dcdcdc; background: #fff } .content-footer--pillar-sport:not(.paid-content) .d-show-more-replies__button:focus,.content-footer--pillar-sport:not(.paid-content) .d-show-more-replies__button:hover { border: 0.0625rem solid #a9a9a9; background: #fff } .content-footer--pillar-sport:not(.paid-content) .button--show-more svg { left: 0.625rem } .content-footer--pillar-sport:not(.paid-content) .block-share__item,.content-footer--pillar-sport:not(.paid-content) .inline-close,.content-footer--pillar-sport:not(.paid-content) .social-icon,.content-footer--pillar-sport:not(.paid-content) .social-icon.social-icon--more { background-color: transparent; border: 0.0625rem solid #dcdcdc } .content-footer--pillar-sport:not(.paid-content) .block-share__item:focus svg,.content-footer--pillar-sport:not(.paid-content) .block-share__item:hover svg,.content-footer--pillar-sport:not(.paid-content) .inline-close:focus svg,.content-footer--pillar-sport:not(.paid-content) .inline-close:hover svg,.content-footer--pillar-sport:not(.paid-content) .social-icon:focus svg,.content-footer--pillar-sport:not(.paid-content) .social-icon:hover svg,.content-footer--pillar-sport:not(.paid-content) .social-icon.social-icon--more:focus svg,.content-footer--pillar-sport:not(.paid-content) .social-icon.social-icon--more:hover svg { fill: #fff } .content-footer--pillar-sport:not(.paid-content) .block-share__item .inline-icon,.content-footer--pillar-sport:not(.paid-content) .commentcount2__heading span,.content-footer--pillar-sport:not(.paid-content) .inline-close svg,.content-footer--pillar-sport:not(.paid-content) .social-icon svg,.content-footer--pillar-sport:not(.paid-content) .social-icon__svg { fill: #0084c6 } .content-footer--pillar-sport:not(.paid-content) .block-share__item:focus,.content-footer--pillar-sport:not(.paid-content) .block-share__item:hover,.content-footer--pillar-sport:not(.paid-content) .meta__twitter a:focus,.content-footer--pillar-sport:not(.paid-content) .meta__twitter a:hover,.content-footer--pillar-sport:not(.paid-content) .social-icon:focus,.content-footer--pillar-sport:not(.paid-content) .social-icon:hover,.content-footer--pillar-sport:not(.paid-content) .social-icon.social-icon--more:focus,.content-footer--pillar-sport:not(.paid-content) .social-icon.social-icon--more:hover { background-color: #0084c6; border: 0.0625rem solid #0084c6 } .content--media:not(.paid-content).content--pillar-news .content__section-label__link,.content--media:not(.paid-content).content--pillar-news .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container.content--pillar-news .content__section-label__link,.immersive-main-media__headline-container.content--pillar-news .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container--gallery.content--pillar-news .content__section-label__link,.immersive-main-media__headline-container--gallery.content--pillar-news .youtube-media-atom__bottom-bar__duration { color: #ff4e36 } .content--media:not(.paid-content).content--pillar-news .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.content--media:not(.paid-content).content--pillar-news .vjs-play-progress,.content--media:not(.paid-content).content--pillar-news .vjs-volume-level,.content--media:not(.paid-content).content--pillar-news .vjs-volume-level:before,.content--media:not(.paid-content).content--pillar-news .youtube-media-atom__bottom-bar__duration:before,.content--media:not(.paid-content).content--pillar-news .youtube-media-atom__play-button:before,.immersive-main-media__headline-container.content--pillar-news .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container.content--pillar-news .vjs-play-progress,.immersive-main-media__headline-container.content--pillar-news .vjs-volume-level,.immersive-main-media__headline-container.content--pillar-news .vjs-volume-level:before,.immersive-main-media__headline-container.content--pillar-news .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container.content--pillar-news .youtube-media-atom__play-button:before,.immersive-main-media__headline-container--gallery.content--pillar-news .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container--gallery.content--pillar-news .vjs-play-progress,.immersive-main-media__headline-container--gallery.content--pillar-news .vjs-volume-level,.immersive-main-media__headline-container--gallery.content--pillar-news .vjs-volume-level:before,.immersive-main-media__headline-container--gallery.content--pillar-news .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container--gallery.content--pillar-news .youtube-media-atom__play-button:before { background: #ff4e36 } .content--media:not(.paid-content).content--pillar-news .inline-camera,.content--media:not(.paid-content).content--pillar-news .inline-video-icon__svg,.content--media:not(.paid-content).content--pillar-news .inline-volume-high.inline-icon,.immersive-main-media__headline-container.content--pillar-news .inline-camera,.immersive-main-media__headline-container.content--pillar-news .inline-video-icon__svg,.immersive-main-media__headline-container.content--pillar-news .inline-volume-high.inline-icon,.immersive-main-media__headline-container--gallery.content--pillar-news .inline-camera,.immersive-main-media__headline-container--gallery.content--pillar-news .inline-video-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-news .inline-volume-high.inline-icon { fill: #ff4e36 } .content--media:not(.paid-content).content--pillar-news .social-icon__svg,.immersive-main-media__headline-container.content--pillar-news .social-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-news .social-icon__svg { fill: #dcdcdc } .content--media:not(.paid-content).content--pillar-news .content__label__link,.immersive-main-media__headline-container.content--pillar-news .content__label__link,.immersive-main-media__headline-container--gallery.content--pillar-news .content__label__link { color: #f6f6f6 } .svg .content--media:not(.paid-content).content--pillar-news .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-news .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-news .vjs-paused .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .svg .content--media:not(.paid-content).content--pillar-news .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-news .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-news .vjs-playing .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .content--media:not(.paid-content).content--pillar-opinion .content__section-label__link,.content--media:not(.paid-content).content--pillar-opinion .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container.content--pillar-opinion .content__section-label__link,.immersive-main-media__headline-container.content--pillar-opinion .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container--gallery.content--pillar-opinion .content__section-label__link,.immersive-main-media__headline-container--gallery.content--pillar-opinion .youtube-media-atom__bottom-bar__duration { color: #ff7f0f } .content--media:not(.paid-content).content--pillar-opinion .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.content--media:not(.paid-content).content--pillar-opinion .vjs-play-progress,.content--media:not(.paid-content).content--pillar-opinion .vjs-volume-level,.content--media:not(.paid-content).content--pillar-opinion .vjs-volume-level:before,.content--media:not(.paid-content).content--pillar-opinion .youtube-media-atom__bottom-bar__duration:before,.content--media:not(.paid-content).content--pillar-opinion .youtube-media-atom__play-button:before,.immersive-main-media__headline-container.content--pillar-opinion .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container.content--pillar-opinion .vjs-play-progress,.immersive-main-media__headline-container.content--pillar-opinion .vjs-volume-level,.immersive-main-media__headline-container.content--pillar-opinion .vjs-volume-level:before,.immersive-main-media__headline-container.content--pillar-opinion .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container.content--pillar-opinion .youtube-media-atom__play-button:before,.immersive-main-media__headline-container--gallery.content--pillar-opinion .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container--gallery.content--pillar-opinion .vjs-play-progress,.immersive-main-media__headline-container--gallery.content--pillar-opinion .vjs-volume-level,.immersive-main-media__headline-container--gallery.content--pillar-opinion .vjs-volume-level:before,.immersive-main-media__headline-container--gallery.content--pillar-opinion .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container--gallery.content--pillar-opinion .youtube-media-atom__play-button:before { background: #ff7f0f } .content--media:not(.paid-content).content--pillar-opinion .inline-camera,.content--media:not(.paid-content).content--pillar-opinion .inline-video-icon__svg,.content--media:not(.paid-content).content--pillar-opinion .inline-volume-high.inline-icon,.immersive-main-media__headline-container.content--pillar-opinion .inline-camera,.immersive-main-media__headline-container.content--pillar-opinion .inline-video-icon__svg,.immersive-main-media__headline-container.content--pillar-opinion .inline-volume-high.inline-icon,.immersive-main-media__headline-container--gallery.content--pillar-opinion .inline-camera,.immersive-main-media__headline-container--gallery.content--pillar-opinion .inline-video-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-opinion .inline-volume-high.inline-icon { fill: #ff7f0f } .content--media:not(.paid-content).content--pillar-opinion .social-icon__svg,.immersive-main-media__headline-container.content--pillar-opinion .social-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-opinion .social-icon__svg { fill: #dcdcdc } .content--media:not(.paid-content).content--pillar-opinion .content__label__link,.immersive-main-media__headline-container.content--pillar-opinion .content__label__link,.immersive-main-media__headline-container--gallery.content--pillar-opinion .content__label__link { color: #f6f6f6 } .svg .content--media:not(.paid-content).content--pillar-opinion .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-opinion .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-opinion .vjs-paused .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .svg .content--media:not(.paid-content).content--pillar-opinion .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-opinion .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-opinion .vjs-playing .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .content--media:not(.paid-content).content--pillar-arts .content__section-label__link,.content--media:not(.paid-content).content--pillar-arts .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .content__section-label__link,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .youtube-media-atom__bottom-bar__duration { color: #eacca0 } .content--media:not(.paid-content).content--pillar-arts .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.content--media:not(.paid-content).content--pillar-arts .vjs-play-progress,.content--media:not(.paid-content).content--pillar-arts .vjs-volume-level,.content--media:not(.paid-content).content--pillar-arts .vjs-volume-level:before,.content--media:not(.paid-content).content--pillar-arts .youtube-media-atom__bottom-bar__duration:before,.content--media:not(.paid-content).content--pillar-arts .youtube-media-atom__play-button:before,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .vjs-play-progress,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .vjs-volume-level,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .vjs-volume-level:before,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .youtube-media-atom__play-button:before { background: #eacca0 } .content--media:not(.paid-content).content--pillar-arts .inline-camera,.content--media:not(.paid-content).content--pillar-arts .inline-video-icon__svg,.content--media:not(.paid-content).content--pillar-arts .inline-volume-high.inline-icon,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .inline-camera,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .inline-video-icon__svg,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .inline-volume-high.inline-icon { fill: #eacca0 } .content--media:not(.paid-content).content--pillar-arts .social-icon__svg,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .social-icon__svg { fill: #dcdcdc } .content--media:not(.paid-content).content--pillar-arts .content__label__link,.immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .content__label__link { color: #f6f6f6 } .svg .content--media:not(.paid-content).content--pillar-arts .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .vjs-paused .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .svg .content--media:not(.paid-content).content--pillar-arts .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-arts .immersive-main-media__headline-container--gallery.content--pillar-arts .vjs-playing .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .content--media:not(.paid-content).content--pillar-lifestyle .content__section-label__link,.content--media:not(.paid-content).content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container.content--pillar-lifestyle .content__section-label__link,.immersive-main-media__headline-container.content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .content__section-label__link,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration { color: #ffabdb } .content--media:not(.paid-content).content--pillar-lifestyle .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.content--media:not(.paid-content).content--pillar-lifestyle .vjs-play-progress,.content--media:not(.paid-content).content--pillar-lifestyle .vjs-volume-level,.content--media:not(.paid-content).content--pillar-lifestyle .vjs-volume-level:before,.content--media:not(.paid-content).content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration:before,.content--media:not(.paid-content).content--pillar-lifestyle .youtube-media-atom__play-button:before,.immersive-main-media__headline-container.content--pillar-lifestyle .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container.content--pillar-lifestyle .vjs-play-progress,.immersive-main-media__headline-container.content--pillar-lifestyle .vjs-volume-level,.immersive-main-media__headline-container.content--pillar-lifestyle .vjs-volume-level:before,.immersive-main-media__headline-container.content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container.content--pillar-lifestyle .youtube-media-atom__play-button:before,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .vjs-play-progress,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .vjs-volume-level,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .vjs-volume-level:before,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .youtube-media-atom__play-button:before { background: #ffabdb } .content--media:not(.paid-content).content--pillar-lifestyle .inline-camera,.content--media:not(.paid-content).content--pillar-lifestyle .inline-video-icon__svg,.content--media:not(.paid-content).content--pillar-lifestyle .inline-volume-high.inline-icon,.immersive-main-media__headline-container.content--pillar-lifestyle .inline-camera,.immersive-main-media__headline-container.content--pillar-lifestyle .inline-video-icon__svg,.immersive-main-media__headline-container.content--pillar-lifestyle .inline-volume-high.inline-icon,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .inline-camera,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .inline-video-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .inline-volume-high.inline-icon { fill: #ffabdb } .content--media:not(.paid-content).content--pillar-lifestyle .social-icon__svg,.immersive-main-media__headline-container.content--pillar-lifestyle .social-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .social-icon__svg { fill: #dcdcdc } .content--media:not(.paid-content).content--pillar-lifestyle .content__label__link,.immersive-main-media__headline-container.content--pillar-lifestyle .content__label__link,.immersive-main-media__headline-container--gallery.content--pillar-lifestyle .content__label__link { color: #f6f6f6 } .svg .content--media:not(.paid-content).content--pillar-lifestyle .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-lifestyle .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-lifestyle .vjs-paused .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .svg .content--media:not(.paid-content).content--pillar-lifestyle .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-lifestyle .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-lifestyle .vjs-playing .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .content--media:not(.paid-content).content--pillar-sport .content__section-label__link,.content--media:not(.paid-content).content--pillar-sport .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container.content--pillar-sport .content__section-label__link,.immersive-main-media__headline-container.content--pillar-sport .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .content__section-label__link,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration { color: #00b2ff } .content--media:not(.paid-content).content--pillar-sport .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.content--media:not(.paid-content).content--pillar-sport .vjs-play-progress,.content--media:not(.paid-content).content--pillar-sport .vjs-volume-level,.content--media:not(.paid-content).content--pillar-sport .vjs-volume-level:before,.content--media:not(.paid-content).content--pillar-sport .youtube-media-atom__bottom-bar__duration:before,.content--media:not(.paid-content).content--pillar-sport .youtube-media-atom__play-button:before,.immersive-main-media__headline-container.content--pillar-sport .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container.content--pillar-sport .vjs-play-progress,.immersive-main-media__headline-container.content--pillar-sport .vjs-volume-level,.immersive-main-media__headline-container.content--pillar-sport .vjs-volume-level:before,.immersive-main-media__headline-container.content--pillar-sport .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container.content--pillar-sport .youtube-media-atom__play-button:before,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .vjs-play-progress,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .vjs-volume-level,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .vjs-volume-level:before,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .youtube-media-atom__play-button:before { background: #00b2ff } .content--media:not(.paid-content).content--pillar-sport .inline-camera,.content--media:not(.paid-content).content--pillar-sport .inline-video-icon__svg,.content--media:not(.paid-content).content--pillar-sport .inline-volume-high.inline-icon,.immersive-main-media__headline-container.content--pillar-sport .inline-camera,.immersive-main-media__headline-container.content--pillar-sport .inline-video-icon__svg,.immersive-main-media__headline-container.content--pillar-sport .inline-volume-high.inline-icon,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .inline-camera,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .inline-video-icon__svg,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .inline-volume-high.inline-icon { fill: #00b2ff } .content--media:not(.paid-content).content--pillar-sport .social-icon__svg,.immersive-main-media__headline-container.content--pillar-sport .social-icon__svg,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .social-icon__svg { fill: #dcdcdc } .content--media:not(.paid-content).content--pillar-sport .content__label__link,.immersive-main-media__headline-container.content--pillar-sport .content__label__link,.immersive-main-media__headline-container-gallery.content--pillar-lifestyle .content__label__link { color: #f6f6f6 } .svg .content--media:not(.paid-content).content--pillar-sport .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-sport .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container-gallery.content--pillar-lifestyle .vjs-paused .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .svg .content--media:not(.paid-content).content--pillar-sport .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-sport .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container-gallery.content--pillar-lifestyle .vjs-playing .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .content--media:not(.paid-content).content--pillar-special-report .content__section-label__link,.content--media:not(.paid-content).content--pillar-special-report .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container.content--pillar-special-report .content__section-label__link,.immersive-main-media__headline-container.content--pillar-special-report .youtube-media-atom__bottom-bar__duration,.immersive-main-media__headline-container--gallery.content--pillar-special-report .content__section-label__link,.immersive-main-media__headline-container--gallery.content--pillar-special-report .youtube-media-atom__bottom-bar__duration { color: #ff4e36 } .content--media:not(.paid-content).content--pillar-special-report .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.content--media:not(.paid-content).content--pillar-special-report .vjs-play-progress,.content--media:not(.paid-content).content--pillar-special-report .vjs-volume-level,.content--media:not(.paid-content).content--pillar-special-report .vjs-volume-level:before,.content--media:not(.paid-content).content--pillar-special-report .youtube-media-atom__bottom-bar__duration:before,.content--media:not(.paid-content).content--pillar-special-report .youtube-media-atom__play-button:before,.immersive-main-media__headline-container.content--pillar-special-report .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container.content--pillar-special-report .vjs-play-progress,.immersive-main-media__headline-container.content--pillar-special-report .vjs-volume-level,.immersive-main-media__headline-container.content--pillar-special-report .vjs-volume-level:before,.immersive-main-media__headline-container.content--pillar-special-report .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container.content--pillar-special-report .youtube-media-atom__play-button:before,.immersive-main-media__headline-container--gallery.content--pillar-special-report .gu-media--show-controls-at-start.vjs-paused .vjs-big-play-button .vjs-control-text:before,.immersive-main-media__headline-container--gallery.content--pillar-special-report .vjs-play-progress,.immersive-main-media__headline-container--gallery.content--pillar-special-report .vjs-volume-level,.immersive-main-media__headline-container--gallery.content--pillar-special-report .vjs-volume-level:before,.immersive-main-media__headline-container--gallery.content--pillar-special-report .youtube-media-atom__bottom-bar__duration:before,.immersive-main-media__headline-container--gallery.content--pillar-special-report .youtube-media-atom__play-button:before { background: #ff4e36 } .content--media:not(.paid-content).content--pillar-special-report .inline-camera,.content--media:not(.paid-content).content--pillar-special-report .inline-video-icon__svg,.content--media:not(.paid-content).content--pillar-special-report .inline-volume-high.inline-icon,.immersive-main-media__headline-container.content--pillar-special-report .inline-camera,.immersive-main-media__headline-container.content--pillar-special-report .inline-video-icon__svg,.immersive-main-media__headline-container.content--pillar-special-report .inline-volume-high.inline-icon,.immersive-main-media__headline-container--gallery.content--pillar-special-report .inline-camera,.immersive-main-media__headline-container--gallery.content--pillar-special-report .inline-video-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-special-report .inline-volume-high.inline-icon { fill: #ff4e36 } .content--media:not(.paid-content).content--pillar-special-report .social-icon__svg,.immersive-main-media__headline-container.content--pillar-special-report .social-icon__svg,.immersive-main-media__headline-container--gallery.content--pillar-special-report .social-icon__svg { fill: #dcdcdc } .content--media:not(.paid-content).content--pillar-special-report .content__label__link,.immersive-main-media__headline-container.content--pillar-special-report .content__label__link,.immersive-main-media__headline-container--gallery.content--pillar-special-report .content__label__link { color: #f6f6f6 } .svg .content--media:not(.paid-content).content--pillar-special-report .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-special-report .vjs-paused .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-special-report .vjs-paused .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .svg .content--media:not(.paid-content).content--pillar-special-report .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container.content--pillar-special-report .vjs-playing .vjs-play-control,.svg .immersive-main-media__headline-container--gallery.content--pillar-special-report .vjs-playing .vjs-play-control { display: inline-block; background-repeat: no-repeat; background-size: contain } .content--type-analysis .content__headline { background-position: top left; background-size: 0.0625rem 2.5rem; background-clip: content-box; background-origin: content-box } @media (min-width: 46.25em) { .content--type-analysis .content__headline { background-size:0.0625rem 3rem } } .rich-link:not(.rich-link--paidfor),.rich-link:not(.rich-link--paidfor).rich-link--pillar-news { background-color: #f6f6f6 } .rich-link:not(.rich-link--paidfor) .u-faux-block-link--hover,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .u-faux-block-link--hover { background-color: #e9e9e9 } .rich-link:not(.rich-link--paidfor) a,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news a { color: inherit } .rich-link:not(.rich-link--paidfor) .inline-garnett-quote svg,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #c70000 } .rich-link:not(.rich-link--paidfor) .inline-arrow-in-circle__svg,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .inline-arrow-in-circle__svg { fill: #c70000 } .rich-link:not(.rich-link--paidfor) .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor) .rich-link__container::before,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__container::before { background-color: #c70000 } .rich-link:not(.rich-link--paidfor) .rich-link__byline,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor) .rich-link__header,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor) .rich-link__byline,.rich-link:not(.rich-link--paidfor) .rich-link__kicker,.rich-link:not(.rich-link--paidfor) .rich-link__read-more-text,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__byline,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__kicker,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__read-more-text { color: #c70000 } .rich-link:not(.rich-link--paidfor) .rich-link__kicker,.rich-link:not(.rich-link--paidfor).rich-link--pillar-news .rich-link__kicker { border-right: 0.0625rem solid #c70000; padding-right: .375em } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion,.rich-link:not(.rich-link--paidfor).tone-comment--item { background-color: #f6f6f6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .u-faux-block-link--hover,.rich-link:not(.rich-link--paidfor).tone-comment--item .u-faux-block-link--hover { background-color: #e9e9e9 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion a,.rich-link:not(.rich-link--paidfor).tone-comment--item a { color: inherit } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .inline-garnett-quote svg,.rich-link:not(.rich-link--paidfor).tone-comment--item .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #e05e00 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .inline-arrow-in-circle__svg,.rich-link:not(.rich-link--paidfor).tone-comment--item .inline-arrow-in-circle__svg { fill: #e05e00 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__container::before,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__container::before { background-color: #e05e00 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__byline,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__header,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__byline,.rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__kicker,.rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__read-more-text,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__byline,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__kicker,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__read-more-text { color: #e05e00 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__kicker,.rich-link:not(.rich-link--paidfor).tone-comment--item .rich-link__kicker { border-right: 0.0625rem solid #e05e00; padding-right: .375em } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport { background-color: #f6f6f6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .u-faux-block-link--hover { background-color: #e9e9e9 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport a { color: inherit } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #0084c6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .inline-arrow-in-circle__svg { fill: #0084c6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__container::before { background-color: #0084c6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__byline,.rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__kicker,.rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__read-more-text { color: #0084c6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-sport .rich-link__kicker { border-right: 0.0625rem solid #0084c6; padding-right: .375em } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts { background-color: #f6f6f6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .u-faux-block-link--hover { background-color: #e9e9e9 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts a { color: inherit } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #a1845c } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .inline-arrow-in-circle__svg { fill: #a1845c } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__container::before { background-color: #a1845c } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__byline,.rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__kicker,.rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__read-more-text { color: #a1845c } .rich-link:not(.rich-link--paidfor).rich-link--pillar-arts .rich-link__kicker { border-right: 0.0625rem solid #a1845c; padding-right: .375em } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle { background-color: #f6f6f6 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .u-faux-block-link--hover { background-color: #e9e9e9 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle a { color: inherit } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #bb3b80 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .inline-arrow-in-circle__svg { fill: #bb3b80 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__container::before { background-color: #bb3b80 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__byline,.rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__kicker,.rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__read-more-text { color: #bb3b80 } .rich-link:not(.rich-link--paidfor).rich-link--pillar-lifestyle .rich-link__kicker { border-right: 0.0625rem solid #bb3b80; padding-right: .375em } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__image-container { display: none } .rich-link:not(.rich-link--paidfor).rich-link--pillar-opinion .rich-link__container { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 0.8125rem; padding-bottom: 0.8125rem } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news { background-color: #ab0613 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .u-faux-block-link--hover { background-color: #920510 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news a { color: inherit } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .inline-arrow-in-circle__svg { fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__container::before { background-color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__byline,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__kicker,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__read-more-text { color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-news .rich-link__kicker { border-right: 0.0625rem solid #fff; padding-right: .375em } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion { background-color: #e05e00 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .u-faux-block-link--hover { background-color: #c75300 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion a { color: inherit } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .inline-arrow-in-circle__svg { fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__container::before { background-color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__byline,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__kicker,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__read-more-text { color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-opinion .rich-link__kicker { border-right: 0.0625rem solid #fff; padding-right: .375em } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport { background-color: #005689 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .u-faux-block-link--hover { background-color: #004670 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport a { color: inherit } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .inline-arrow-in-circle__svg { fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__container::before { background-color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__byline,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__kicker,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__read-more-text { color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-sport .rich-link__kicker { border-right: 0.0625rem solid #fff; padding-right: .375em } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts { background-color: #6b5840 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .u-faux-block-link--hover { background-color: #5b4b36 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts a { color: inherit } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .inline-arrow-in-circle__svg { fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__container::before { background-color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__byline,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__kicker,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__read-more-text { color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-arts .rich-link__kicker { border-right: 0.0625rem solid #fff; padding-right: .375em } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle { background-color: #7d0068 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .u-faux-block-link--hover { background-color: #640053 } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle a { color: inherit } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .inline-garnett-quote svg { height: 1.25rem; width: 0.625rem; margin-right: 0.625rem; fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .inline-arrow-in-circle__svg { fill: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__avatar__media,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__container::before { background-color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__byline { font-style: italic } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__header { padding-top: 0.125rem } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__byline,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__kicker,.rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__read-more-text { color: #fff } .rich-link:not(.rich-link--paidfor).tone-live--item.rich-link--pillar-lifestyle .rich-link__kicker { border-right: 0.0625rem solid #fff; padding-right: .375em } .rich-link:not(.rich-link--paidfor).tone-live--item,.rich-link:not(.rich-link--paidfor).tone-live--item .rich-link__link { color: #ffffff } .rich-link:not(.rich-link--paidfor).rich-link--audio,.rich-link:not(.rich-link--paidfor).rich-link--gallery,.rich-link:not(.rich-link--paidfor).rich-link--video { background: #333 } .rich-link:not(.rich-link--paidfor).rich-link--audio .u-faux-block-link--hover,.rich-link:not(.rich-link--paidfor).rich-link--gallery .u-faux-block-link--hover,.rich-link:not(.rich-link--paidfor).rich-link--video .u-faux-block-link--hover { background-color: #262626 } .rich-link:not(.rich-link--paidfor).rich-link--audio,.rich-link:not(.rich-link--paidfor).rich-link--audio .rich-link__link,.rich-link:not(.rich-link--paidfor).rich-link--gallery,.rich-link:not(.rich-link--paidfor).rich-link--gallery .rich-link__link,.rich-link:not(.rich-link--paidfor).rich-link--video,.rich-link:not(.rich-link--paidfor).rich-link--video .rich-link__link { color: #ffffff } .rich-link:not(.rich-link--paidfor).rich-link--audio .rich-link__read-more-text,.rich-link:not(.rich-link--paidfor).rich-link--gallery .rich-link__read-more-text,.rich-link:not(.rich-link--paidfor).rich-link--video .rich-link__read-more-text { display: none } .immersive-main-media__headline-container .content__label__link { color: #f6f6f6 } .content { padding-bottom: 0; color: #121212 } @media (min-width: 41.25em) and (max-width: 46.24em) { .content--liveblog .content__header,.content--liveblog .content__headline,.content--liveblog .content__meta-container,.content--liveblog .content__standfirst,.content--media .content__header,.content--media .content__headline,.content--media .content__meta-container,.content--media .content__standfirst,.content--type-analysis .content__header,.content--type-analysis .content__headline,.content--type-analysis .content__meta-container,.content--type-analysis .content__standfirst,.content--type-article .content__header,.content--type-article .content__headline,.content--type-article .content__meta-container,.content--type-article .content__standfirst,.content--type-comment .content__header,.content--type-comment .content__headline,.content--type-comment .content__meta-container,.content--type-comment .content__standfirst,.content--type-feature .content__header,.content--type-feature .content__headline,.content--type-feature .content__meta-container,.content--type-feature .content__standfirst,.content--type-recipe .content__header,.content--type-recipe .content__headline,.content--type-recipe .content__meta-container,.content--type-recipe .content__standfirst,.content--type-guardianview .content__header,.content--type-guardianview .content__headline,.content--type-guardianview .content__meta-container,.content--type-guardianview .content__standfirst,.content--type-immersive:not(.content--minute-article) .content__header,.content--type-immersive:not(.content--minute-article) .content__headline,.content--type-immersive:not(.content--minute-article) .content__meta-container,.content--type-immersive:not(.content--minute-article) .content__standfirst,.content--type-interview .content__header,.content--type-interview .content__headline,.content--type-interview .content__meta-container,.content--type-interview .content__standfirst,.content--type-live .content__header,.content--type-live .content__headline,.content--type-live .content__meta-container,.content--type-live .content__standfirst,.content--type-matchreport .content__header,.content--type-matchreport .content__headline,.content--type-matchreport .content__meta-container,.content--type-matchreport .content__standfirst,.content--type-media .content__header,.content--type-media .content__headline,.content--type-media .content__meta-container,.content--type-media .content__standfirst,.content--type-review .content__header,.content--type-review .content__headline,.content--type-review .content__meta-container,.content--type-review .content__standfirst,.content--type-quiz .content__header,.content--type-quiz .content__headline,.content--type-quiz .content__meta-container,.content--type-quiz .content__standfirst { width:100%; max-width: 38.75rem; margin: auto } } .content--liveblog .badge,.content--liveblog .badge--alt,.content--liveblog .content__headline,.content--liveblog .content__labels,.content--liveblog .content__standfirst,.content--liveblog .meta__extras,.content--liveblog .meta__contact-wrap,.content--media .badge,.content--media .badge--alt,.content--media .content__headline,.content--media .content__labels,.content--media .content__standfirst,.content--media .meta__extras,.content--media .meta__contact-wrap,.content--type-analysis .badge,.content--type-analysis .badge--alt,.content--type-analysis .content__headline,.content--type-analysis .content__labels,.content--type-analysis .content__standfirst,.content--type-analysis .meta__extras,.content--type-analysis .meta__contact-wrap,.content--type-article .badge,.content--type-article .badge--alt,.content--type-article .content__headline,.content--type-article .content__labels,.content--type-article .content__standfirst,.content--type-article .meta__extras,.content--type-article .meta__contact-wrap,.content--type-comment .badge,.content--type-comment .badge--alt,.content--type-comment .content__headline,.content--type-comment .content__labels,.content--type-comment .content__standfirst,.content--type-comment .meta__extras,.content--type-comment .meta__contact-wrap,.content--type-feature .badge,.content--type-feature .badge--alt,.content--type-feature .content__headline,.content--type-feature .content__labels,.content--type-feature .content__standfirst,.content--type-feature .meta__extras,.content--type-feature .meta__contact-wrap,.content--type-recipe .badge,.content--type-recipe .badge--alt,.content--type-recipe .content__headline,.content--type-recipe .content__labels,.content--type-recipe .content__standfirst,.content--type-recipe .meta__extras,.content--type-recipe .meta__contact-wrap,.content--type-guardianview .badge,.content--type-guardianview .badge--alt,.content--type-guardianview .content__headline,.content--type-guardianview .content__labels,.content--type-guardianview .content__standfirst,.content--type-guardianview .meta__extras,.content--type-guardianview .meta__contact-wrap,.content--type-immersive:not(.content--minute-article) .badge,.content--type-immersive:not(.content--minute-article) .badge--alt,.content--type-immersive:not(.content--minute-article) .content__headline,.content--type-immersive:not(.content--minute-article) .content__labels,.content--type-immersive:not(.content--minute-article) .content__standfirst,.content--type-immersive:not(.content--minute-article) .meta__extras,.content--type-immersive:not(.content--minute-article) .meta__contact-wrap,.content--type-interview .badge,.content--type-interview .badge--alt,.content--type-interview .content__headline,.content--type-interview .content__labels,.content--type-interview .content__standfirst,.content--type-interview .meta__extras,.content--type-interview .meta__contact-wrap,.content--type-live .badge,.content--type-live .badge--alt,.content--type-live .content__headline,.content--type-live .content__labels,.content--type-live .content__standfirst,.content--type-live .meta__extras,.content--type-live .meta__contact-wrap,.content--type-matchreport .badge,.content--type-matchreport .badge--alt,.content--type-matchreport .content__headline,.content--type-matchreport .content__labels,.content--type-matchreport .content__standfirst,.content--type-matchreport .meta__extras,.content--type-matchreport .meta__contact-wrap,.content--type-media .badge,.content--type-media .badge--alt,.content--type-media .content__headline,.content--type-media .content__labels,.content--type-media .content__standfirst,.content--type-media .meta__extras,.content--type-media .meta__contact-wrap,.content--type-review .badge,.content--type-review .badge--alt,.content--type-review .content__headline,.content--type-review .content__labels,.content--type-review .content__standfirst,.content--type-review .meta__extras,.content--type-review .meta__contact-wrap,.content--type-quiz .badge,.content--type-quiz .badge--alt,.content--type-quiz .content__headline,.content--type-quiz .content__labels,.content--type-quiz .content__standfirst,.content--type-quiz .meta__extras,.content--type-quiz .meta__contact-wrap { padding-left: 0.625rem; padding-right: 0.625rem } @media (min-width: 30em) { .content--liveblog .badge,.content--liveblog .badge--alt,.content--liveblog .content__headline,.content--liveblog .content__labels,.content--liveblog .content__standfirst,.content--liveblog .meta__extras,.content--liveblog .meta__contact-wrap,.content--media .badge,.content--media .badge--alt,.content--media .content__headline,.content--media .content__labels,.content--media .content__standfirst,.content--media .meta__extras,.content--media .meta__contact-wrap,.content--type-analysis .badge,.content--type-analysis .badge--alt,.content--type-analysis .content__headline,.content--type-analysis .content__labels,.content--type-analysis .content__standfirst,.content--type-analysis .meta__extras,.content--type-analysis .meta__contact-wrap,.content--type-article .badge,.content--type-article .badge--alt,.content--type-article .content__headline,.content--type-article .content__labels,.content--type-article .content__standfirst,.content--type-article .meta__extras,.content--type-article .meta__contact-wrap,.content--type-comment .badge,.content--type-comment .badge--alt,.content--type-comment .content__headline,.content--type-comment .content__labels,.content--type-comment .content__standfirst,.content--type-comment .meta__extras,.content--type-comment .meta__contact-wrap,.content--type-feature .badge,.content--type-feature .badge--alt,.content--type-feature .content__headline,.content--type-feature .content__labels,.content--type-feature .content__standfirst,.content--type-feature .meta__extras,.content--type-feature .meta__contact-wrap,.content--type-recipe .badge,.content--type-recipe .badge--alt,.content--type-recipe .content__headline,.content--type-recipe .content__labels,.content--type-recipe .content__standfirst,.content--type-recipe .meta__extras,.content--type-recipe .meta__contact-wrap,.content--type-guardianview .badge,.content--type-guardianview .badge--alt,.content--type-guardianview .content__headline,.content--type-guardianview .content__labels,.content--type-guardianview .content__standfirst,.content--type-guardianview .meta__extras,.content--type-guardianview .meta__contact-wrap,.content--type-immersive:not(.content--minute-article) .badge,.content--type-immersive:not(.content--minute-article) .badge--alt,.content--type-immersive:not(.content--minute-article) .content__headline,.content--type-immersive:not(.content--minute-article) .content__labels,.content--type-immersive:not(.content--minute-article) .content__standfirst,.content--type-immersive:not(.content--minute-article) .meta__extras,.content--type-immersive:not(.content--minute-article) .meta__contact-wrap,.content--type-interview .badge,.content--type-interview .badge--alt,.content--type-interview .content__headline,.content--type-interview .content__labels,.content--type-interview .content__standfirst,.content--type-interview .meta__extras,.content--type-interview .meta__contact-wrap,.content--type-live .badge,.content--type-live .badge--alt,.content--type-live .content__headline,.content--type-live .content__labels,.content--type-live .content__standfirst,.content--type-live .meta__extras,.content--type-live .meta__contact-wrap,.content--type-matchreport .badge,.content--type-matchreport .badge--alt,.content--type-matchreport .content__headline,.content--type-matchreport .content__labels,.content--type-matchreport .content__standfirst,.content--type-matchreport .meta__extras,.content--type-matchreport .meta__contact-wrap,.content--type-media .badge,.content--type-media .badge--alt,.content--type-media .content__headline,.content--type-media .content__labels,.content--type-media .content__standfirst,.content--type-media .meta__extras,.content--type-media .meta__contact-wrap,.content--type-review .badge,.content--type-review .badge--alt,.content--type-review .content__headline,.content--type-review .content__labels,.content--type-review .content__standfirst,.content--type-review .meta__extras,.content--type-review .meta__contact-wrap,.content--type-quiz .badge,.content--type-quiz .badge--alt,.content--type-quiz .content__headline,.content--type-quiz .content__labels,.content--type-quiz .content__standfirst,.content--type-quiz .meta__extras,.content--type-quiz .meta__contact-wrap { padding-left:1.25rem; padding-right: 1.25rem } } @media (min-width: 41.25em) { .content--liveblog .badge,.content--liveblog .badge--alt,.content--liveblog .content__headline,.content--liveblog .content__labels,.content--liveblog .content__standfirst,.content--liveblog .meta__extras,.content--liveblog .meta__contact-wrap,.content--media .badge,.content--media .badge--alt,.content--media .content__headline,.content--media .content__labels,.content--media .content__standfirst,.content--media .meta__extras,.content--media .meta__contact-wrap,.content--type-analysis .badge,.content--type-analysis .badge--alt,.content--type-analysis .content__headline,.content--type-analysis .content__labels,.content--type-analysis .content__standfirst,.content--type-analysis .meta__extras,.content--type-analysis .meta__contact-wrap,.content--type-article .badge,.content--type-article .badge--alt,.content--type-article .content__headline,.content--type-article .content__labels,.content--type-article .content__standfirst,.content--type-article .meta__extras,.content--type-article .meta__contact-wrap,.content--type-comment .badge,.content--type-comment .badge--alt,.content--type-comment .content__headline,.content--type-comment .content__labels,.content--type-comment .content__standfirst,.content--type-comment .meta__extras,.content--type-comment .meta__contact-wrap,.content--type-feature .badge,.content--type-feature .badge--alt,.content--type-feature .content__headline,.content--type-feature .content__labels,.content--type-feature .content__standfirst,.content--type-feature .meta__extras,.content--type-feature .meta__contact-wrap,.content--type-recipe .badge,.content--type-recipe .badge--alt,.content--type-recipe .content__headline,.content--type-recipe .content__labels,.content--type-recipe .content__standfirst,.content--type-recipe .meta__extras,.content--type-recipe .meta__contact-wrap,.content--type-guardianview .badge,.content--type-guardianview .badge--alt,.content--type-guardianview .content__headline,.content--type-guardianview .content__labels,.content--type-guardianview .content__standfirst,.content--type-guardianview .meta__extras,.content--type-guardianview .meta__contact-wrap,.content--type-immersive:not(.content--minute-article) .badge,.content--type-immersive:not(.content--minute-article) .badge--alt,.content--type-immersive:not(.content--minute-article) .content__headline,.content--type-immersive:not(.content--minute-article) .content__labels,.content--type-immersive:not(.content--minute-article) .content__standfirst,.content--type-immersive:not(.content--minute-article) .meta__extras,.content--type-immersive:not(.content--minute-article) .meta__contact-wrap,.content--type-interview .badge,.content--type-interview .badge--alt,.content--type-interview .content__headline,.content--type-interview .content__labels,.content--type-interview .content__standfirst,.content--type-interview .meta__extras,.content--type-interview .meta__contact-wrap,.content--type-live .badge,.content--type-live .badge--alt,.content--type-live .content__headline,.content--type-live .content__labels,.content--type-live .content__standfirst,.content--type-live .meta__extras,.content--type-live .meta__contact-wrap,.content--type-matchreport .badge,.content--type-matchreport .badge--alt,.content--type-matchreport .content__headline,.content--type-matchreport .content__labels,.content--type-matchreport .content__standfirst,.content--type-matchreport .meta__extras,.content--type-matchreport .meta__contact-wrap,.content--type-media .badge,.content--type-media .badge--alt,.content--type-media .content__headline,.content--type-media .content__labels,.content--type-media .content__standfirst,.content--type-media .meta__extras,.content--type-media .meta__contact-wrap,.content--type-review .badge,.content--type-review .badge--alt,.content--type-review .content__headline,.content--type-review .content__labels,.content--type-review .content__standfirst,.content--type-review .meta__extras,.content--type-review .meta__contact-wrap,.content--type-quiz .badge,.content--type-quiz .badge--alt,.content--type-quiz .content__headline,.content--type-quiz .content__labels,.content--type-quiz .content__standfirst,.content--type-quiz .meta__extras,.content--type-quiz .meta__contact-wrap { padding-left:0; padding-right: 0 } } .content--liveblog .content__meta-container,.content--media .content__meta-container,.content--type-analysis .content__meta-container,.content--type-article .content__meta-container,.content--type-comment .content__meta-container,.content--type-feature .content__meta-container,.content--type-recipe .content__meta-container,.content--type-guardianview .content__meta-container,.content--type-immersive:not(.content--minute-article) .content__meta-container,.content--type-interview .content__meta-container,.content--type-live .content__meta-container,.content--type-matchreport .content__meta-container,.content--type-media .content__meta-container,.content--type-review .content__meta-container,.content--type-quiz .content__meta-container { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: top; background-size: 0.0625rem 0.8125rem; padding-top: 0.9375rem; margin-bottom: 0.375rem } @media (min-width: 71.25em) { .content--liveblog .content__meta-container,.content--media .content__meta-container,.content--type-analysis .content__meta-container,.content--type-article .content__meta-container,.content--type-comment .content__meta-container,.content--type-feature .content__meta-container,.content--type-recipe .content__meta-container,.content--type-guardianview .content__meta-container,.content--type-immersive:not(.content--minute-article) .content__meta-container,.content--type-interview .content__meta-container,.content--type-live .content__meta-container,.content--type-matchreport .content__meta-container,.content--type-media .content__meta-container,.content--type-review .content__meta-container,.content--type-quiz .content__meta-container { position:absolute } } @media (min-width: 71.25em) { .content--liveblog .badge,.content--liveblog .content__meta-container,.content--media .badge,.content--media .content__meta-container,.content--type-analysis .badge,.content--type-analysis .content__meta-container,.content--type-article .badge,.content--type-article .content__meta-container,.content--type-comment .badge,.content--type-comment .content__meta-container,.content--type-feature .badge,.content--type-feature .content__meta-container,.content--type-recipe .badge,.content--type-recipe .content__meta-container,.content--type-guardianview .badge,.content--type-guardianview .content__meta-container,.content--type-immersive:not(.content--minute-article) .badge,.content--type-immersive:not(.content--minute-article) .content__meta-container,.content--type-interview .badge,.content--type-interview .content__meta-container,.content--type-live .badge,.content--type-live .content__meta-container,.content--type-matchreport .badge,.content--type-matchreport .content__meta-container,.content--type-media .badge,.content--type-media .content__meta-container,.content--type-review .badge,.content--type-review .content__meta-container,.content--type-quiz .badge,.content--type-quiz .content__meta-container { width:8.75rem } } @media (min-width: 81.25em) { .content--liveblog .badge,.content--liveblog .content__meta-container,.content--media .badge,.content--media .content__meta-container,.content--type-analysis .badge,.content--type-analysis .content__meta-container,.content--type-article .badge,.content--type-article .content__meta-container,.content--type-comment .badge,.content--type-comment .content__meta-container,.content--type-feature .badge,.content--type-feature .content__meta-container,.content--type-recipe .badge,.content--type-recipe .content__meta-container,.content--type-guardianview .badge,.content--type-guardianview .content__meta-container,.content--type-immersive:not(.content--minute-article) .badge,.content--type-immersive:not(.content--minute-article) .content__meta-container,.content--type-interview .badge,.content--type-interview .content__meta-container,.content--type-live .badge,.content--type-live .content__meta-container,.content--type-matchreport .badge,.content--type-matchreport .content__meta-container,.content--type-media .badge,.content--type-media .content__meta-container,.content--type-review .badge,.content--type-review .content__meta-container,.content--type-quiz .badge,.content--type-quiz .content__meta-container { width:13.75rem } } .content--liveblog .meta__contact-wrap,.content--media .meta__contact-wrap,.content--type-analysis .meta__contact-wrap,.content--type-article .meta__contact-wrap,.content--type-comment .meta__contact-wrap,.content--type-feature .meta__contact-wrap,.content--type-recipe .meta__contact-wrap,.content--type-guardianview .meta__contact-wrap,.content--type-immersive:not(.content--minute-article) .meta__contact-wrap,.content--type-interview .meta__contact-wrap,.content--type-live .meta__contact-wrap,.content--type-matchreport .meta__contact-wrap,.content--type-media .meta__contact-wrap,.content--type-review .meta__contact-wrap,.content--type-quiz .meta__contact-wrap { float: left; max-width: calc(100% - 5.625rem) } @media (min-width: 30em) { .content--liveblog .meta__contact-wrap,.content--media .meta__contact-wrap,.content--type-analysis .meta__contact-wrap,.content--type-article .meta__contact-wrap,.content--type-comment .meta__contact-wrap,.content--type-feature .meta__contact-wrap,.content--type-recipe .meta__contact-wrap,.content--type-guardianview .meta__contact-wrap,.content--type-immersive:not(.content--minute-article) .meta__contact-wrap,.content--type-interview .meta__contact-wrap,.content--type-live .meta__contact-wrap,.content--type-matchreport .meta__contact-wrap,.content--type-media .meta__contact-wrap,.content--type-review .meta__contact-wrap,.content--type-quiz .meta__contact-wrap { max-width:calc(100% - 6.875rem) } } @media (min-width: 71.25em) { .content--liveblog .meta__contact-wrap,.content--media .meta__contact-wrap,.content--type-analysis .meta__contact-wrap,.content--type-article .meta__contact-wrap,.content--type-comment .meta__contact-wrap,.content--type-feature .meta__contact-wrap,.content--type-recipe .meta__contact-wrap,.content--type-guardianview .meta__contact-wrap,.content--type-immersive:not(.content--minute-article) .meta__contact-wrap,.content--type-interview .meta__contact-wrap,.content--type-live .meta__contact-wrap,.content--type-matchreport .meta__contact-wrap,.content--type-media .meta__contact-wrap,.content--type-review .meta__contact-wrap,.content--type-quiz .meta__contact-wrap { max-width:100% } } .content--liveblog .content__main-column--article .badge--alt,.content--media .content__main-column--article .badge--alt,.content--type-analysis .content__main-column--article .badge--alt,.content--type-article .content__main-column--article .badge--alt,.content--type-comment .content__main-column--article .badge--alt,.content--type-feature .content__main-column--article .badge--alt,.content--type-recipe .content__main-column--article .badge--alt,.content--type-guardianview .content__main-column--article .badge--alt,.content--type-immersive:not(.content--minute-article) .content__main-column--article .badge--alt,.content--type-interview .content__main-column--article .badge--alt,.content--type-live .content__main-column--article .badge--alt,.content--type-matchreport .content__main-column--article .badge--alt,.content--type-media .content__main-column--article .badge--alt,.content--type-review .content__main-column--article .badge--alt,.content--type-quiz .content__main-column--article .badge--alt { padding-bottom: 0.75rem } .content--liveblog .badge--alt,.content--media .badge--alt,.content--type-analysis .badge--alt,.content--type-article .badge--alt,.content--type-comment .badge--alt,.content--type-feature .badge--alt,.content--type-recipe .badge--alt,.content--type-guardianview .badge--alt,.content--type-immersive:not(.content--minute-article) .badge--alt,.content--type-interview .badge--alt,.content--type-live .badge--alt,.content--type-matchreport .badge--alt,.content--type-media .badge--alt,.content--type-review .badge--alt,.content--type-quiz .badge--alt { padding-top: 0; border-top: 0; margin-top: 0.125rem; margin-bottom: -0.25rem } .content--liveblog .badge--alt a,.content--media .badge--alt a,.content--type-analysis .badge--alt a,.content--type-article .badge--alt a,.content--type-comment .badge--alt a,.content--type-feature .badge--alt a,.content--type-recipe .badge--alt a,.content--type-guardianview .badge--alt a,.content--type-immersive:not(.content--minute-article) .badge--alt a,.content--type-interview .badge--alt a,.content--type-live .badge--alt a,.content--type-matchreport .badge--alt a,.content--type-media .badge--alt a,.content--type-review .badge--alt a,.content--type-quiz .badge--alt a { padding-bottom: 0; margin-bottom: 0 } .content--liveblog .content__meta-container .byline-img,.content--media .content__meta-container .byline-img,.content--type-analysis .content__meta-container .byline-img,.content--type-article .content__meta-container .byline-img,.content--type-comment .content__meta-container .byline-img,.content--type-feature .content__meta-container .byline-img,.content--type-recipe .content__meta-container .byline-img,.content--type-guardianview .content__meta-container .byline-img,.content--type-immersive:not(.content--minute-article) .content__meta-container .byline-img,.content--type-interview .content__meta-container .byline-img,.content--type-live .content__meta-container .byline-img,.content--type-matchreport .content__meta-container .byline-img,.content--type-media .content__meta-container .byline-img,.content--type-review .content__meta-container .byline-img,.content--type-quiz .content__meta-container .byline-img { max-width: 3.75rem; float: left; border-top: 0; margin: 0.1875rem 0 0.75rem 0.625rem } @media (min-width: 30em) { .content--liveblog .content__meta-container .byline-img,.content--media .content__meta-container .byline-img,.content--type-analysis .content__meta-container .byline-img,.content--type-article .content__meta-container .byline-img,.content--type-comment .content__meta-container .byline-img,.content--type-feature .content__meta-container .byline-img,.content--type-recipe .content__meta-container .byline-img,.content--type-guardianview .content__meta-container .byline-img,.content--type-immersive:not(.content--minute-article) .content__meta-container .byline-img,.content--type-interview .content__meta-container .byline-img,.content--type-live .content__meta-container .byline-img,.content--type-matchreport .content__meta-container .byline-img,.content--type-media .content__meta-container .byline-img,.content--type-review .content__meta-container .byline-img,.content--type-quiz .content__meta-container .byline-img { max-width:4rem; margin-left: 1.25rem } } @media (min-width: 41.25em) { .content--liveblog .content__meta-container .byline-img,.content--media .content__meta-container .byline-img,.content--type-analysis .content__meta-container .byline-img,.content--type-article .content__meta-container .byline-img,.content--type-comment .content__meta-container .byline-img,.content--type-feature .content__meta-container .byline-img,.content--type-recipe .content__meta-container .byline-img,.content--type-guardianview .content__meta-container .byline-img,.content--type-immersive:not(.content--minute-article) .content__meta-container .byline-img,.content--type-interview .content__meta-container .byline-img,.content--type-live .content__meta-container .byline-img,.content--type-matchreport .content__meta-container .byline-img,.content--type-media .content__meta-container .byline-img,.content--type-review .content__meta-container .byline-img,.content--type-quiz .content__meta-container .byline-img { margin-left:0; margin-right: 0.625rem } } @media (min-width: 71.25em) { .content--liveblog .content__meta-container .byline-img,.content--media .content__meta-container .byline-img,.content--type-analysis .content__meta-container .byline-img,.content--type-article .content__meta-container .byline-img,.content--type-comment .content__meta-container .byline-img,.content--type-feature .content__meta-container .byline-img,.content--type-recipe .content__meta-container .byline-img,.content--type-guardianview .content__meta-container .byline-img,.content--type-immersive:not(.content--minute-article) .content__meta-container .byline-img,.content--type-interview .content__meta-container .byline-img,.content--type-live .content__meta-container .byline-img,.content--type-matchreport .content__meta-container .byline-img,.content--type-media .content__meta-container .byline-img,.content--type-review .content__meta-container .byline-img,.content--type-quiz .content__meta-container .byline-img { margin-top:0.375rem; max-width: none } } .content--liveblog .meta__bio,.content--media .meta__bio,.content--type-analysis .meta__bio,.content--type-article .meta__bio,.content--type-comment .meta__bio,.content--type-feature .meta__bio,.content--type-recipe .meta__bio,.content--type-guardianview .meta__bio,.content--type-immersive:not(.content--minute-article) .meta__bio,.content--type-interview .meta__bio,.content--type-live .meta__bio,.content--type-matchreport .meta__bio,.content--type-media .meta__bio,.content--type-review .meta__bio,.content--type-quiz .meta__bio { border-top: 0; padding-top: 0; padding-bottom: 0.75rem } .content--liveblog .meta__contact-header,.content--media .meta__contact-header,.content--type-analysis .meta__contact-header,.content--type-article .meta__contact-header,.content--type-comment .meta__contact-header,.content--type-feature .meta__contact-header,.content--type-recipe .meta__contact-header,.content--type-guardianview .meta__contact-header,.content--type-immersive:not(.content--minute-article) .meta__contact-header,.content--type-interview .meta__contact-header,.content--type-live .meta__contact-header,.content--type-matchreport .meta__contact-header,.content--type-media .meta__contact-header,.content--type-review .meta__contact-header,.content--type-quiz .meta__contact-header { display: none } .content--liveblog .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--media .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-analysis .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-article .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-comment .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-feature .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-recipe .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-guardianview .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-immersive:not(.content--minute-article) .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-interview .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-live .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-matchreport .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-media .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-review .content__meta-container--email.content__meta-container--twitter .meta__twitter,.content--type-quiz .content__meta-container--email.content__meta-container--twitter .meta__twitter { margin-top: 0; margin-bottom: 0 } .content--liveblog .content__meta-container--email.content__meta-container--twitter .meta__email,.content--media .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-analysis .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-article .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-comment .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-feature .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-recipe .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-guardianview .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-immersive:not(.content--minute-article) .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-interview .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-live .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-matchreport .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-media .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-review .content__meta-container--email.content__meta-container--twitter .meta__email,.content--type-quiz .content__meta-container--email.content__meta-container--twitter .meta__email { margin-top: 0; margin-bottom: 0 } .content--liveblog .meta__email,.content--liveblog .meta__twitter,.content--media .meta__email,.content--media .meta__twitter,.content--type-analysis .meta__email,.content--type-analysis .meta__twitter,.content--type-article .meta__email,.content--type-article .meta__twitter,.content--type-comment .meta__email,.content--type-comment .meta__twitter,.content--type-feature .meta__email,.content--type-feature .meta__twitter,.content--type-recipe .meta__email,.content--type-recipe .meta__twitter,.content--type-guardianview .meta__email,.content--type-guardianview .meta__twitter,.content--type-immersive:not(.content--minute-article) .meta__email,.content--type-immersive:not(.content--minute-article) .meta__twitter,.content--type-interview .meta__email,.content--type-interview .meta__twitter,.content--type-live .meta__email,.content--type-live .meta__twitter,.content--type-matchreport .meta__email,.content--type-matchreport .meta__twitter,.content--type-media .meta__email,.content--type-media .meta__twitter,.content--type-review .meta__email,.content--type-review .meta__twitter,.content--type-quiz .meta__email,.content--type-quiz .meta__twitter { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; margin: 0; margin-top: 0; margin-right: 0; margin-bottom: -0.125rem; display: inline-block; font-weight: bold; text-decoration: none; padding-right: 0.625rem } .content--liveblog .meta__email svg,.content--liveblog .meta__twitter svg,.content--media .meta__email svg,.content--media .meta__twitter svg,.content--type-analysis .meta__email svg,.content--type-analysis .meta__twitter svg,.content--type-article .meta__email svg,.content--type-article .meta__twitter svg,.content--type-comment .meta__email svg,.content--type-comment .meta__twitter svg,.content--type-feature .meta__email svg,.content--type-feature .meta__twitter svg,.content--type-recipe .meta__email svg,.content--type-recipe .meta__twitter svg,.content--type-guardianview .meta__email svg,.content--type-guardianview .meta__twitter svg,.content--type-immersive:not(.content--minute-article) .meta__email svg,.content--type-immersive:not(.content--minute-article) .meta__twitter svg,.content--type-interview .meta__email svg,.content--type-interview .meta__twitter svg,.content--type-live .meta__email svg,.content--type-live .meta__twitter svg,.content--type-matchreport .meta__email svg,.content--type-matchreport .meta__twitter svg,.content--type-media .meta__email svg,.content--type-media .meta__twitter svg,.content--type-review .meta__email svg,.content--type-review .meta__twitter svg,.content--type-quiz .meta__email svg,.content--type-quiz .meta__twitter svg { height: 0.625rem; max-width: 0.75rem; margin-right: 0 } .content--liveblog .meta__email a,.content--liveblog .meta__twitter a,.content--media .meta__email a,.content--media .meta__twitter a,.content--type-analysis .meta__email a,.content--type-analysis .meta__twitter a,.content--type-article .meta__email a,.content--type-article .meta__twitter a,.content--type-comment .meta__email a,.content--type-comment .meta__twitter a,.content--type-feature .meta__email a,.content--type-feature .meta__twitter a,.content--type-recipe .meta__email a,.content--type-recipe .meta__twitter a,.content--type-guardianview .meta__email a,.content--type-guardianview .meta__twitter a,.content--type-immersive:not(.content--minute-article) .meta__email a,.content--type-immersive:not(.content--minute-article) .meta__twitter a,.content--type-interview .meta__email a,.content--type-interview .meta__twitter a,.content--type-live .meta__email a,.content--type-live .meta__twitter a,.content--type-matchreport .meta__email a,.content--type-matchreport .meta__twitter a,.content--type-media .meta__email a,.content--type-media .meta__twitter a,.content--type-review .meta__email a,.content--type-review .meta__twitter a,.content--type-quiz .meta__email a,.content--type-quiz .meta__twitter a { color: #707070 } .content--liveblog .meta__email a .inline-icon,.content--liveblog .meta__twitter a .inline-icon,.content--media .meta__email a .inline-icon,.content--media .meta__twitter a .inline-icon,.content--type-analysis .meta__email a .inline-icon,.content--type-analysis .meta__twitter a .inline-icon,.content--type-article .meta__email a .inline-icon,.content--type-article .meta__twitter a .inline-icon,.content--type-comment .meta__email a .inline-icon,.content--type-comment .meta__twitter a .inline-icon,.content--type-feature .meta__email a .inline-icon,.content--type-feature .meta__twitter a .inline-icon,.content--type-recipe .meta__email a .inline-icon,.content--type-recipe .meta__twitter a .inline-icon,.content--type-guardianview .meta__email a .inline-icon,.content--type-guardianview .meta__twitter a .inline-icon,.content--type-immersive:not(.content--minute-article) .meta__email a .inline-icon,.content--type-immersive:not(.content--minute-article) .meta__twitter a .inline-icon,.content--type-interview .meta__email a .inline-icon,.content--type-interview .meta__twitter a .inline-icon,.content--type-live .meta__email a .inline-icon,.content--type-live .meta__twitter a .inline-icon,.content--type-matchreport .meta__email a .inline-icon,.content--type-matchreport .meta__twitter a .inline-icon,.content--type-media .meta__email a .inline-icon,.content--type-media .meta__twitter a .inline-icon,.content--type-review .meta__email a .inline-icon,.content--type-review .meta__twitter a .inline-icon,.content--type-quiz .meta__email a .inline-icon,.content--type-quiz .meta__twitter a .inline-icon { fill: #707070 } .content--liveblog .meta__email a:focus,.content--liveblog .meta__email a:hover,.content--liveblog .meta__twitter a:focus,.content--liveblog .meta__twitter a:hover,.content--media .meta__email a:focus,.content--media .meta__email a:hover,.content--media .meta__twitter a:focus,.content--media .meta__twitter a:hover,.content--type-analysis .meta__email a:focus,.content--type-analysis .meta__email a:hover,.content--type-analysis .meta__twitter a:focus,.content--type-analysis .meta__twitter a:hover,.content--type-article .meta__email a:focus,.content--type-article .meta__email a:hover,.content--type-article .meta__twitter a:focus,.content--type-article .meta__twitter a:hover,.content--type-comment .meta__email a:focus,.content--type-comment .meta__email a:hover,.content--type-comment .meta__twitter a:focus,.content--type-comment .meta__twitter a:hover,.content--type-feature .meta__email a:focus,.content--type-feature .meta__email a:hover,.content--type-feature .meta__twitter a:focus,.content--type-feature .meta__twitter a:hover,.content--type-recipe .meta__email a:focus,.content--type-recipe .meta__email a:hover,.content--type-recipe .meta__twitter a:focus,.content--type-recipe .meta__twitter a:hover,.content--type-guardianview .meta__email a:focus,.content--type-guardianview .meta__email a:hover,.content--type-guardianview .meta__twitter a:focus,.content--type-guardianview .meta__twitter a:hover,.content--type-immersive:not(.content--minute-article) .meta__email a:focus,.content--type-immersive:not(.content--minute-article) .meta__email a:hover,.content--type-immersive:not(.content--minute-article) .meta__twitter a:focus,.content--type-immersive:not(.content--minute-article) .meta__twitter a:hover,.content--type-interview .meta__email a:focus,.content--type-interview .meta__email a:hover,.content--type-interview .meta__twitter a:focus,.content--type-interview .meta__twitter a:hover,.content--type-live .meta__email a:focus,.content--type-live .meta__email a:hover,.content--type-live .meta__twitter a:focus,.content--type-live .meta__twitter a:hover,.content--type-matchreport .meta__email a:focus,.content--type-matchreport .meta__email a:hover,.content--type-matchreport .meta__twitter a:focus,.content--type-matchreport .meta__twitter a:hover,.content--type-media .meta__email a:focus,.content--type-media .meta__email a:hover,.content--type-media .meta__twitter a:focus,.content--type-media .meta__twitter a:hover,.content--type-review .meta__email a:focus,.content--type-review .meta__email a:hover,.content--type-review .meta__twitter a:focus,.content--type-review .meta__twitter a:hover,.content--type-quiz .meta__email a:focus,.content--type-quiz .meta__email a:hover,.content--type-quiz .meta__twitter a:focus,.content--type-quiz .meta__twitter a:hover { text-decoration: none } .content--liveblog .meta__email a:focus .contact,.content--liveblog .meta__email a:hover .contact,.content--liveblog .meta__twitter a:focus .contact,.content--liveblog .meta__twitter a:hover .contact,.content--media .meta__email a:focus .contact,.content--media .meta__email a:hover .contact,.content--media .meta__twitter a:focus .contact,.content--media .meta__twitter a:hover .contact,.content--type-analysis .meta__email a:focus .contact,.content--type-analysis .meta__email a:hover .contact,.content--type-analysis .meta__twitter a:focus .contact,.content--type-analysis .meta__twitter a:hover .contact,.content--type-article .meta__email a:focus .contact,.content--type-article .meta__email a:hover .contact,.content--type-article .meta__twitter a:focus .contact,.content--type-article .meta__twitter a:hover .contact,.content--type-comment .meta__email a:focus .contact,.content--type-comment .meta__email a:hover .contact,.content--type-comment .meta__twitter a:focus .contact,.content--type-comment .meta__twitter a:hover .contact,.content--type-feature .meta__email a:focus .contact,.content--type-feature .meta__email a:hover .contact,.content--type-feature .meta__twitter a:focus .contact,.content--type-feature .meta__twitter a:hover .contact,.content--type-recipe .meta__email a:focus .contact,.content--type-recipe .meta__email a:hover .contact,.content--type-recipe .meta__twitter a:focus .contact,.content--type-recipe .meta__twitter a:hover .contact,.content--type-guardianview .meta__email a:focus .contact,.content--type-guardianview .meta__email a:hover .contact,.content--type-guardianview .meta__twitter a:focus .contact,.content--type-guardianview .meta__twitter a:hover .contact,.content--type-immersive:not(.content--minute-article) .meta__email a:focus .contact,.content--type-immersive:not(.content--minute-article) .meta__email a:hover .contact,.content--type-immersive:not(.content--minute-article) .meta__twitter a:focus .contact,.content--type-immersive:not(.content--minute-article) .meta__twitter a:hover .contact,.content--type-interview .meta__email a:focus .contact,.content--type-interview .meta__email a:hover .contact,.content--type-interview .meta__twitter a:focus .contact,.content--type-interview .meta__twitter a:hover .contact,.content--type-live .meta__email a:focus .contact,.content--type-live .meta__email a:hover .contact,.content--type-live .meta__twitter a:focus .contact,.content--type-live .meta__twitter a:hover .contact,.content--type-matchreport .meta__email a:focus .contact,.content--type-matchreport .meta__email a:hover .contact,.content--type-matchreport .meta__twitter a:focus .contact,.content--type-matchreport .meta__twitter a:hover .contact,.content--type-media .meta__email a:focus .contact,.content--type-media .meta__email a:hover .contact,.content--type-media .meta__twitter a:focus .contact,.content--type-media .meta__twitter a:hover .contact,.content--type-review .meta__email a:focus .contact,.content--type-review .meta__email a:hover .contact,.content--type-review .meta__twitter a:focus .contact,.content--type-review .meta__twitter a:hover .contact,.content--type-quiz .meta__email a:focus .contact,.content--type-quiz .meta__email a:hover .contact,.content--type-quiz .meta__twitter a:focus .contact,.content--type-quiz .meta__twitter a:hover .contact { text-decoration: underline } .content--liveblog .meta__email .contact,.content--liveblog .meta__twitter .contact,.content--media .meta__email .contact,.content--media .meta__twitter .contact,.content--type-analysis .meta__email .contact,.content--type-analysis .meta__twitter .contact,.content--type-article .meta__email .contact,.content--type-article .meta__twitter .contact,.content--type-comment .meta__email .contact,.content--type-comment .meta__twitter .contact,.content--type-feature .meta__email .contact,.content--type-feature .meta__twitter .contact,.content--type-recipe .meta__email .contact,.content--type-recipe .meta__twitter .contact,.content--type-guardianview .meta__email .contact,.content--type-guardianview .meta__twitter .contact,.content--type-immersive:not(.content--minute-article) .meta__email .contact,.content--type-immersive:not(.content--minute-article) .meta__twitter .contact,.content--type-interview .meta__email .contact,.content--type-interview .meta__twitter .contact,.content--type-live .meta__email .contact,.content--type-live .meta__twitter .contact,.content--type-matchreport .meta__email .contact,.content--type-matchreport .meta__twitter .contact,.content--type-media .meta__email .contact,.content--type-media .meta__twitter .contact,.content--type-review .meta__email .contact,.content--type-review .meta__twitter .contact,.content--type-quiz .meta__email .contact,.content--type-quiz .meta__twitter .contact { color: #707070; display: inline-block !important } .content--liveblog .meta__extras,.content--media .meta__extras,.content--type-analysis .meta__extras,.content--type-article .meta__extras,.content--type-comment .meta__extras,.content--type-feature .meta__extras,.content--type-recipe .meta__extras,.content--type-guardianview .meta__extras,.content--type-immersive:not(.content--minute-article) .meta__extras,.content--type-interview .meta__extras,.content--type-live .meta__extras,.content--type-matchreport .meta__extras,.content--type-media .meta__extras,.content--type-review .meta__extras,.content--type-quiz .meta__extras { -webkit-order: 5; -ms-flex-order: 5; order: 5 } .content--liveblog .block-share__item,.content--liveblog .social-icon,.content--media .block-share__item,.content--media .social-icon,.content--type-analysis .block-share__item,.content--type-analysis .social-icon,.content--type-article .block-share__item,.content--type-article .social-icon,.content--type-comment .block-share__item,.content--type-comment .social-icon,.content--type-feature .block-share__item,.content--type-feature .social-icon,.content--type-recipe .block-share__item,.content--type-recipe .social-icon,.content--type-guardianview .block-share__item,.content--type-guardianview .social-icon,.content--type-immersive:not(.content--minute-article) .block-share__item,.content--type-immersive:not(.content--minute-article) .social-icon,.content--type-interview .block-share__item,.content--type-interview .social-icon,.content--type-live .block-share__item,.content--type-live .social-icon,.content--type-matchreport .block-share__item,.content--type-matchreport .social-icon,.content--type-media .block-share__item,.content--type-media .social-icon,.content--type-review .block-share__item,.content--type-review .social-icon,.content--type-quiz .block-share__item,.content--type-quiz .social-icon { background-color: transparent; border: 0.0625rem solid #dcdcdc } .content--liveblog .block-share__item:focus svg,.content--liveblog .block-share__item:hover svg,.content--liveblog .social-icon:focus svg,.content--liveblog .social-icon:hover svg,.content--media .block-share__item:focus svg,.content--media .block-share__item:hover svg,.content--media .social-icon:focus svg,.content--media .social-icon:hover svg,.content--type-analysis .block-share__item:focus svg,.content--type-analysis .block-share__item:hover svg,.content--type-analysis .social-icon:focus svg,.content--type-analysis .social-icon:hover svg,.content--type-article .block-share__item:focus svg,.content--type-article .block-share__item:hover svg,.content--type-article .social-icon:focus svg,.content--type-article .social-icon:hover svg,.content--type-comment .block-share__item:focus svg,.content--type-comment .block-share__item:hover svg,.content--type-comment .social-icon:focus svg,.content--type-comment .social-icon:hover svg,.content--type-feature .block-share__item:focus svg,.content--type-feature .block-share__item:hover svg,.content--type-feature .social-icon:focus svg,.content--type-feature .social-icon:hover svg,.content--type-recipe .block-share__item:focus svg,.content--type-recipe .block-share__item:hover svg,.content--type-recipe .social-icon:focus svg,.content--type-recipe .social-icon:hover svg,.content--type-guardianview .block-share__item:focus svg,.content--type-guardianview .block-share__item:hover svg,.content--type-guardianview .social-icon:focus svg,.content--type-guardianview .social-icon:hover svg,.content--type-immersive:not(.content--minute-article) .block-share__item:focus svg,.content--type-immersive:not(.content--minute-article) .block-share__item:hover svg,.content--type-immersive:not(.content--minute-article) .social-icon:focus svg,.content--type-immersive:not(.content--minute-article) .social-icon:hover svg,.content--type-interview .block-share__item:focus svg,.content--type-interview .block-share__item:hover svg,.content--type-interview .social-icon:focus svg,.content--type-interview .social-icon:hover svg,.content--type-live .block-share__item:focus svg,.content--type-live .block-share__item:hover svg,.content--type-live .social-icon:focus svg,.content--type-live .social-icon:hover svg,.content--type-matchreport .block-share__item:focus svg,.content--type-matchreport .block-share__item:hover svg,.content--type-matchreport .social-icon:focus svg,.content--type-matchreport .social-icon:hover svg,.content--type-media .block-share__item:focus svg,.content--type-media .block-share__item:hover svg,.content--type-media .social-icon:focus svg,.content--type-media .social-icon:hover svg,.content--type-review .block-share__item:focus svg,.content--type-review .block-share__item:hover svg,.content--type-review .social-icon:focus svg,.content--type-review .social-icon:hover svg,.content--type-quiz .block-share__item:focus svg,.content--type-quiz .block-share__item:hover svg,.content--type-quiz .social-icon:focus svg,.content--type-quiz .social-icon:hover svg { fill: #fff } .content--liveblog .meta__number+.meta__number,.content--media .meta__number+.meta__number,.content--type-analysis .meta__number+.meta__number,.content--type-article .meta__number+.meta__number,.content--type-comment .meta__number+.meta__number,.content--type-feature .meta__number+.meta__number,.content--type-recipe .meta__number+.meta__number,.content--type-guardianview .meta__number+.meta__number,.content--type-immersive:not(.content--minute-article) .meta__number+.meta__number,.content--type-interview .meta__number+.meta__number,.content--type-live .meta__number+.meta__number,.content--type-matchreport .meta__number+.meta__number,.content--type-media .meta__number+.meta__number,.content--type-review .meta__number+.meta__number,.content--type-quiz .meta__number+.meta__number { border-color: #dcdcdc } @media (min-width: 71.25em) { .content--liveblog .content__main-column:not(.content__main-column--gallery):before,.content--media .content__main-column:not(.content__main-column--gallery):before,.content--type-analysis .content__main-column:not(.content__main-column--gallery):before,.content--type-article .content__main-column:not(.content__main-column--gallery):before,.content--type-comment .content__main-column:not(.content__main-column--gallery):before,.content--type-feature .content__main-column:not(.content__main-column--gallery):before,.content--type-recipe .content__main-column:not(.content__main-column--gallery):before,.content--type-guardianview .content__main-column:not(.content__main-column--gallery):before,.content--type-immersive:not(.content--minute-article) .content__main-column:not(.content__main-column--gallery):before,.content--type-interview .content__main-column:not(.content__main-column--gallery):before,.content--type-live .content__main-column:not(.content__main-column--gallery):before,.content--type-matchreport .content__main-column:not(.content__main-column--gallery):before,.content--type-media .content__main-column:not(.content__main-column--gallery):before,.content--type-review .content__main-column:not(.content__main-column--gallery):before,.content--type-quiz .content__main-column:not(.content__main-column--gallery):before { content:''; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 0.0625rem; background: #dcdcdc } } @media (min-width: 46.25em) { .content--liveblog .content__main-column:not(.content__main-column--gallery),.content--media .content__main-column:not(.content__main-column--gallery),.content--type-analysis .content__main-column:not(.content__main-column--gallery),.content--type-article .content__main-column:not(.content__main-column--gallery),.content--type-comment .content__main-column:not(.content__main-column--gallery),.content--type-feature .content__main-column:not(.content__main-column--gallery),.content--type-recipe .content__main-column:not(.content__main-column--gallery),.content--type-guardianview .content__main-column:not(.content__main-column--gallery),.content--type-immersive:not(.content--minute-article) .content__main-column:not(.content__main-column--gallery),.content--type-interview .content__main-column:not(.content__main-column--gallery),.content--type-live .content__main-column:not(.content__main-column--gallery),.content--type-matchreport .content__main-column:not(.content__main-column--gallery),.content--type-media .content__main-column:not(.content__main-column--gallery),.content--type-review .content__main-column:not(.content__main-column--gallery),.content--type-quiz .content__main-column:not(.content__main-column--gallery) { padding-left:0 } } @media (min-width: 71.25em) { .content--liveblog .content__main-column:not(.content__main-column--gallery),.content--media .content__main-column:not(.content__main-column--gallery),.content--type-analysis .content__main-column:not(.content__main-column--gallery),.content--type-article .content__main-column:not(.content__main-column--gallery),.content--type-comment .content__main-column:not(.content__main-column--gallery),.content--type-feature .content__main-column:not(.content__main-column--gallery),.content--type-recipe .content__main-column:not(.content__main-column--gallery),.content--type-guardianview .content__main-column:not(.content__main-column--gallery),.content--type-immersive:not(.content--minute-article) .content__main-column:not(.content__main-column--gallery),.content--type-interview .content__main-column:not(.content__main-column--gallery),.content--type-live .content__main-column:not(.content__main-column--gallery),.content--type-matchreport .content__main-column:not(.content__main-column--gallery),.content--type-media .content__main-column:not(.content__main-column--gallery),.content--type-review .content__main-column:not(.content__main-column--gallery),.content--type-quiz .content__main-column:not(.content__main-column--gallery) { padding-left:0.625rem } } .content--liveblog .content__article-body,.content--media .content__article-body,.content--type-analysis .content__article-body,.content--type-article .content__article-body,.content--type-comment .content__article-body,.content--type-feature .content__article-body,.content--type-recipe .content__article-body,.content--type-guardianview .content__article-body,.content--type-immersive:not(.content--minute-article) .content__article-body,.content--type-interview .content__article-body,.content--type-live .content__article-body,.content--type-matchreport .content__article-body,.content--type-media .content__article-body,.content--type-review .content__article-body,.content--type-quiz .content__article-body { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web",Georgia,serif } @media (min-width: 46.25em) { .content--liveblog .content__article-body,.content--media .content__article-body,.content--type-analysis .content__article-body,.content--type-article .content__article-body,.content--type-comment .content__article-body,.content--type-feature .content__article-body,.content--type-recipe .content__article-body,.content--type-guardianview .content__article-body,.content--type-immersive:not(.content--minute-article) .content__article-body,.content--type-interview .content__article-body,.content--type-live .content__article-body,.content--type-matchreport .content__article-body,.content--type-media .content__article-body,.content--type-review .content__article-body,.content--type-quiz .content__article-body { margin-left:0; padding-bottom: 3rem } } @media (min-width: 61.25em) { .content--liveblog .content__article-body,.content--media .content__article-body,.content--type-analysis .content__article-body,.content--type-article .content__article-body,.content--type-comment .content__article-body,.content--type-feature .content__article-body,.content--type-recipe .content__article-body,.content--type-guardianview .content__article-body,.content--type-immersive:not(.content--minute-article) .content__article-body,.content--type-interview .content__article-body,.content--type-live .content__article-body,.content--type-matchreport .content__article-body,.content--type-media .content__article-body,.content--type-review .content__article-body,.content--type-quiz .content__article-body { margin-left:0; padding-bottom: 4.5rem } } .content--liveblog .content__secondary-column,.content--media .content__secondary-column,.content--type-analysis .content__secondary-column,.content--type-article .content__secondary-column,.content--type-comment .content__secondary-column,.content--type-feature .content__secondary-column,.content--type-recipe .content__secondary-column,.content--type-guardianview .content__secondary-column,.content--type-immersive:not(.content--minute-article) .content__secondary-column,.content--type-interview .content__secondary-column,.content--type-live .content__secondary-column,.content--type-matchreport .content__secondary-column,.content--type-media .content__secondary-column,.content--type-review .content__secondary-column,.content--type-quiz .content__secondary-column { padding-top: 0.375rem } .content--liveblog .caption--img,.content--media .caption--img,.content--type-analysis .caption--img,.content--type-article .caption--img,.content--type-comment .caption--img,.content--type-feature .caption--img,.content--type-recipe .caption--img,.content--type-guardianview .caption--img,.content--type-immersive:not(.content--minute-article) .caption--img,.content--type-interview .caption--img,.content--type-live .caption--img,.content--type-matchreport .caption--img,.content--type-media .caption--img,.content--type-review .caption--img,.content--type-quiz .caption--img { min-height: 2.25rem; padding-bottom: 0 } @media (min-width: 46.25em) { .content--liveblog .caption--img,.content--media .caption--img,.content--type-analysis .caption--img,.content--type-article .caption--img,.content--type-comment .caption--img,.content--type-feature .caption--img,.content--type-recipe .caption--img,.content--type-guardianview .caption--img,.content--type-immersive:not(.content--minute-article) .caption--img,.content--type-interview .caption--img,.content--type-live .caption--img,.content--type-matchreport .caption--img,.content--type-media .caption--img,.content--type-review .caption--img,.content--type-quiz .caption--img { min-height:0 } } @media (min-width: 71.25em) { .content--liveblog .caption--img,.content--media .caption--img,.content--type-analysis .caption--img,.content--type-article .caption--img,.content--type-comment .caption--img,.content--type-feature .caption--img,.content--type-recipe .caption--img,.content--type-guardianview .caption--img,.content--type-immersive:not(.content--minute-article) .caption--img,.content--type-interview .caption--img,.content--type-live .caption--img,.content--type-matchreport .caption--img,.content--type-media .caption--img,.content--type-review .caption--img,.content--type-quiz .caption--img { padding-bottom:0.375rem } } .content--liveblog .caption--img svg,.content--media .caption--img svg,.content--type-analysis .caption--img svg,.content--type-article .caption--img svg,.content--type-comment .caption--img svg,.content--type-feature .caption--img svg,.content--type-recipe .caption--img svg,.content--type-guardianview .caption--img svg,.content--type-immersive:not(.content--minute-article) .caption--img svg,.content--type-interview .caption--img svg,.content--type-live .caption--img svg,.content--type-matchreport .caption--img svg,.content--type-media .caption--img svg,.content--type-review .caption--img svg,.content--type-quiz .caption--img svg { position: relative } @media (max-width: 71.24em) { .content--liveblog .caption--main.caption--img,.content--media .caption--main.caption--img,.content--type-analysis .caption--main.caption--img,.content--type-article .caption--main.caption--img,.content--type-comment .caption--main.caption--img,.content--type-feature .caption--main.caption--img,.content--type-recipe .caption--main.caption--img,.content--type-guardianview .caption--main.caption--img,.content--type-immersive:not(.content--minute-article) .caption--main.caption--img,.content--type-interview .caption--main.caption--img,.content--type-live .caption--main.caption--img,.content--type-matchreport .caption--main.caption--img,.content--type-media .caption--main.caption--img,.content--type-review .caption--main.caption--img,.content--type-quiz .caption--main.caption--img { padding-bottom:0.375rem } } .content--liveblog:not(.paid-content) .media-primary.media-primary--showcase,.content--media:not(.paid-content) .media-primary.media-primary--showcase,.content--type-analysis:not(.paid-content) .media-primary.media-primary--showcase,.content--type-article:not(.paid-content) .media-primary.media-primary--showcase,.content--type-comment:not(.paid-content) .media-primary.media-primary--showcase,.content--type-feature:not(.paid-content) .media-primary.media-primary--showcase,.content--type-recipe:not(.paid-content) .media-primary.media-primary--showcase,.content--type-guardianview:not(.paid-content) .media-primary.media-primary--showcase,.content--type-immersive:not(.content--minute-article):not(.paid-content) .media-primary.media-primary--showcase,.content--type-interview:not(.paid-content) .media-primary.media-primary--showcase,.content--type-live:not(.paid-content) .media-primary.media-primary--showcase,.content--type-matchreport:not(.paid-content) .media-primary.media-primary--showcase,.content--type-media:not(.paid-content) .media-primary.media-primary--showcase,.content--type-review:not(.paid-content) .media-primary.media-primary--showcase,.content--type-quiz:not(.paid-content) .media-primary.media-primary--showcase { margin-left: 0; margin-right: 0 } .content--liveblog .stars,.content--media .stars,.content--type-analysis .stars,.content--type-article .stars,.content--type-comment .stars,.content--type-feature .stars,.content--type-recipe .stars,.content--type-guardianview .stars,.content--type-immersive:not(.content--minute-article) .stars,.content--type-interview .stars,.content--type-live .stars,.content--type-matchreport .stars,.content--type-media .stars,.content--type-review .stars,.content--type-quiz .stars { background-color: #ffe500; display: inline-block; line-height: 0; padding: calc((0.75rem / 2) - 0.125rem); padding-left: 0.625rem; margin-top: 0.375rem; margin-bottom: 1.125rem } @media (min-width: 30em) { .content--liveblog .stars,.content--media .stars,.content--type-analysis .stars,.content--type-article .stars,.content--type-comment .stars,.content--type-feature .stars,.content--type-recipe .stars,.content--type-guardianview .stars,.content--type-immersive:not(.content--minute-article) .stars,.content--type-interview .stars,.content--type-live .stars,.content--type-matchreport .stars,.content--type-media .stars,.content--type-review .stars,.content--type-quiz .stars { padding-left:1.25rem } } @media (min-width: 41.25em) { .content--liveblog .stars,.content--media .stars,.content--type-analysis .stars,.content--type-article .stars,.content--type-comment .stars,.content--type-feature .stars,.content--type-recipe .stars,.content--type-guardianview .stars,.content--type-immersive:not(.content--minute-article) .stars,.content--type-interview .stars,.content--type-live .stars,.content--type-matchreport .stars,.content--type-media .stars,.content--type-review .stars,.content--type-quiz .stars { margin-left:0; padding-left: 0.25rem } } @media (min-width: 71.25em) { .content--liveblog .stars,.content--media .stars,.content--type-analysis .stars,.content--type-article .stars,.content--type-comment .stars,.content--type-feature .stars,.content--type-recipe .stars,.content--type-guardianview .stars,.content--type-immersive:not(.content--minute-article) .stars,.content--type-interview .stars,.content--type-live .stars,.content--type-matchreport .stars,.content--type-media .stars,.content--type-review .stars,.content--type-quiz .stars { margin-left:-0.625rem; padding-left: 0.625rem } } .content--liveblog .inline-star,.content--media .inline-star,.content--type-analysis .inline-star,.content--type-article .inline-star,.content--type-comment .inline-star,.content--type-feature .inline-star,.content--type-recipe .inline-star,.content--type-guardianview .inline-star,.content--type-immersive:not(.content--minute-article) .inline-star,.content--type-interview .inline-star,.content--type-live .inline-star,.content--type-matchreport .inline-star,.content--type-media .inline-star,.content--type-review .inline-star,.content--type-quiz .inline-star { display: inline } .content--liveblog .inline-star svg,.content--media .inline-star svg,.content--type-analysis .inline-star svg,.content--type-article .inline-star svg,.content--type-comment .inline-star svg,.content--type-feature .inline-star svg,.content--type-recipe .inline-star svg,.content--type-guardianview .inline-star svg,.content--type-immersive:not(.content--minute-article) .inline-star svg,.content--type-interview .inline-star svg,.content--type-live .inline-star svg,.content--type-matchreport .inline-star svg,.content--type-media .inline-star svg,.content--type-review .inline-star svg,.content--type-quiz .inline-star svg { stroke: #121212; fill: transparent; height: 1.2em; width: 1.2em } .content--liveblog .inline-star.star__item--golden svg,.content--media .inline-star.star__item--golden svg,.content--type-analysis .inline-star.star__item--golden svg,.content--type-article .inline-star.star__item--golden svg,.content--type-comment .inline-star.star__item--golden svg,.content--type-feature .inline-star.star__item--golden svg,.content--type-recipe .inline-star.star__item--golden svg,.content--type-guardianview .inline-star.star__item--golden svg,.content--type-immersive:not(.content--minute-article) .inline-star.star__item--golden svg,.content--type-interview .inline-star.star__item--golden svg,.content--type-live .inline-star.star__item--golden svg,.content--type-matchreport .inline-star.star__item--golden svg,.content--type-media .inline-star.star__item--golden svg,.content--type-review .inline-star.star__item--golden svg,.content--type-quiz .inline-star.star__item--golden svg { fill: #121212; stroke: none } .content--liveblog .content__standfirst,.content--media .content__standfirst,.content--type-analysis .content__standfirst,.content--type-article .content__standfirst,.content--type-comment .content__standfirst,.content--type-feature .content__standfirst,.content--type-recipe .content__standfirst,.content--type-guardianview .content__standfirst,.content--type-immersive:not(.content--minute-article) .content__standfirst,.content--type-interview .content__standfirst,.content--type-live .content__standfirst,.content--type-matchreport .content__standfirst,.content--type-media .content__standfirst,.content--type-review .content__standfirst,.content--type-quiz .content__standfirst { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 700; color: #121212; margin-bottom: 0.75rem; max-width: 80% } @media (min-width: 41.25em) { .content--liveblog .content__standfirst,.content--media .content__standfirst,.content--type-analysis .content__standfirst,.content--type-article .content__standfirst,.content--type-comment .content__standfirst,.content--type-feature .content__standfirst,.content--type-recipe .content__standfirst,.content--type-guardianview .content__standfirst,.content--type-immersive:not(.content--minute-article) .content__standfirst,.content--type-interview .content__standfirst,.content--type-live .content__standfirst,.content--type-matchreport .content__standfirst,.content--type-media .content__standfirst,.content--type-review .content__standfirst,.content--type-quiz .content__standfirst { max-width:28.75rem; margin-left: 1.25rem } } @media (min-width: 46.25em) { .content--liveblog .content__standfirst,.content--media .content__standfirst,.content--type-analysis .content__standfirst,.content--type-article .content__standfirst,.content--type-comment .content__standfirst,.content--type-feature .content__standfirst,.content--type-recipe .content__standfirst,.content--type-guardianview .content__standfirst,.content--type-immersive:not(.content--minute-article) .content__standfirst,.content--type-interview .content__standfirst,.content--type-live .content__standfirst,.content--type-matchreport .content__standfirst,.content--type-media .content__standfirst,.content--type-review .content__standfirst,.content--type-quiz .content__standfirst { max-width:33.75rem; margin-left: 0 } } .content--liveblog .media-primary,.content--media .media-primary,.content--type-analysis .media-primary,.content--type-article .media-primary,.content--type-comment .media-primary,.content--type-feature .media-primary,.content--type-recipe .media-primary,.content--type-guardianview .media-primary,.content--type-immersive:not(.content--minute-article) .media-primary,.content--type-interview .media-primary,.content--type-live .media-primary,.content--type-matchreport .media-primary,.content--type-media .media-primary,.content--type-review .media-primary,.content--type-quiz .media-primary { margin-bottom: 0 } @media (min-width: 46.25em) { .content--liveblog .media-primary,.content--media .media-primary,.content--type-analysis .media-primary,.content--type-article .media-primary,.content--type-comment .media-primary,.content--type-feature .media-primary,.content--type-recipe .media-primary,.content--type-guardianview .media-primary,.content--type-immersive:not(.content--minute-article) .media-primary,.content--type-interview .media-primary,.content--type-live .media-primary,.content--type-matchreport .media-primary,.content--type-media .media-primary,.content--type-review .media-primary,.content--type-quiz .media-primary { margin-bottom:0.1875rem } } @media (min-width: 71.25em) { .content--liveblog .media-primary,.content--media .media-primary,.content--type-analysis .media-primary,.content--type-article .media-primary,.content--type-comment .media-primary,.content--type-feature .media-primary,.content--type-recipe .media-primary,.content--type-guardianview .media-primary,.content--type-immersive:not(.content--minute-article) .media-primary,.content--type-interview .media-primary,.content--type-live .media-primary,.content--type-matchreport .media-primary,.content--type-media .media-primary,.content--type-review .media-primary,.content--type-quiz .media-primary { margin-bottom:0.375rem } } .content--liveblog .drop-cap,.content--media .drop-cap,.content--type-analysis .drop-cap,.content--type-article .drop-cap,.content--type-comment .drop-cap,.content--type-feature .drop-cap,.content--type-recipe .drop-cap,.content--type-guardianview .drop-cap,.content--type-immersive:not(.content--minute-article) .drop-cap,.content--type-interview .drop-cap,.content--type-live .drop-cap,.content--type-matchreport .drop-cap,.content--type-media .drop-cap,.content--type-review .drop-cap,.content--type-quiz .drop-cap { height: 5rem } .content--liveblog .drop-cap__inner,.content--media .drop-cap__inner,.content--type-analysis .drop-cap__inner,.content--type-article .drop-cap__inner,.content--type-comment .drop-cap__inner,.content--type-feature .drop-cap__inner,.content--type-recipe .drop-cap__inner,.content--type-guardianview .drop-cap__inner,.content--type-immersive:not(.content--minute-article) .drop-cap__inner,.content--type-interview .drop-cap__inner,.content--type-live .drop-cap__inner,.content--type-matchreport .drop-cap__inner,.content--type-media .drop-cap__inner,.content--type-review .drop-cap__inner,.content--type-quiz .drop-cap__inner { font-weight: 700; font-size: 6.8125rem; line-height: 4.6875rem } .content--liveblog .element-atom--media .fc-item.fc-item--media::before,.content--media .element-atom--media .fc-item.fc-item--media::before,.content--type-analysis .element-atom--media .fc-item.fc-item--media::before,.content--type-article .element-atom--media .fc-item.fc-item--media::before,.content--type-comment .element-atom--media .fc-item.fc-item--media::before,.content--type-feature .element-atom--media .fc-item.fc-item--media::before,.content--type-recipe .element-atom--media .fc-item.fc-item--media::before,.content--type-guardianview .element-atom--media .fc-item.fc-item--media::before,.content--type-immersive:not(.content--minute-article) .element-atom--media .fc-item.fc-item--media::before,.content--type-interview .element-atom--media .fc-item.fc-item--media::before,.content--type-live .element-atom--media .fc-item.fc-item--media::before,.content--type-matchreport .element-atom--media .fc-item.fc-item--media::before,.content--type-media .element-atom--media .fc-item.fc-item--media::before,.content--type-review .element-atom--media .fc-item.fc-item--media::before,.content--type-quiz .element-atom--media .fc-item.fc-item--media::before { content: none } .content--liveblog .element-pullquote,.content--media .element-pullquote,.content--type-analysis .element-pullquote,.content--type-article .element-pullquote,.content--type-comment .element-pullquote,.content--type-feature .element-pullquote,.content--type-recipe .element-pullquote,.content--type-guardianview .element-pullquote,.content--type-immersive:not(.content--minute-article) .element-pullquote,.content--type-interview .element-pullquote,.content--type-live .element-pullquote,.content--type-matchreport .element-pullquote,.content--type-media .element-pullquote,.content--type-review .element-pullquote,.content--type-quiz .element-pullquote { background-color: #f6f6f6; margin: 0.3125rem 0 1.5rem; padding: 0.375rem 0.625rem 0.75rem; position: relative; clear: none; float: none; width: inherit; margin-left: -0.625rem } @media (min-width: 30em) { .content--liveblog .element-pullquote,.content--media .element-pullquote,.content--type-analysis .element-pullquote,.content--type-article .element-pullquote,.content--type-comment .element-pullquote,.content--type-feature .element-pullquote,.content--type-recipe .element-pullquote,.content--type-guardianview .element-pullquote,.content--type-immersive:not(.content--minute-article) .element-pullquote,.content--type-interview .element-pullquote,.content--type-live .element-pullquote,.content--type-matchreport .element-pullquote,.content--type-media .element-pullquote,.content--type-review .element-pullquote,.content--type-quiz .element-pullquote { margin-left:-1.25rem } } @media (min-width: 41.25em) { .content--liveblog .element-pullquote,.content--media .element-pullquote,.content--type-analysis .element-pullquote,.content--type-article .element-pullquote,.content--type-comment .element-pullquote,.content--type-feature .element-pullquote,.content--type-recipe .element-pullquote,.content--type-guardianview .element-pullquote,.content--type-immersive:not(.content--minute-article) .element-pullquote,.content--type-interview .element-pullquote,.content--type-live .element-pullquote,.content--type-matchreport .element-pullquote,.content--type-media .element-pullquote,.content--type-review .element-pullquote,.content--type-quiz .element-pullquote { margin-left:-0.625rem } } @media (min-width: 71.25em) { .content--liveblog .element-pullquote,.content--media .element-pullquote,.content--type-analysis .element-pullquote,.content--type-article .element-pullquote,.content--type-comment .element-pullquote,.content--type-feature .element-pullquote,.content--type-recipe .element-pullquote,.content--type-guardianview .element-pullquote,.content--type-immersive:not(.content--minute-article) .element-pullquote,.content--type-interview .element-pullquote,.content--type-live .element-pullquote,.content--type-matchreport .element-pullquote,.content--type-media .element-pullquote,.content--type-review .element-pullquote,.content--type-quiz .element-pullquote { margin-left:-3.4375rem } } .content--liveblog .element-pullquote:after,.content--media .element-pullquote:after,.content--type-analysis .element-pullquote:after,.content--type-article .element-pullquote:after,.content--type-comment .element-pullquote:after,.content--type-feature .element-pullquote:after,.content--type-recipe .element-pullquote:after,.content--type-guardianview .element-pullquote:after,.content--type-immersive:not(.content--minute-article) .element-pullquote:after,.content--type-interview .element-pullquote:after,.content--type-live .element-pullquote:after,.content--type-matchreport .element-pullquote:after,.content--type-media .element-pullquote:after,.content--type-review .element-pullquote:after,.content--type-quiz .element-pullquote:after { content: ''; width: 1.5625rem; height: 1.5625rem; border-radius: 0 0 1.5625rem; position: absolute; bottom: -1.5625rem; left: 0.625rem; background-color: #f6f6f6 } @media (min-width: 30em) { .content--liveblog .element-pullquote:after,.content--media .element-pullquote:after,.content--type-analysis .element-pullquote:after,.content--type-article .element-pullquote:after,.content--type-comment .element-pullquote:after,.content--type-feature .element-pullquote:after,.content--type-recipe .element-pullquote:after,.content--type-guardianview .element-pullquote:after,.content--type-immersive:not(.content--minute-article) .element-pullquote:after,.content--type-interview .element-pullquote:after,.content--type-live .element-pullquote:after,.content--type-matchreport .element-pullquote:after,.content--type-media .element-pullquote:after,.content--type-review .element-pullquote:after,.content--type-quiz .element-pullquote:after { left:1.25rem } } @media (min-width: 41.25em) { .content--liveblog .element-pullquote:after,.content--media .element-pullquote:after,.content--type-analysis .element-pullquote:after,.content--type-article .element-pullquote:after,.content--type-comment .element-pullquote:after,.content--type-feature .element-pullquote:after,.content--type-recipe .element-pullquote:after,.content--type-guardianview .element-pullquote:after,.content--type-immersive:not(.content--minute-article) .element-pullquote:after,.content--type-interview .element-pullquote:after,.content--type-live .element-pullquote:after,.content--type-matchreport .element-pullquote:after,.content--type-media .element-pullquote:after,.content--type-review .element-pullquote:after,.content--type-quiz .element-pullquote:after { left:0.625rem } } @media (min-width: 61.25em) { .content--liveblog .element-pullquote:after,.content--media .element-pullquote:after,.content--type-analysis .element-pullquote:after,.content--type-article .element-pullquote:after,.content--type-comment .element-pullquote:after,.content--type-feature .element-pullquote:after,.content--type-recipe .element-pullquote:after,.content--type-guardianview .element-pullquote:after,.content--type-immersive:not(.content--minute-article) .element-pullquote:after,.content--type-interview .element-pullquote:after,.content--type-live .element-pullquote:after,.content--type-matchreport .element-pullquote:after,.content--type-media .element-pullquote:after,.content--type-review .element-pullquote:after,.content--type-quiz .element-pullquote:after { left:0 } } @media (min-width: 71.25em) { .content--liveblog .element-pullquote:after,.content--media .element-pullquote:after,.content--type-analysis .element-pullquote:after,.content--type-article .element-pullquote:after,.content--type-comment .element-pullquote:after,.content--type-feature .element-pullquote:after,.content--type-recipe .element-pullquote:after,.content--type-guardianview .element-pullquote:after,.content--type-immersive:not(.content--minute-article) .element-pullquote:after,.content--type-interview .element-pullquote:after,.content--type-live .element-pullquote:after,.content--type-matchreport .element-pullquote:after,.content--type-media .element-pullquote:after,.content--type-review .element-pullquote:after,.content--type-quiz .element-pullquote:after { left:2.8125rem } } .content--liveblog .element-pullquote .pullquote-cite,.content--liveblog .element-pullquote .pullquote-paragraph,.content--media .element-pullquote .pullquote-cite,.content--media .element-pullquote .pullquote-paragraph,.content--type-analysis .element-pullquote .pullquote-cite,.content--type-analysis .element-pullquote .pullquote-paragraph,.content--type-article .element-pullquote .pullquote-cite,.content--type-article .element-pullquote .pullquote-paragraph,.content--type-comment .element-pullquote .pullquote-cite,.content--type-comment .element-pullquote .pullquote-paragraph,.content--type-feature .element-pullquote .pullquote-cite,.content--type-feature .element-pullquote .pullquote-paragraph,.content--type-recipe .element-pullquote .pullquote-cite,.content--type-recipe .element-pullquote .pullquote-paragraph,.content--type-guardianview .element-pullquote .pullquote-cite,.content--type-guardianview .element-pullquote .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote .pullquote-paragraph,.content--type-interview .element-pullquote .pullquote-cite,.content--type-interview .element-pullquote .pullquote-paragraph,.content--type-live .element-pullquote .pullquote-cite,.content--type-live .element-pullquote .pullquote-paragraph,.content--type-matchreport .element-pullquote .pullquote-cite,.content--type-matchreport .element-pullquote .pullquote-paragraph,.content--type-media .element-pullquote .pullquote-cite,.content--type-media .element-pullquote .pullquote-paragraph,.content--type-review .element-pullquote .pullquote-cite,.content--type-review .element-pullquote .pullquote-paragraph,.content--type-quiz .element-pullquote .pullquote-cite,.content--type-quiz .element-pullquote .pullquote-paragraph { display: inline; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 300 } .content--liveblog .element-pullquote .inline-quote,.content--liveblog .element-pullquote blockquote,.content--media .element-pullquote .inline-quote,.content--media .element-pullquote blockquote,.content--type-analysis .element-pullquote .inline-quote,.content--type-analysis .element-pullquote blockquote,.content--type-article .element-pullquote .inline-quote,.content--type-article .element-pullquote blockquote,.content--type-comment .element-pullquote .inline-quote,.content--type-comment .element-pullquote blockquote,.content--type-feature .element-pullquote .inline-quote,.content--type-feature .element-pullquote blockquote,.content--type-recipe .element-pullquote .inline-quote,.content--type-recipe .element-pullquote blockquote,.content--type-guardianview .element-pullquote .inline-quote,.content--type-guardianview .element-pullquote blockquote,.content--type-immersive:not(.content--minute-article) .element-pullquote .inline-quote,.content--type-immersive:not(.content--minute-article) .element-pullquote blockquote,.content--type-interview .element-pullquote .inline-quote,.content--type-interview .element-pullquote blockquote,.content--type-live .element-pullquote .inline-quote,.content--type-live .element-pullquote blockquote,.content--type-matchreport .element-pullquote .inline-quote,.content--type-matchreport .element-pullquote blockquote,.content--type-media .element-pullquote .inline-quote,.content--type-media .element-pullquote blockquote,.content--type-review .element-pullquote .inline-quote,.content--type-review .element-pullquote blockquote,.content--type-quiz .element-pullquote .inline-quote,.content--type-quiz .element-pullquote blockquote { display: inline } .content--liveblog .element-pullquote .inline-garnett-quote,.content--media .element-pullquote .inline-garnett-quote,.content--type-analysis .element-pullquote .inline-garnett-quote,.content--type-article .element-pullquote .inline-garnett-quote,.content--type-comment .element-pullquote .inline-garnett-quote,.content--type-feature .element-pullquote .inline-garnett-quote,.content--type-recipe .element-pullquote .inline-garnett-quote,.content--type-guardianview .element-pullquote .inline-garnett-quote,.content--type-immersive:not(.content--minute-article) .element-pullquote .inline-garnett-quote,.content--type-interview .element-pullquote .inline-garnett-quote,.content--type-live .element-pullquote .inline-garnett-quote,.content--type-matchreport .element-pullquote .inline-garnett-quote,.content--type-media .element-pullquote .inline-garnett-quote,.content--type-review .element-pullquote .inline-garnett-quote,.content--type-quiz .element-pullquote .inline-garnett-quote { margin-right: 0.9375rem; width: 1.25rem } .content--liveblog .element-pullquote .inline-garnett-quote svg,.content--media .element-pullquote .inline-garnett-quote svg,.content--type-analysis .element-pullquote .inline-garnett-quote svg,.content--type-article .element-pullquote .inline-garnett-quote svg,.content--type-comment .element-pullquote .inline-garnett-quote svg,.content--type-feature .element-pullquote .inline-garnett-quote svg,.content--type-recipe .element-pullquote .inline-garnett-quote svg,.content--type-guardianview .element-pullquote .inline-garnett-quote svg,.content--type-immersive:not(.content--minute-article) .element-pullquote .inline-garnett-quote svg,.content--type-interview .element-pullquote .inline-garnett-quote svg,.content--type-live .element-pullquote .inline-garnett-quote svg,.content--type-matchreport .element-pullquote .inline-garnett-quote svg,.content--type-media .element-pullquote .inline-garnett-quote svg,.content--type-review .element-pullquote .inline-garnett-quote svg,.content--type-quiz .element-pullquote .inline-garnett-quote svg { width: 0.75rem; height: auto; position: relative; top: -0.5rem } @media (min-width: 61.25em) { .content--liveblog .element-pullquote .inline-garnett-quote svg,.content--media .element-pullquote .inline-garnett-quote svg,.content--type-analysis .element-pullquote .inline-garnett-quote svg,.content--type-article .element-pullquote .inline-garnett-quote svg,.content--type-comment .element-pullquote .inline-garnett-quote svg,.content--type-feature .element-pullquote .inline-garnett-quote svg,.content--type-recipe .element-pullquote .inline-garnett-quote svg,.content--type-guardianview .element-pullquote .inline-garnett-quote svg,.content--type-immersive:not(.content--minute-article) .element-pullquote .inline-garnett-quote svg,.content--type-interview .element-pullquote .inline-garnett-quote svg,.content--type-live .element-pullquote .inline-garnett-quote svg,.content--type-matchreport .element-pullquote .inline-garnett-quote svg,.content--type-media .element-pullquote .inline-garnett-quote svg,.content--type-review .element-pullquote .inline-garnett-quote svg,.content--type-quiz .element-pullquote .inline-garnett-quote svg { width:0.875rem; top: -0.625rem } } @media (min-width: 22.5em) { .content--liveblog .element-pullquote.element--supporting,.content--media .element-pullquote.element--supporting,.content--type-analysis .element-pullquote.element--supporting,.content--type-article .element-pullquote.element--supporting,.content--type-comment .element-pullquote.element--supporting,.content--type-feature .element-pullquote.element--supporting,.content--type-recipe .element-pullquote.element--supporting,.content--type-guardianview .element-pullquote.element--supporting,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--supporting,.content--type-interview .element-pullquote.element--supporting,.content--type-live .element-pullquote.element--supporting,.content--type-matchreport .element-pullquote.element--supporting,.content--type-media .element-pullquote.element--supporting,.content--type-review .element-pullquote.element--supporting,.content--type-quiz .element-pullquote.element--supporting { clear:left; float: left; margin-right: 0.625rem; width: 13.75rem } } @media (min-width: 71.25em) { .content--liveblog .element-pullquote.element--supporting,.content--media .element-pullquote.element--supporting,.content--type-analysis .element-pullquote.element--supporting,.content--type-article .element-pullquote.element--supporting,.content--type-comment .element-pullquote.element--supporting,.content--type-feature .element-pullquote.element--supporting,.content--type-recipe .element-pullquote.element--supporting,.content--type-guardianview .element-pullquote.element--supporting,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--supporting,.content--type-interview .element-pullquote.element--supporting,.content--type-live .element-pullquote.element--supporting,.content--type-matchreport .element-pullquote.element--supporting,.content--type-media .element-pullquote.element--supporting,.content--type-review .element-pullquote.element--supporting,.content--type-quiz .element-pullquote.element--supporting { margin-left:-7.5rem } } @media (min-width: 71.25em) { .content--liveblog .element-pullquote.element--supporting:after,.content--media .element-pullquote.element--supporting:after,.content--type-analysis .element-pullquote.element--supporting:after,.content--type-article .element-pullquote.element--supporting:after,.content--type-comment .element-pullquote.element--supporting:after,.content--type-feature .element-pullquote.element--supporting:after,.content--type-recipe .element-pullquote.element--supporting:after,.content--type-guardianview .element-pullquote.element--supporting:after,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--supporting:after,.content--type-interview .element-pullquote.element--supporting:after,.content--type-live .element-pullquote.element--supporting:after,.content--type-matchreport .element-pullquote.element--supporting:after,.content--type-media .element-pullquote.element--supporting:after,.content--type-review .element-pullquote.element--supporting:after,.content--type-quiz .element-pullquote.element--supporting:after { border-radius:0 0 0 1.5625rem; left: 5.375rem } } .content--liveblog .element-pullquote.element--supporting .pullquote-cite,.content--liveblog .element-pullquote.element--supporting .pullquote-paragraph,.content--media .element-pullquote.element--supporting .pullquote-cite,.content--media .element-pullquote.element--supporting .pullquote-paragraph,.content--type-analysis .element-pullquote.element--supporting .pullquote-cite,.content--type-analysis .element-pullquote.element--supporting .pullquote-paragraph,.content--type-article .element-pullquote.element--supporting .pullquote-cite,.content--type-article .element-pullquote.element--supporting .pullquote-paragraph,.content--type-comment .element-pullquote.element--supporting .pullquote-cite,.content--type-comment .element-pullquote.element--supporting .pullquote-paragraph,.content--type-feature .element-pullquote.element--supporting .pullquote-cite,.content--type-feature .element-pullquote.element--supporting .pullquote-paragraph,.content--type-recipe .element-pullquote.element--supporting .pullquote-cite,.content--type-recipe .element-pullquote.element--supporting .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--supporting .pullquote-cite,.content--type-guardianview .element-pullquote.element--supporting .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--supporting .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--supporting .pullquote-paragraph,.content--type-interview .element-pullquote.element--supporting .pullquote-cite,.content--type-interview .element-pullquote.element--supporting .pullquote-paragraph,.content--type-live .element-pullquote.element--supporting .pullquote-cite,.content--type-live .element-pullquote.element--supporting .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--supporting .pullquote-cite,.content--type-matchreport .element-pullquote.element--supporting .pullquote-paragraph,.content--type-media .element-pullquote.element--supporting .pullquote-cite,.content--type-media .element-pullquote.element--supporting .pullquote-paragraph,.content--type-review .element-pullquote.element--supporting .pullquote-cite,.content--type-review .element-pullquote.element--supporting .pullquote-paragraph,.content--type-quiz .element-pullquote.element--supporting .pullquote-cite,.content--type-quiz .element-pullquote.element--supporting .pullquote-paragraph { font-size: 1.25rem; line-height: 1.4375rem } .content--liveblog .element-pullquote.element--supporting .inline-garnett-quote,.content--media .element-pullquote.element--supporting .inline-garnett-quote,.content--type-analysis .element-pullquote.element--supporting .inline-garnett-quote,.content--type-article .element-pullquote.element--supporting .inline-garnett-quote,.content--type-comment .element-pullquote.element--supporting .inline-garnett-quote,.content--type-feature .element-pullquote.element--supporting .inline-garnett-quote,.content--type-recipe .element-pullquote.element--supporting .inline-garnett-quote,.content--type-guardianview .element-pullquote.element--supporting .inline-garnett-quote,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--supporting .inline-garnett-quote,.content--type-interview .element-pullquote.element--supporting .inline-garnett-quote,.content--type-live .element-pullquote.element--supporting .inline-garnett-quote,.content--type-matchreport .element-pullquote.element--supporting .inline-garnett-quote,.content--type-media .element-pullquote.element--supporting .inline-garnett-quote,.content--type-review .element-pullquote.element--supporting .inline-garnett-quote,.content--type-quiz .element-pullquote.element--supporting .inline-garnett-quote { margin-right: 0.625rem } .content--liveblog .element-pullquote.element--supporting .inline-garnett-quote svg,.content--media .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-analysis .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-article .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-comment .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-feature .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-recipe .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-guardianview .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-interview .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-live .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-matchreport .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-media .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-review .element-pullquote.element--supporting .inline-garnett-quote svg,.content--type-quiz .element-pullquote.element--supporting .inline-garnett-quote svg { height: 0.5rem; top: -0.4375rem } @media (min-width: 22.5em) { .content--liveblog .element-pullquote.element--halfWidth,.content--media .element-pullquote.element--halfWidth,.content--type-analysis .element-pullquote.element--halfWidth,.content--type-article .element-pullquote.element--halfWidth,.content--type-comment .element-pullquote.element--halfWidth,.content--type-feature .element-pullquote.element--halfWidth,.content--type-recipe .element-pullquote.element--halfWidth,.content--type-guardianview .element-pullquote.element--halfWidth,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--halfWidth,.content--type-interview .element-pullquote.element--halfWidth,.content--type-live .element-pullquote.element--halfWidth,.content--type-matchreport .element-pullquote.element--halfWidth,.content--type-media .element-pullquote.element--halfWidth,.content--type-review .element-pullquote.element--halfWidth,.content--type-quiz .element-pullquote.element--halfWidth { clear:left; float: left; margin-right: 0.625rem; width: 13.75rem } } @media (min-width: 30em) { .content--liveblog .element-pullquote.element--halfWidth,.content--media .element-pullquote.element--halfWidth,.content--type-analysis .element-pullquote.element--halfWidth,.content--type-article .element-pullquote.element--halfWidth,.content--type-comment .element-pullquote.element--halfWidth,.content--type-feature .element-pullquote.element--halfWidth,.content--type-recipe .element-pullquote.element--halfWidth,.content--type-guardianview .element-pullquote.element--halfWidth,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--halfWidth,.content--type-interview .element-pullquote.element--halfWidth,.content--type-live .element-pullquote.element--halfWidth,.content--type-matchreport .element-pullquote.element--halfWidth,.content--type-media .element-pullquote.element--halfWidth,.content--type-review .element-pullquote.element--halfWidth,.content--type-quiz .element-pullquote.element--halfWidth { width:18.75rem } } .content--liveblog .element-pullquote.element--halfWidth .pullquote-cite,.content--liveblog .element-pullquote.element--halfWidth .pullquote-paragraph,.content--media .element-pullquote.element--halfWidth .pullquote-cite,.content--media .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-analysis .element-pullquote.element--halfWidth .pullquote-cite,.content--type-analysis .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-article .element-pullquote.element--halfWidth .pullquote-cite,.content--type-article .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-comment .element-pullquote.element--halfWidth .pullquote-cite,.content--type-comment .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-feature .element-pullquote.element--halfWidth .pullquote-cite,.content--type-feature .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-recipe .element-pullquote.element--halfWidth .pullquote-cite,.content--type-recipe .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--halfWidth .pullquote-cite,.content--type-guardianview .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--halfWidth .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-interview .element-pullquote.element--halfWidth .pullquote-cite,.content--type-interview .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-live .element-pullquote.element--halfWidth .pullquote-cite,.content--type-live .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--halfWidth .pullquote-cite,.content--type-matchreport .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-media .element-pullquote.element--halfWidth .pullquote-cite,.content--type-media .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-review .element-pullquote.element--halfWidth .pullquote-cite,.content--type-review .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-quiz .element-pullquote.element--halfWidth .pullquote-cite,.content--type-quiz .element-pullquote.element--halfWidth .pullquote-paragraph { font-size: 1.25rem; line-height: 1.4375rem } @media (min-width: 61.25em) { .content--liveblog .element-pullquote.element--halfWidth .pullquote-cite,.content--liveblog .element-pullquote.element--halfWidth .pullquote-paragraph,.content--media .element-pullquote.element--halfWidth .pullquote-cite,.content--media .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-analysis .element-pullquote.element--halfWidth .pullquote-cite,.content--type-analysis .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-article .element-pullquote.element--halfWidth .pullquote-cite,.content--type-article .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-comment .element-pullquote.element--halfWidth .pullquote-cite,.content--type-comment .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-feature .element-pullquote.element--halfWidth .pullquote-cite,.content--type-feature .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-recipe .element-pullquote.element--halfWidth .pullquote-cite,.content--type-recipe .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--halfWidth .pullquote-cite,.content--type-guardianview .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--halfWidth .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-interview .element-pullquote.element--halfWidth .pullquote-cite,.content--type-interview .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-live .element-pullquote.element--halfWidth .pullquote-cite,.content--type-live .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--halfWidth .pullquote-cite,.content--type-matchreport .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-media .element-pullquote.element--halfWidth .pullquote-cite,.content--type-media .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-review .element-pullquote.element--halfWidth .pullquote-cite,.content--type-review .element-pullquote.element--halfWidth .pullquote-paragraph,.content--type-quiz .element-pullquote.element--halfWidth .pullquote-cite,.content--type-quiz .element-pullquote.element--halfWidth .pullquote-paragraph { font-size:1.5rem; line-height: 1.6875rem } } .content--liveblog .element-pullquote.element--inline,.content--media .element-pullquote.element--inline,.content--type-analysis .element-pullquote.element--inline,.content--type-article .element-pullquote.element--inline,.content--type-comment .element-pullquote.element--inline,.content--type-feature .element-pullquote.element--inline,.content--type-recipe .element-pullquote.element--inline,.content--type-guardianview .element-pullquote.element--inline,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--inline,.content--type-interview .element-pullquote.element--inline,.content--type-live .element-pullquote.element--inline,.content--type-matchreport .element-pullquote.element--inline,.content--type-media .element-pullquote.element--inline,.content--type-review .element-pullquote.element--inline,.content--type-quiz .element-pullquote.element--inline { width: 18.75rem } @media (min-width: 30em) { .content--liveblog .element-pullquote.element--inline,.content--media .element-pullquote.element--inline,.content--type-analysis .element-pullquote.element--inline,.content--type-article .element-pullquote.element--inline,.content--type-comment .element-pullquote.element--inline,.content--type-feature .element-pullquote.element--inline,.content--type-recipe .element-pullquote.element--inline,.content--type-guardianview .element-pullquote.element--inline,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--inline,.content--type-interview .element-pullquote.element--inline,.content--type-live .element-pullquote.element--inline,.content--type-matchreport .element-pullquote.element--inline,.content--type-media .element-pullquote.element--inline,.content--type-review .element-pullquote.element--inline,.content--type-quiz .element-pullquote.element--inline { width:23.75rem } } @media (min-width: 46.25em) { .content--liveblog .element-pullquote.element--inline,.content--media .element-pullquote.element--inline,.content--type-analysis .element-pullquote.element--inline,.content--type-article .element-pullquote.element--inline,.content--type-comment .element-pullquote.element--inline,.content--type-feature .element-pullquote.element--inline,.content--type-recipe .element-pullquote.element--inline,.content--type-guardianview .element-pullquote.element--inline,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--inline,.content--type-interview .element-pullquote.element--inline,.content--type-live .element-pullquote.element--inline,.content--type-matchreport .element-pullquote.element--inline,.content--type-media .element-pullquote.element--inline,.content--type-review .element-pullquote.element--inline,.content--type-quiz .element-pullquote.element--inline { width:28.75rem } } .content--liveblog .element-pullquote.element--inline .pullquote-cite,.content--liveblog .element-pullquote.element--inline .pullquote-paragraph,.content--media .element-pullquote.element--inline .pullquote-cite,.content--media .element-pullquote.element--inline .pullquote-paragraph,.content--type-analysis .element-pullquote.element--inline .pullquote-cite,.content--type-analysis .element-pullquote.element--inline .pullquote-paragraph,.content--type-article .element-pullquote.element--inline .pullquote-cite,.content--type-article .element-pullquote.element--inline .pullquote-paragraph,.content--type-comment .element-pullquote.element--inline .pullquote-cite,.content--type-comment .element-pullquote.element--inline .pullquote-paragraph,.content--type-feature .element-pullquote.element--inline .pullquote-cite,.content--type-feature .element-pullquote.element--inline .pullquote-paragraph,.content--type-recipe .element-pullquote.element--inline .pullquote-cite,.content--type-recipe .element-pullquote.element--inline .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--inline .pullquote-cite,.content--type-guardianview .element-pullquote.element--inline .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--inline .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--inline .pullquote-paragraph,.content--type-interview .element-pullquote.element--inline .pullquote-cite,.content--type-interview .element-pullquote.element--inline .pullquote-paragraph,.content--type-live .element-pullquote.element--inline .pullquote-cite,.content--type-live .element-pullquote.element--inline .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--inline .pullquote-cite,.content--type-matchreport .element-pullquote.element--inline .pullquote-paragraph,.content--type-media .element-pullquote.element--inline .pullquote-cite,.content--type-media .element-pullquote.element--inline .pullquote-paragraph,.content--type-review .element-pullquote.element--inline .pullquote-cite,.content--type-review .element-pullquote.element--inline .pullquote-paragraph,.content--type-quiz .element-pullquote.element--inline .pullquote-cite,.content--type-quiz .element-pullquote.element--inline .pullquote-paragraph { font-size: 1.25rem; line-height: 1.4375rem } @media (min-width: 61.25em) { .content--liveblog .element-pullquote.element--inline .pullquote-cite,.content--liveblog .element-pullquote.element--inline .pullquote-paragraph,.content--media .element-pullquote.element--inline .pullquote-cite,.content--media .element-pullquote.element--inline .pullquote-paragraph,.content--type-analysis .element-pullquote.element--inline .pullquote-cite,.content--type-analysis .element-pullquote.element--inline .pullquote-paragraph,.content--type-article .element-pullquote.element--inline .pullquote-cite,.content--type-article .element-pullquote.element--inline .pullquote-paragraph,.content--type-comment .element-pullquote.element--inline .pullquote-cite,.content--type-comment .element-pullquote.element--inline .pullquote-paragraph,.content--type-feature .element-pullquote.element--inline .pullquote-cite,.content--type-feature .element-pullquote.element--inline .pullquote-paragraph,.content--type-recipe .element-pullquote.element--inline .pullquote-cite,.content--type-recipe .element-pullquote.element--inline .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--inline .pullquote-cite,.content--type-guardianview .element-pullquote.element--inline .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--inline .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--inline .pullquote-paragraph,.content--type-interview .element-pullquote.element--inline .pullquote-cite,.content--type-interview .element-pullquote.element--inline .pullquote-paragraph,.content--type-live .element-pullquote.element--inline .pullquote-cite,.content--type-live .element-pullquote.element--inline .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--inline .pullquote-cite,.content--type-matchreport .element-pullquote.element--inline .pullquote-paragraph,.content--type-media .element-pullquote.element--inline .pullquote-cite,.content--type-media .element-pullquote.element--inline .pullquote-paragraph,.content--type-review .element-pullquote.element--inline .pullquote-cite,.content--type-review .element-pullquote.element--inline .pullquote-paragraph,.content--type-quiz .element-pullquote.element--inline .pullquote-cite,.content--type-quiz .element-pullquote.element--inline .pullquote-paragraph { font-size:1.5rem; line-height: 1.6875rem } } @media (min-width: 30em) { .content--liveblog .element-pullquote.element--showcase,.content--media .element-pullquote.element--showcase,.content--type-analysis .element-pullquote.element--showcase,.content--type-article .element-pullquote.element--showcase,.content--type-comment .element-pullquote.element--showcase,.content--type-feature .element-pullquote.element--showcase,.content--type-recipe .element-pullquote.element--showcase,.content--type-guardianview .element-pullquote.element--showcase,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase,.content--type-interview .element-pullquote.element--showcase,.content--type-live .element-pullquote.element--showcase,.content--type-matchreport .element-pullquote.element--showcase,.content--type-media .element-pullquote.element--showcase,.content--type-review .element-pullquote.element--showcase,.content--type-quiz .element-pullquote.element--showcase { margin-left:-1.25rem } } @media (min-width: 41.25em) { .content--liveblog .element-pullquote.element--showcase,.content--media .element-pullquote.element--showcase,.content--type-analysis .element-pullquote.element--showcase,.content--type-article .element-pullquote.element--showcase,.content--type-comment .element-pullquote.element--showcase,.content--type-feature .element-pullquote.element--showcase,.content--type-recipe .element-pullquote.element--showcase,.content--type-guardianview .element-pullquote.element--showcase,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase,.content--type-interview .element-pullquote.element--showcase,.content--type-live .element-pullquote.element--showcase,.content--type-matchreport .element-pullquote.element--showcase,.content--type-media .element-pullquote.element--showcase,.content--type-review .element-pullquote.element--showcase,.content--type-quiz .element-pullquote.element--showcase { margin-left:-0.625rem } } @media (min-width: 71.25em) { .content--liveblog .element-pullquote.element--showcase,.content--media .element-pullquote.element--showcase,.content--type-analysis .element-pullquote.element--showcase,.content--type-article .element-pullquote.element--showcase,.content--type-comment .element-pullquote.element--showcase,.content--type-feature .element-pullquote.element--showcase,.content--type-recipe .element-pullquote.element--showcase,.content--type-guardianview .element-pullquote.element--showcase,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase,.content--type-interview .element-pullquote.element--showcase,.content--type-live .element-pullquote.element--showcase,.content--type-matchreport .element-pullquote.element--showcase,.content--type-media .element-pullquote.element--showcase,.content--type-review .element-pullquote.element--showcase,.content--type-quiz .element-pullquote.element--showcase { width:38.75rem; margin-left: -8.75rem } } .content--liveblog .element-pullquote.element--showcase:after,.content--media .element-pullquote.element--showcase:after,.content--type-analysis .element-pullquote.element--showcase:after,.content--type-article .element-pullquote.element--showcase:after,.content--type-comment .element-pullquote.element--showcase:after,.content--type-feature .element-pullquote.element--showcase:after,.content--type-recipe .element-pullquote.element--showcase:after,.content--type-guardianview .element-pullquote.element--showcase:after,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase:after,.content--type-interview .element-pullquote.element--showcase:after,.content--type-live .element-pullquote.element--showcase:after,.content--type-matchreport .element-pullquote.element--showcase:after,.content--type-media .element-pullquote.element--showcase:after,.content--type-review .element-pullquote.element--showcase:after,.content--type-quiz .element-pullquote.element--showcase:after { border-radius: 0 0 1.5625rem } @media (min-width: 71.25em) { .content--liveblog .element-pullquote.element--showcase:after,.content--media .element-pullquote.element--showcase:after,.content--type-analysis .element-pullquote.element--showcase:after,.content--type-article .element-pullquote.element--showcase:after,.content--type-comment .element-pullquote.element--showcase:after,.content--type-feature .element-pullquote.element--showcase:after,.content--type-recipe .element-pullquote.element--showcase:after,.content--type-guardianview .element-pullquote.element--showcase:after,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase:after,.content--type-interview .element-pullquote.element--showcase:after,.content--type-live .element-pullquote.element--showcase:after,.content--type-matchreport .element-pullquote.element--showcase:after,.content--type-media .element-pullquote.element--showcase:after,.content--type-review .element-pullquote.element--showcase:after,.content--type-quiz .element-pullquote.element--showcase:after { left:8.125rem } } .content--liveblog .element-pullquote.element--showcase .pullquote-cite,.content--liveblog .element-pullquote.element--showcase .pullquote-paragraph,.content--media .element-pullquote.element--showcase .pullquote-cite,.content--media .element-pullquote.element--showcase .pullquote-paragraph,.content--type-analysis .element-pullquote.element--showcase .pullquote-cite,.content--type-analysis .element-pullquote.element--showcase .pullquote-paragraph,.content--type-article .element-pullquote.element--showcase .pullquote-cite,.content--type-article .element-pullquote.element--showcase .pullquote-paragraph,.content--type-comment .element-pullquote.element--showcase .pullquote-cite,.content--type-comment .element-pullquote.element--showcase .pullquote-paragraph,.content--type-feature .element-pullquote.element--showcase .pullquote-cite,.content--type-feature .element-pullquote.element--showcase .pullquote-paragraph,.content--type-recipe .element-pullquote.element--showcase .pullquote-cite,.content--type-recipe .element-pullquote.element--showcase .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--showcase .pullquote-cite,.content--type-guardianview .element-pullquote.element--showcase .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .pullquote-paragraph,.content--type-interview .element-pullquote.element--showcase .pullquote-cite,.content--type-interview .element-pullquote.element--showcase .pullquote-paragraph,.content--type-live .element-pullquote.element--showcase .pullquote-cite,.content--type-live .element-pullquote.element--showcase .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--showcase .pullquote-cite,.content--type-matchreport .element-pullquote.element--showcase .pullquote-paragraph,.content--type-media .element-pullquote.element--showcase .pullquote-cite,.content--type-media .element-pullquote.element--showcase .pullquote-paragraph,.content--type-review .element-pullquote.element--showcase .pullquote-cite,.content--type-review .element-pullquote.element--showcase .pullquote-paragraph,.content--type-quiz .element-pullquote.element--showcase .pullquote-cite,.content--type-quiz .element-pullquote.element--showcase .pullquote-paragraph { font-size: 1.5rem; line-height: 1.6875rem } @media (min-width: 41.25em) { .content--liveblog .element-pullquote.element--showcase .pullquote-cite,.content--liveblog .element-pullquote.element--showcase .pullquote-paragraph,.content--media .element-pullquote.element--showcase .pullquote-cite,.content--media .element-pullquote.element--showcase .pullquote-paragraph,.content--type-analysis .element-pullquote.element--showcase .pullquote-cite,.content--type-analysis .element-pullquote.element--showcase .pullquote-paragraph,.content--type-article .element-pullquote.element--showcase .pullquote-cite,.content--type-article .element-pullquote.element--showcase .pullquote-paragraph,.content--type-comment .element-pullquote.element--showcase .pullquote-cite,.content--type-comment .element-pullquote.element--showcase .pullquote-paragraph,.content--type-feature .element-pullquote.element--showcase .pullquote-cite,.content--type-feature .element-pullquote.element--showcase .pullquote-paragraph,.content--type-recipe .element-pullquote.element--showcase .pullquote-cite,.content--type-recipe .element-pullquote.element--showcase .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--showcase .pullquote-cite,.content--type-guardianview .element-pullquote.element--showcase .pullquote-paragraph,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .pullquote-cite,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .pullquote-paragraph,.content--type-interview .element-pullquote.element--showcase .pullquote-cite,.content--type-interview .element-pullquote.element--showcase .pullquote-paragraph,.content--type-live .element-pullquote.element--showcase .pullquote-cite,.content--type-live .element-pullquote.element--showcase .pullquote-paragraph,.content--type-matchreport .element-pullquote.element--showcase .pullquote-cite,.content--type-matchreport .element-pullquote.element--showcase .pullquote-paragraph,.content--type-media .element-pullquote.element--showcase .pullquote-cite,.content--type-media .element-pullquote.element--showcase .pullquote-paragraph,.content--type-review .element-pullquote.element--showcase .pullquote-cite,.content--type-review .element-pullquote.element--showcase .pullquote-paragraph,.content--type-quiz .element-pullquote.element--showcase .pullquote-cite,.content--type-quiz .element-pullquote.element--showcase .pullquote-paragraph { font-size:1.75rem; line-height: 2rem } } .content--liveblog .element-pullquote.element--showcase .inline-garnett-quote,.content--media .element-pullquote.element--showcase .inline-garnett-quote,.content--type-analysis .element-pullquote.element--showcase .inline-garnett-quote,.content--type-article .element-pullquote.element--showcase .inline-garnett-quote,.content--type-comment .element-pullquote.element--showcase .inline-garnett-quote,.content--type-feature .element-pullquote.element--showcase .inline-garnett-quote,.content--type-recipe .element-pullquote.element--showcase .inline-garnett-quote,.content--type-guardianview .element-pullquote.element--showcase .inline-garnett-quote,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .inline-garnett-quote,.content--type-interview .element-pullquote.element--showcase .inline-garnett-quote,.content--type-live .element-pullquote.element--showcase .inline-garnett-quote,.content--type-matchreport .element-pullquote.element--showcase .inline-garnett-quote,.content--type-media .element-pullquote.element--showcase .inline-garnett-quote,.content--type-review .element-pullquote.element--showcase .inline-garnett-quote,.content--type-quiz .element-pullquote.element--showcase .inline-garnett-quote { margin-right: 0.9375rem } @media (min-width: 61.25em) { .content--liveblog .element-pullquote.element--showcase .inline-garnett-quote,.content--media .element-pullquote.element--showcase .inline-garnett-quote,.content--type-analysis .element-pullquote.element--showcase .inline-garnett-quote,.content--type-article .element-pullquote.element--showcase .inline-garnett-quote,.content--type-comment .element-pullquote.element--showcase .inline-garnett-quote,.content--type-feature .element-pullquote.element--showcase .inline-garnett-quote,.content--type-recipe .element-pullquote.element--showcase .inline-garnett-quote,.content--type-guardianview .element-pullquote.element--showcase .inline-garnett-quote,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .inline-garnett-quote,.content--type-interview .element-pullquote.element--showcase .inline-garnett-quote,.content--type-live .element-pullquote.element--showcase .inline-garnett-quote,.content--type-matchreport .element-pullquote.element--showcase .inline-garnett-quote,.content--type-media .element-pullquote.element--showcase .inline-garnett-quote,.content--type-review .element-pullquote.element--showcase .inline-garnett-quote,.content--type-quiz .element-pullquote.element--showcase .inline-garnett-quote { margin-right:1.25rem } } .content--liveblog .element-pullquote.element--showcase .inline-garnett-quote svg,.content--media .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-analysis .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-article .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-comment .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-feature .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-recipe .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-guardianview .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-interview .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-live .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-matchreport .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-media .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-review .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-quiz .element-pullquote.element--showcase .inline-garnett-quote svg { width: 0.875rem; top: -0.625rem } @media (min-width: 61.25em) { .content--liveblog .element-pullquote.element--showcase .inline-garnett-quote svg,.content--media .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-analysis .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-article .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-comment .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-feature .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-recipe .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-guardianview .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-immersive:not(.content--minute-article) .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-interview .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-live .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-matchreport .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-media .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-review .element-pullquote.element--showcase .inline-garnett-quote svg,.content--type-quiz .element-pullquote.element--showcase .inline-garnett-quote svg { width:1rem } } @media (min-width: 71.25em) { .content--liveblog .element-image.element--showcase .caption,.content--liveblog .element-image.element--supporting .caption,.content--media .element-image.element--showcase .caption,.content--media .element-image.element--supporting .caption,.content--type-analysis .element-image.element--showcase .caption,.content--type-analysis .element-image.element--supporting .caption,.content--type-article .element-image.element--showcase .caption,.content--type-article .element-image.element--supporting .caption,.content--type-comment .element-image.element--showcase .caption,.content--type-comment .element-image.element--supporting .caption,.content--type-feature .element-image.element--showcase .caption,.content--type-feature .element-image.element--supporting .caption,.content--type-recipe .element-image.element--showcase .caption,.content--type-recipe .element-image.element--supporting .caption,.content--type-guardianview .element-image.element--showcase .caption,.content--type-guardianview .element-image.element--supporting .caption,.content--type-immersive:not(.content--minute-article) .element-image.element--showcase .caption,.content--type-immersive:not(.content--minute-article) .element-image.element--supporting .caption,.content--type-interview .element-image.element--showcase .caption,.content--type-interview .element-image.element--supporting .caption,.content--type-live .element-image.element--showcase .caption,.content--type-live .element-image.element--supporting .caption,.content--type-matchreport .element-image.element--showcase .caption,.content--type-matchreport .element-image.element--supporting .caption,.content--type-media .element-image.element--showcase .caption,.content--type-media .element-image.element--supporting .caption,.content--type-review .element-image.element--showcase .caption,.content--type-review .element-image.element--supporting .caption,.content--type-quiz .element-image.element--showcase .caption,.content--type-quiz .element-image.element--supporting .caption { float:left; width: 8.75rem } } @media (min-width: 81.25em) { .content--liveblog .element-image.element--showcase .caption,.content--liveblog .element-image.element--supporting .caption,.content--media .element-image.element--showcase .caption,.content--media .element-image.element--supporting .caption,.content--type-analysis .element-image.element--showcase .caption,.content--type-analysis .element-image.element--supporting .caption,.content--type-article .element-image.element--showcase .caption,.content--type-article .element-image.element--supporting .caption,.content--type-comment .element-image.element--showcase .caption,.content--type-comment .element-image.element--supporting .caption,.content--type-feature .element-image.element--showcase .caption,.content--type-feature .element-image.element--supporting .caption,.content--type-recipe .element-image.element--showcase .caption,.content--type-recipe .element-image.element--supporting .caption,.content--type-guardianview .element-image.element--showcase .caption,.content--type-guardianview .element-image.element--supporting .caption,.content--type-immersive:not(.content--minute-article) .element-image.element--showcase .caption,.content--type-immersive:not(.content--minute-article) .element-image.element--supporting .caption,.content--type-interview .element-image.element--showcase .caption,.content--type-interview .element-image.element--supporting .caption,.content--type-live .element-image.element--showcase .caption,.content--type-live .element-image.element--supporting .caption,.content--type-matchreport .element-image.element--showcase .caption,.content--type-matchreport .element-image.element--supporting .caption,.content--type-media .element-image.element--showcase .caption,.content--type-media .element-image.element--supporting .caption,.content--type-review .element-image.element--showcase .caption,.content--type-review .element-image.element--supporting .caption,.content--type-quiz .element-image.element--showcase .caption,.content--type-quiz .element-image.element--supporting .caption { width:13.75rem } } @media (min-width: 71.25em) { .content--liveblog .element-image.element--showcase,.content--media .element-image.element--showcase,.content--type-analysis .element-image.element--showcase,.content--type-article .element-image.element--showcase,.content--type-comment .element-image.element--showcase,.content--type-feature .element-image.element--showcase,.content--type-recipe .element-image.element--showcase,.content--type-guardianview .element-image.element--showcase,.content--type-immersive:not(.content--minute-article) .element-image.element--showcase,.content--type-interview .element-image.element--showcase,.content--type-live .element-image.element--showcase,.content--type-matchreport .element-image.element--showcase,.content--type-media .element-image.element--showcase,.content--type-review .element-image.element--showcase,.content--type-quiz .element-image.element--showcase { margin-bottom:2.25rem } } .content--liveblog .quoted .inline-garnett-quote,.content--media .quoted .inline-garnett-quote,.content--type-analysis .quoted .inline-garnett-quote,.content--type-article .quoted .inline-garnett-quote,.content--type-comment .quoted .inline-garnett-quote,.content--type-feature .quoted .inline-garnett-quote,.content--type-recipe .quoted .inline-garnett-quote,.content--type-guardianview .quoted .inline-garnett-quote,.content--type-immersive:not(.content--minute-article) .quoted .inline-garnett-quote,.content--type-interview .quoted .inline-garnett-quote,.content--type-live .quoted .inline-garnett-quote,.content--type-matchreport .quoted .inline-garnett-quote,.content--type-media .quoted .inline-garnett-quote,.content--type-review .quoted .inline-garnett-quote,.content--type-quiz .quoted .inline-garnett-quote { position: absolute } .content--liveblog .quoted .inline-garnett-quote__svg,.content--media .quoted .inline-garnett-quote__svg,.content--type-analysis .quoted .inline-garnett-quote__svg,.content--type-article .quoted .inline-garnett-quote__svg,.content--type-comment .quoted .inline-garnett-quote__svg,.content--type-feature .quoted .inline-garnett-quote__svg,.content--type-recipe .quoted .inline-garnett-quote__svg,.content--type-guardianview .quoted .inline-garnett-quote__svg,.content--type-immersive:not(.content--minute-article) .quoted .inline-garnett-quote__svg,.content--type-interview .quoted .inline-garnett-quote__svg,.content--type-live .quoted .inline-garnett-quote__svg,.content--type-matchreport .quoted .inline-garnett-quote__svg,.content--type-media .quoted .inline-garnett-quote__svg,.content--type-review .quoted .inline-garnett-quote__svg,.content--type-quiz .quoted .inline-garnett-quote__svg { width: 2.1875rem; height: 1.5625rem; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transform-origin: top left; transform-origin: top left } .content--type-matchreport:not(.content--liveblog) .block-time.published-time,.content--type-article:not(.content--liveblog) .block-time.published-time { position: relative; padding: 0.375rem 0 0; line-height: 1 } .content--type-feature .content__meta-container,.content--type-recipe .content__meta-container { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOTUuOSIgaGVpZ2h0PSIyMy45IiB2aWV3Qm94PSI1OS4zIDEzNi4xIDM5NS45IDIzLjkiPjxwYXRoIGZpbGw9IiNDMkMxQzEiIGQ9Ik01OS4zIDE0Mi40YzMuNSAwIDUuMS0xLjQgNi43LTIuNSAxLjQtMS4xIDIuOS0yLjMgNS43LTIuMyAyLjkgMCA0LjIgMS4yIDUuNiAyLjMgMS42IDEgMy4zIDIuNSA2LjcgMi41YTEwIDEwIDAgMCAwIDYuNi0yLjVjMS42LTEuMSAyLjktMi4zIDUuOC0yLjNzNC4yIDEuMiA1LjcgMi4zYzEuNiAxIDMuMSAyLjUgNi42IDIuNSAzLjQgMCA1LTEuNCA2LjYtMi41czIuOC0yLjMgNS43LTIuM2MyLjcgMCA0LjEgMS4yIDUuNSAyLjMgMS42IDEgMy40IDIuNSA2LjcgMi41IDMuNSAwIDUuMi0xLjQgNi43LTIuNSAxLjYtMS4xIDIuOC0yLjMgNS43LTIuM3M0LjMgMS4yIDUuNyAyLjNjMS42IDEgMy4yIDIuNSA2LjcgMi41czUtMS40IDYuNy0yLjUgMi44LTIuMyA1LjctMi4zYzIuOCAwIDQuMSAxLjIgNS43IDIuM3MzLjIgMi41IDYuNyAyLjUgNS0xLjQgNi42LTIuNWMxLjUtMS4xIDIuOS0yLjMgNS42LTIuMyAyLjkgMCA0LjMgMS4yIDUuNyAyLjMgMiAxIDMuNSAyLjUgNi44IDIuNXM1LjEtMS40IDYuNy0yLjVjMS42LTEuMSAyLjktMi4zIDUuNy0yLjNzNC4yIDEuMiA1LjggMi4zYzEuNSAxIDMuMSAyLjUgNi42IDIuNSAzLjUgMCA1LjEtMS40IDYuNy0yLjUgMS40LTEuMSAyLjktMi4zIDUuNi0yLjMgMi43IDAgNC4yIDEuMiA1LjcgMi4zIDEuNiAxIDMuMyAyLjUgNi42IDIuNWguN2MzLjUgMCA1LjEtMS40IDYuNy0yLjUgMS40LTEuMSAyLjktMi4zIDUuNi0yLjMgMi44IDAgNC4zIDEuMiA1LjcgMi4zIDEuNiAxIDMuMyAyLjUgNi43IDIuNXM1LTEuNCA2LjYtMi41YzEuNi0xLjEgMi45LTIuMyA1LjgtMi4zIDIuOCAwIDQgMS4yIDUuNyAyLjMgMS42IDEgMy4xIDIuNSA2LjYgMi41czUuMS0xLjQgNi43LTIuNWMxLjQtMS4xIDIuOS0yLjMgNS42LTIuMyAyLjcgMCA0LjMgMS4yIDUuNyAyLjMgMS42IDEgMy4zIDIuNSA2LjcgMi41czUtMS40IDYuNi0yLjVjMS42LTEuMSAyLjktMi4zIDUuOC0yLjMgMi44IDAgNC4yIDEuMiA1LjcgMi4zIDEuNiAxIDMuMiAyLjUgNi42IDIuNXM1LjEtMS40IDYuNy0yLjVjMS40LTEuMSAyLjktMi4zIDUuNy0yLjNzNC4yIDEuMiA1LjYgMi4zYzEuNiAxIDMuMyAyLjUgNi43IDIuNXM1LjItMS40IDYuNi0yLjVjMS42LTEuMSAyLjktMi4zIDUuOC0yLjMgMi44IDAgNC4yIDEuMiA1LjcgMi4zIDEuNiAxIDMuMiAyLjUgNi43IDIuNSAzLjMgMCA0LjktMS40IDYuNS0yLjUgMS42LTEuMSAzLTIuMyA1LjgtMi4zIDIuNyAwIDQuMiAxLjIgNS44IDIuMyAxLjUgMSAzIDIuNSA2LjMgMi41IDMuNSAwIDUuMy0xLjQgNi43LTIuNSAxLjYtMS4xIDIuOC0yLjMgNS43LTIuMyAyLjkgMCA0LjYgMS4yIDUuOSAyLjMgMS42IDEgMy4yIDIuNSA2LjcgMi41di0xLjZjLTIuOSAwLTQuMy0xLjEtNS44LTIuMi0xLjYtMS4xLTMuMS0yLjUtNi42LTIuNXMtNS4xIDEuNC02LjcgMi41Yy0xLjQgMS4xLTIuOSAyLjItNS43IDIuMnMtNC4yLTEuMS01LjYtMi4yYy0xLjYtMS4xLTMuMy0yLjUtNi43LTIuNWExMCAxMCAwIDAgMC02LjYgMi41Yy0xLjYgMS4xLTIuOSAyLjItNS44IDIuMnMtNC4yLTEuMS01LjctMi4yYy0xLjYtMS4xLTMuMS0yLjUtNi42LTIuNS0zLjQgMC01IDEuNC02LjYgMi41LTEuNSAxLjEtMi44IDIuMi01LjcgMi4yLTIuNyAwLTQuMS0xLjEtNS41LTIuMi0xLjYtMS4xLTMuNC0yLjUtNi43LTIuNS0zLjUgMC01LjIgMS40LTYuNyAyLjUtMS42IDEuMS0yLjggMi4yLTUuNyAyLjJzLTQuMy0xLjEtNS43LTIuMmMtMS42LTEuMS0zLjItMi41LTYuNy0yLjVzLTUgMS40LTYuNyAyLjUtMi44IDIuMi01LjcgMi4yLTQuMS0xLjEtNS43LTIuMmMtMS42LTEuMS0zLjItMi41LTYuNy0yLjVzLTUgMS40LTYuNiAyLjVjLTEuNSAxLjEtMi45IDIuMi01LjYgMi4yYTguMSA4LjEgMCAwIDEtNS43LTIuMmMtMi0xLjEtMy41LTIuNS02LjgtMi41cy01LjEgMS40LTYuNyAyLjVjLTEuNiAxLjEtMi45IDIuMi01LjcgMi4ycy00LjItMS4xLTUuOC0yLjItMy4xLTIuNS02LjYtMi41Yy0zLjUgMC01LjEgMS40LTYuNyAyLjVhOC4zIDguMyAwIDAgMS01LjYgMi4yIDguNiA4LjYgMCAwIDEtNS43LTIuMmMtMS42LTEuMS0zLjMtMi41LTYuNy0yLjVoLS42Yy0zLjUgMC01LjEgMS40LTYuNyAyLjVhOC4zIDguMyAwIDAgMS01LjYgMi4yIDguMyA4LjMgMCAwIDEtNS43LTIuMmMtMS42LTEuMS0zLjMtMi41LTYuNy0yLjVzLTUgMS40LTYuNiAyLjVjLTEuNiAxLjEtMi45IDIuMi01LjggMi4yLTIuOCAwLTQtMS4xLTUuNy0yLjItMS42LTEuMS0zLjItMi41LTYuNi0yLjVzLTUuMSAxLjQtNi43IDIuNWE4LjMgOC4zIDAgMCAxLTUuNiAyLjIgOC42IDguNiAwIDAgMS01LjctMi4yYy0xLjYtMS4xLTMuMy0yLjUtNi43LTIuNS0zLjMgMC01IDEuNC02LjYgMi41LTEuNiAxLjEtMi45IDIuMi01LjggMi4yYTguMyA4LjMgMCAwIDEtNS43LTIuMmMtMS42LTEuMS0zLjItMi41LTYuNi0yLjVzLTUuMSAxLjQtNi43IDIuNWMtMS40IDEuMS0yLjkgMi4yLTUuNyAyLjJzLTQuMi0xLjEtNS42LTIuMmMtMS42LTEuMS0zLjMtMi41LTYuNy0yLjVhMTAgMTAgMCAwIDAtNi42IDIuNWMtMS42IDEuMS0yLjkgMi4yLTUuOCAyLjJhOC4zIDguMyAwIDAgMS01LjctMi4yYy0xLjYtMS4xLTMuMi0yLjUtNi42LTIuNS0zLjQgMC01IDEuNC02LjYgMi41LTEuNiAxLjEtMyAyLjItNS44IDIuMi0yLjcgMC00LjItMS4xLTUuOC0yLjItMS41LTEuMS0zLTIuNS02LjMtMi41YTkuNyA5LjcgMCAwIDAtNi43IDIuNWMtMS42IDEuMS0yLjggMi4yLTUuNyAyLjJsLS4yIDEuNnoiLz48cGF0aCBmaWxsPSIjQzJDMUMxIiBkPSJNNTkuMyAxNDguMmMzLjUgMCA1LjEtMS40IDYuNy0yLjVhOC4zIDguMyAwIDAgMSA1LjctMi4yYzIuOSAwIDQuMiAxIDUuNiAyLjIgMS42IDEuMSAzLjMgMi41IDYuNyAyLjVhMTAgMTAgMCAwIDAgNi42LTIuNWMxLjYtMS4xIDIuOS0yLjIgNS44LTIuMnM0LjIgMSA1LjcgMi4yYzEuNiAxLjEgMy4xIDIuNSA2LjYgMi41IDMuNCAwIDUtMS40IDYuNi0yLjVzMi44LTIuMiA1LjctMi4yYzIuNyAwIDQuMSAxIDUuNSAyLjIgMS42IDEuMSAzLjQgMi41IDYuNyAyLjUgMy41IDAgNS4yLTEuNCA2LjctMi41IDEuNi0xLjEgMi44LTIuMiA1LjctMi4yczQuMyAxIDUuNyAyLjJjMS42IDEuMSAzLjIgMi41IDYuNyAyLjVzNS0xLjQgNi43LTIuNSAyLjgtMi4yIDUuNy0yLjJjMi44IDAgNC4xIDEgNS43IDIuMnMzLjIgMi41IDYuNyAyLjUgNS0xLjQgNi42LTIuNWMxLjUtMS4xIDIuOS0yLjIgNS42LTIuMiAyLjkgMCA0LjMgMSA1LjcgMi4yIDIgMS4xIDMuNSAyLjUgNi44IDIuNXM1LjEtMS40IDYuNy0yLjVjMS42LTEuMSAyLjktMi4yIDUuNy0yLjJzNC4yIDEgNS44IDIuMmMxLjUgMS4xIDMuMSAyLjUgNi42IDIuNSAzLjUgMCA1LjEtMS40IDYuNy0yLjVhOC4zIDguMyAwIDAgMSA1LjYtMi4yYzIuNyAwIDQuMiAxIDUuNyAyLjIgMS42IDEuMSAzLjMgMi41IDYuNiAyLjVoLjdjMy41IDAgNS4xLTEuNCA2LjctMi41YTguMyA4LjMgMCAwIDEgNS42LTIuMmMyLjggMCA0LjMgMSA1LjcgMi4yIDEuNiAxLjEgMy4zIDIuNSA2LjcgMi41czUtMS40IDYuNi0yLjVjMS42LTEuMSAyLjktMi4yIDUuOC0yLjIgMi44IDAgNCAxIDUuNyAyLjIgMS42IDEuMSAzLjEgMi41IDYuNiAyLjVzNS4xLTEuNCA2LjctMi41YTguMyA4LjMgMCAwIDEgNS42LTIuMiA4IDggMCAwIDEgNS43IDIuMmMxLjYgMS4xIDMuMyAyLjUgNi43IDIuNXM1LTEuNCA2LjYtMi41YzEuNi0xLjEgMi45LTIuMiA1LjgtMi4yYTggOCAwIDAgMSA1LjcgMi4yYzEuNiAxLjEgMy4yIDIuNSA2LjYgMi41czUuMS0xLjQgNi43LTIuNWMxLjQtMS4xIDIuOS0yLjIgNS43LTIuMnM0LjIgMSA1LjYgMi4yYzEuNiAxLjEgMy4zIDIuNSA2LjcgMi41czUuMi0xLjQgNi42LTIuNWMxLjYtMS4xIDIuOS0yLjIgNS44LTIuMmE4IDggMCAwIDEgNS43IDIuMmMxLjYgMS4xIDMuMiAyLjUgNi43IDIuNSAzLjMgMCA0LjktMS40IDYuNS0yLjUgMS42LTEuMSAzLTIuMiA1LjgtMi4yIDIuNyAwIDQuMiAxIDUuOCAyLjIgMS41IDEuMSAzIDIuNSA2LjMgMi41IDMuNSAwIDUuMy0xLjQgNi43LTIuNSAxLjYtMS4xIDIuOC0yLjIgNS43LTIuMmE4IDggMCAwIDEgNS45IDIuMmMxLjYgMS4xIDMuMiAyLjUgNi43IDIuNXYtMS42Yy0yLjkgMC00LjMtMS01LjgtMi4yLTEuNi0xLTMuMS0yLjUtNi42LTIuNXMtNS4xIDEuNC02LjcgMi41Yy0xLjQgMS4xLTIuOSAyLjItNS43IDIuMnMtNC4yLTEtNS42LTIuMmMtMS42LTEtMy4zLTIuNS02LjctMi41YTEwIDEwIDAgMCAwLTYuNiAyLjVjLTEuNiAxLjEtMi45IDIuMi01LjggMi4ycy00LjItMS01LjctMi4yYy0xLjYtMS0zLjEtMi41LTYuNi0yLjUtMy40IDAtNSAxLjQtNi42IDIuNS0xLjUgMS4xLTIuOCAyLjItNS43IDIuMi0yLjcgMC00LjEtMS01LjUtMi4yLTEuNi0xLTMuNC0yLjUtNi43LTIuNS0zLjUgMC01LjIgMS40LTYuNyAyLjUtMS42IDEuMS0yLjggMi4yLTUuNyAyLjJzLTQuMy0xLTUuNy0yLjJjLTEuNi0xLTMuMi0yLjUtNi43LTIuNXMtNSAxLjQtNi43IDIuNS0yLjggMi4yLTUuNyAyLjItNC4xLTEtNS43LTIuMmMtMS42LTEtMy4yLTIuNS02LjctMi41cy01IDEuNC02LjYgMi41Yy0xLjUgMS4xLTIuOSAyLjItNS42IDIuMi0yLjkgMC00LjMtMS01LjctMi4yLTItMS0zLjUtMi41LTYuOC0yLjVzLTUuMSAxLjQtNi43IDIuNWMtMS42IDEuMS0yLjkgMi4yLTUuNyAyLjJzLTQuMi0xLTUuOC0yLjItMy4xLTIuNS02LjYtMi41Yy0zLjUgMC01LjEgMS40LTYuNyAyLjVhOC4zIDguMyAwIDAgMS01LjYgMi4yIDguNiA4LjYgMCAwIDEtNS43LTIuMmMtMS42LTEtMy4zLTIuNS02LjctMi41aC0uNmMtMy41IDAtNS4xIDEuNC02LjcgMi41YTguMyA4LjMgMCAwIDEtNS42IDIuMiA4LjMgOC4zIDAgMCAxLTUuNy0yLjJjLTEuNi0xLTMuMy0yLjUtNi43LTIuNXMtNSAxLjQtNi42IDIuNWMtMS42IDEuMS0yLjkgMi4yLTUuOCAyLjItMi44IDAtNC0xLTUuNy0yLjItMS42LTEtMy4yLTIuNS02LjYtMi41cy01LjEgMS40LTYuNyAyLjVhOC4zIDguMyAwIDAgMS01LjYgMi4yIDguNiA4LjYgMCAwIDEtNS43LTIuMmMtMS42LTEtMy4zLTIuNS02LjctMi41LTMuMyAwLTUgMS40LTYuNiAyLjUtMS42IDEuMS0yLjkgMi4yLTUuOCAyLjJhOC4zIDguMyAwIDAgMS01LjctMi4yYy0xLjYtMS0zLjItMi41LTYuNi0yLjVzLTUuMSAxLjQtNi43IDIuNWMtMS40IDEuMS0yLjkgMi4yLTUuNyAyLjJzLTQuMi0xLTUuNi0yLjJjLTEuNi0xLTMuMy0yLjUtNi43LTIuNWExMCAxMCAwIDAgMC02LjYgMi41Yy0xLjYgMS4xLTIuOSAyLjItNS44IDIuMmE4LjMgOC4zIDAgMCAxLTUuNy0yLjJjLTEuNi0xLTMuMi0yLjUtNi42LTIuNS0zLjQgMC01IDEuNC02LjYgMi41LTEuNiAxLjEtMyAyLjItNS44IDIuMi0yLjcgMC00LjItMS01LjgtMi4yLTEuNS0xLTMtMi41LTYuMy0yLjVhOS43IDkuNyAwIDAgMC02LjcgMi41Yy0xLjYgMS4xLTIuOCAyLjItNS43IDIuMmwtLjIgMS42eiIvPjxwYXRoIGZpbGw9IiNDMkMxQzEiIGQ9Ik01OS4zIDE1NGMzLjUgMCA1LjEtMS40IDYuNy0yLjUgMS40LTEgMi45LTIuMiA1LjctMi4yIDIuOSAwIDQuMiAxLjEgNS42IDIuMiAxLjYgMS4xIDMuMyAyLjYgNi43IDIuNmExMCAxMCAwIDAgMCA2LjYtMi42YzEuNi0xIDIuOS0yLjIgNS44LTIuMnM0LjIgMS4xIDUuNyAyLjJjMS42IDEuMSAzLjEgMi42IDYuNiAyLjYgMy40IDAgNS0xLjUgNi42LTIuNnMyLjgtMi4yIDUuNy0yLjJjMi43IDAgNC4xIDEuMSA1LjUgMi4yIDEuNiAxLjEgMy40IDIuNiA2LjcgMi42IDMuNSAwIDUuMi0xLjUgNi43LTIuNiAxLjYtMSAyLjgtMi4yIDUuNy0yLjJzNC4zIDEuMSA1LjcgMi4yYzEuNiAxLjEgMy4yIDIuNiA2LjcgMi42czUtMS41IDYuNy0yLjYgMi44LTIuMiA1LjctMi4yYzIuOCAwIDQuMSAxLjEgNS43IDIuMnMzLjIgMi42IDYuNyAyLjYgNS0xLjUgNi42LTIuNmMxLjUtMSAyLjktMi4yIDUuNi0yLjIgMi45IDAgNC4zIDEuMSA1LjcgMi4yIDIgMS4xIDMuNSAyLjYgNi44IDIuNnM1LjEtMS41IDYuNy0yLjZjMS42LTEgMi45LTIuMiA1LjctMi4yczQuMiAxLjEgNS44IDIuMmMxLjUgMS4xIDMuMSAyLjYgNi42IDIuNiAzLjUgMCA1LjEtMS41IDYuNy0yLjYgMS40LTEgMi45LTIuMiA1LjYtMi4yIDIuNyAwIDQuMiAxLjEgNS43IDIuMiAxLjYgMS4xIDMuMyAyLjYgNi42IDIuNmguN2MzLjUgMCA1LjEtMS41IDYuNy0yLjYgMS40LTEgMi45LTIuMiA1LjYtMi4yIDIuOCAwIDQuMyAxLjEgNS43IDIuMiAxLjYgMS4xIDMuMyAyLjYgNi43IDIuNnM1LTEuNSA2LjYtMi42YzEuNi0xIDIuOS0yLjIgNS44LTIuMiAyLjggMCA0IDEuMSA1LjcgMi4yIDEuNiAxLjEgMy4xIDIuNiA2LjYgMi42czUuMS0xLjUgNi43LTIuNmMxLjQtMSAyLjktMi4yIDUuNi0yLjIgMi43IDAgNC4zIDEuMSA1LjcgMi4yIDEuNiAxLjEgMy4zIDIuNiA2LjcgMi42czUtMS41IDYuNi0yLjZjMS42LTEgMi45LTIuMiA1LjgtMi4yIDIuOCAwIDQuMiAxLjEgNS43IDIuMiAxLjYgMS4xIDMuMiAyLjYgNi42IDIuNnM1LjEtMS41IDYuNy0yLjZjMS40LTEgMi45LTIuMiA1LjctMi4yczQuMiAxLjEgNS42IDIuMmMxLjYgMS4xIDMuMyAyLjYgNi43IDIuNnM1LjItMS41IDYuNi0yLjZjMS42LTEgMi45LTIuMiA1LjgtMi4yIDIuOCAwIDQuMiAxLjEgNS43IDIuMiAxLjYgMS4xIDMuMiAyLjYgNi43IDIuNiAzLjMgMCA0LjktMS41IDYuNS0yLjYgMS42LTEgMy0yLjIgNS44LTIuMiAyLjcgMCA0LjIgMS4xIDUuOCAyLjIgMS41IDEuMSAzIDIuNiA2LjMgMi42IDMuNSAwIDUuMy0xLjUgNi43LTIuNiAxLjYtMSAyLjgtMi4yIDUuNy0yLjIgMi45IDAgNC42IDEuMSA1LjkgMi4yIDEuNiAxLjEgMy4yIDIuNiA2LjcgMi42di0xLjZjLTIuOSAwLTQuMy0xLjEtNS44LTIuMi0xLjYtMS4yLTMuMS0yLjYtNi42LTIuNnMtNS4xIDEuNC02LjcgMi42Yy0xLjQgMS0yLjkgMi4yLTUuNyAyLjJzLTQuMi0xLjEtNS42LTIuMmMtMS42LTEuMi0zLjMtMi42LTYuNy0yLjZhMTAgMTAgMCAwIDAtNi42IDIuNmMtMS42IDEtMi45IDIuMi01LjggMi4ycy00LjItMS4xLTUuNy0yLjJjLTEuNi0xLjItMy4xLTIuNi02LjYtMi42LTMuNCAwLTUgMS40LTYuNiAyLjYtMS41IDEtMi44IDIuMi01LjcgMi4yLTIuNyAwLTQuMS0xLjEtNS41LTIuMi0xLjYtMS4yLTMuNC0yLjYtNi43LTIuNi0zLjUgMC01LjIgMS40LTYuNyAyLjYtMS42IDEtMi44IDIuMi01LjcgMi4ycy00LjMtMS4xLTUuNy0yLjJjLTEuNi0xLjItMy4yLTIuNi02LjctMi42cy01IDEuNC02LjcgMi42LTIuOCAyLjItNS43IDIuMi00LjEtMS4xLTUuNy0yLjJjLTEuNi0xLjItMy4yLTIuNi02LjctMi42cy01IDEuNC02LjYgMi42Yy0xLjUgMS0yLjkgMi4yLTUuNiAyLjJhOC4xIDguMSAwIDAgMS01LjctMi4yYy0yLTEuMi0zLjUtMi42LTYuOC0yLjZzLTUuMSAxLjQtNi43IDIuNmMtMS42IDEtMi45IDIuMi01LjcgMi4ycy00LjItMS4xLTUuOC0yLjItMy4xLTIuNi02LjYtMi42Yy0zLjUgMC01LjEgMS40LTYuNyAyLjYtMS40IDEtMi45IDIuMi01LjYgMi4yYTguNiA4LjYgMCAwIDEtNS43LTIuMmMtMS42LTEuMi0zLjMtMi42LTYuNy0yLjZoLS42Yy0zLjUgMC01LjEgMS40LTYuNyAyLjYtMS40IDEtMi45IDIuMi01LjYgMi4yYTguMyA4LjMgMCAwIDEtNS43LTIuMmMtMS42LTEuMi0zLjMtMi42LTYuNy0yLjZzLTUgMS40LTYuNiAyLjZjLTEuNiAxLTIuOSAyLjItNS44IDIuMi0yLjggMC00LTEuMS01LjctMi4yLTEuNi0xLjItMy4yLTIuNi02LjYtMi42cy01LjEgMS40LTYuNyAyLjZjLTEuNCAxLTIuOSAyLjItNS42IDIuMmE4LjYgOC42IDAgMCAxLTUuNy0yLjJjLTEuNi0xLjItMy4zLTIuNi02LjctMi42LTMuMyAwLTUgMS40LTYuNiAyLjYtMS42IDEtMi45IDIuMi01LjggMi4yYTguMyA4LjMgMCAwIDEtNS43LTIuMmMtMS42LTEuMi0zLjItMi42LTYuNi0yLjZzLTUuMSAxLjQtNi43IDIuNmMtMS40IDEtMi45IDIuMi01LjcgMi4ycy00LjItMS4xLTUuNi0yLjJjLTEuNi0xLjItMy4zLTIuNi02LjctMi42YTEwIDEwIDAgMCAwLTYuNiAyLjZjLTEuNiAxLTIuOSAyLjItNS44IDIuMmE4LjMgOC4zIDAgMCAxLTUuNy0yLjJjLTEuNi0xLjItMy4yLTIuNi02LjYtMi42LTMuNCAwLTUgMS40LTYuNiAyLjYtMS42IDEtMyAyLjItNS44IDIuMi0yLjcgMC00LjItMS4xLTUuOC0yLjItMS41LTEuMi0zLTIuNi02LjMtMi42YTkuMyA5LjMgMCAwIDAtNi43IDIuNmMtMS42IDEtMi44IDIuMi01LjcgMi4ybC0uMiAxLjZ6Ii8+PHBhdGggZmlsbD0iI0MyQzFDMSIgZD0iTTU5LjMgMTYwYzMuNSAwIDUuMS0xLjUgNi43LTIuNiAxLjQtMS4xIDIuOS0yLjMgNS43LTIuMyAyLjkgMCA0LjIgMS4yIDUuNiAyLjMgMS42IDEgMy4zIDIuNSA2LjcgMi41YTEwIDEwIDAgMCAwIDYuNi0yLjVjMS42LTEuMSAyLjktMi4zIDUuOC0yLjNzNC4yIDEuMiA1LjcgMi4zYzEuNiAxIDMuMSAyLjUgNi42IDIuNSAzLjQgMCA1LTEuNCA2LjYtMi41czIuOC0yLjMgNS43LTIuM2MyLjcgMCA0LjEgMS4yIDUuNSAyLjMgMS42IDEgMy40IDIuNSA2LjcgMi41IDMuNSAwIDUuMi0xLjQgNi43LTIuNSAxLjYtMS4xIDIuOC0yLjMgNS43LTIuM3M0LjMgMS4yIDUuNyAyLjNjMS42IDEgMy4yIDIuNSA2LjcgMi41czUtMS40IDYuNy0yLjUgMi44LTIuMyA1LjctMi4zYzIuOCAwIDQuMSAxLjIgNS43IDIuM3MzLjIgMi41IDYuNyAyLjUgNS0xLjQgNi42LTIuNWMxLjUtMS4xIDIuOS0yLjMgNS42LTIuMyAyLjkgMCA0LjMgMS4yIDUuNyAyLjMgMiAxIDMuNSAyLjUgNi44IDIuNXM1LjEtMS40IDYuNy0yLjVjMS42LTEuMSAyLjktMi4zIDUuNy0yLjNzNC4yIDEuMiA1LjggMi4zYzEuNSAxIDMuMSAyLjUgNi42IDIuNSAzLjUgMCA1LjEtMS40IDYuNy0yLjUgMS40LTEuMSAyLjktMi4zIDUuNi0yLjMgMi43IDAgNC4yIDEuMiA1LjcgMi4zIDEuNiAxIDMuMyAyLjUgNi42IDIuNWguN2MzLjUgMCA1LjEtMS40IDYuNy0yLjUgMS40LTEuMSAyLjktMi4zIDUuNi0yLjMgMi44IDAgNC4zIDEuMiA1LjcgMi4zIDEuNiAxIDMuMyAyLjUgNi43IDIuNXM1LTEuNCA2LjYtMi41YzEuNi0xLjEgMi45LTIuMyA1LjgtMi4zIDIuOCAwIDQgMS4yIDUuNyAyLjMgMS42IDEgMy4xIDIuNSA2LjYgMi41czUuMS0xLjQgNi43LTIuNWMxLjQtMS4xIDIuOS0yLjMgNS42LTIuMyAyLjcgMCA0LjMgMS4yIDUuNyAyLjMgMS42IDEgMy4zIDIuNSA2LjcgMi41czUtMS40IDYuNi0yLjVjMS42LTEuMSAyLjktMi4zIDUuOC0yLjMgMi44IDAgNC4yIDEuMiA1LjcgMi4zIDEuNiAxIDMuMiAyLjUgNi42IDIuNXM1LjEtMS40IDYuNy0yLjVjMS40LTEuMSAyLjktMi4zIDUuNy0yLjNzNC4yIDEuMiA1LjYgMi4zYzEuNiAxIDMuMyAyLjUgNi43IDIuNXM1LjItMS40IDYuNi0yLjVjMS42LTEuMSAyLjktMi4zIDUuOC0yLjMgMi44IDAgNC4yIDEuMiA1LjcgMi4zIDEuNiAxIDMuMiAyLjUgNi43IDIuNSAzLjMgMCA0LjktMS40IDYuNS0yLjUgMS42LTEuMSAzLTIuMyA1LjgtMi4zIDIuNyAwIDQuMiAxLjIgNS44IDIuMyAxLjUgMSAzIDIuNSA2LjMgMi41IDMuNSAwIDUuMy0xLjQgNi43LTIuNSAxLjYtMS4xIDIuOC0yLjMgNS43LTIuMyAyLjkgMCA0LjYgMS4yIDUuOSAyLjMgMS42IDEgMy4yIDIuNSA2LjcgMi41di0xLjZjLTIuOSAwLTQuMy0xLjEtNS44LTIuMi0xLjYtMS4xLTMuMS0yLjUtNi42LTIuNXMtNS4xIDEuNC02LjcgMi41Yy0xLjQgMS4xLTIuOSAyLjItNS43IDIuMnMtNC4yLTEuMS01LjYtMi4yYy0xLjYtMS4xLTMuMy0yLjUtNi43LTIuNWExMCAxMCAwIDAgMC02LjYgMi41Yy0xLjYgMS4xLTIuOSAyLjItNS44IDIuMnMtNC4yLTEuMS01LjctMi4yYy0xLjYtMS4xLTMuMS0yLjUtNi42LTIuNS0zLjQgMC01IDEuNC02LjYgMi41LTEuNSAxLjEtMi44IDIuMi01LjcgMi4yLTIuNyAwLTQuMS0xLjEtNS41LTIuMi0xLjYtMS4xLTMuNC0yLjUtNi43LTIuNS0zLjUgMC01LjIgMS40LTYuNyAyLjUtMS42IDEuMS0yLjggMi4yLTUuNyAyLjJzLTQuMy0xLjEtNS43LTIuMmMtMS42LTEuMS0zLjItMi41LTYuNy0yLjVzLTUgMS40LTYuNyAyLjUtMi44IDIuMi01LjcgMi4yLTQuMS0xLjEtNS43LTIuMmMtMS42LTEuMS0zLjItMi41LTYuNy0yLjVzLTUgMS40LTYuNiAyLjVjLTEuNSAxLjEtMi45IDIuMi01LjYgMi4yYTguMSA4LjEgMCAwIDEtNS43LTIuMmMtMi0xLjEtMy41LTIuNS02LjgtMi41cy01LjEgMS40LTYuNyAyLjVjLTEuNiAxLjEtMi45IDIuMi01LjcgMi4ycy00LjItMS4xLTUuOC0yLjItMy4xLTIuNS02LjYtMi41Yy0zLjUgMC01LjEgMS40LTYuNyAyLjVhOC4zIDguMyAwIDAgMS01LjYgMi4yIDguNiA4LjYgMCAwIDEtNS43LTIuMmMtMS42LTEuMS0zLjMtMi41LTYuNy0yLjVoLS42Yy0zLjUgMC01LjEgMS40LTYuNyAyLjVhOC4zIDguMyAwIDAgMS01LjYgMi4yIDguMyA4LjMgMCAwIDEtNS43LTIuMmMtMS42LTEuMS0zLjMtMi41LTYuNy0yLjVzLTUgMS40LTYuNiAyLjVjLTEuNiAxLjEtMi45IDIuMi01LjggMi4yLTIuOCAwLTQtMS4xLTUuNy0yLjItMS42LTEuMS0zLjItMi41LTYuNi0yLjVzLTUuMSAxLjQtNi43IDIuNWE4LjMgOC4zIDAgMCAxLTUuNiAyLjIgOC42IDguNiAwIDAgMS01LjctMi4yYy0xLjYtMS4xLTMuMy0yLjUtNi43LTIuNS0zLjMgMC01IDEuNC02LjYgMi41LTEuNiAxLjEtMi45IDIuMi01LjggMi4yYTguMyA4LjMgMCAwIDEtNS43LTIuMmMtMS42LTEuMS0zLjItMi41LTYuNi0yLjVzLTUuMSAxLjQtNi43IDIuNWMtMS40IDEuMS0yLjkgMi4yLTUuNyAyLjJzLTQuMi0xLjEtNS42LTIuMmMtMS42LTEuMS0zLjMtMi41LTYuNy0yLjVhMTAgMTAgMCAwIDAtNi42IDIuNWMtMS42IDEuMS0yLjkgMi4yLTUuOCAyLjJhOC4zIDguMyAwIDAgMS01LjctMi4yYy0xLjYtMS4xLTMuMi0yLjUtNi42LTIuNS0zLjQgMC01IDEuNC02LjYgMi41LTEuNiAxLjEtMyAyLjItNS44IDIuMi0yLjcgMC00LjItMS4xLTUuOC0yLjItMS41LTEuMS0zLTIuNS02LjMtMi41YTkuNyA5LjcgMCAwIDAtNi43IDIuNWMtMS42IDEuMS0yLjggMi4yLTUuNyAyLjJsLS4yIDEuNnoiLz48L3N2Zz4="); background-repeat: repeat-x; background-size: 12.4375rem } .content--pillar-sport:not(.content--interactive):not(.content--type-comment):not(.content--media--audio) .content__meta-container:not(.gallery__meta-container),.content--pillar-sport.content--type-feature .content__meta-container:not(.gallery__meta-container) { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2212%22%20viewBox%3D%220%200%209%2012%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%23DFDFDF%22%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%221.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%224.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%227.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%221.5%22%20cy%3D%2210.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%221.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%224.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%227.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%224.5%22%20cy%3D%2210.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%221.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%224.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%221%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2210.5%22%20r%3D%221%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat-x; background-size: 0.625rem; background-position-x: 0 } .content--type-feature .content__headline,.content--type-interview .content__headline,.content--type-review .content__headline,.content--type-recipe .content__headline { font-weight: 700 } .content--type-feature .meta__image,.content--type-interview .meta__image,.content--type-review .meta__image,.content--type-recipe .meta__image { padding: 0; margin: 0; border: 0; width: auto } @media (min-width: 30em) { .content--type-feature .meta__image,.content--type-interview .meta__image,.content--type-review .meta__image,.content--type-recipe .meta__image { margin-right:-0.625rem } } @media (min-width: 41.25em) { .content--type-feature .meta__image,.content--type-interview .meta__image,.content--type-review .meta__image,.content--type-recipe .meta__image { margin-right:0 } } @media (min-width: 71.25em) { .content--type-feature .meta__image,.content--type-interview .meta__image,.content--type-review .meta__image,.content--type-recipe .meta__image { width:100% } } @media (min-width: 71.25em) { .content--has-scores .content__labels .content__label__link { color:#121212 } } .content--has-scores .content__head { grid-template-areas: 'labels report' '. headline-standfirst' 'meta main-media' } .content--has-scores .football-tabs .tabs__container { margin-top: 0.75rem; margin-bottom: 0 } @media (min-width: 61.25em) { @supports (display: grid) { .content--type-interview .content__headline-showcase-wrapper .content__header { margin-bottom:calc(-0.75rem * 7 - 0.125rem) } } } .content--type-interview .content__headline-standfirst-wrapper .content__header .content__headline { margin-right: 0.625rem; padding-bottom: 0.375rem } @media (min-width: 46.25em) { .content--type-interview .content__headline-standfirst-wrapper .content__header .content__headline { margin:0 } } .content--type-interview .content__header { margin-left: 1rem } @media (min-width: 30em) { .content--type-interview .content__header { margin-left:1.5rem } } @media (min-width: 41.25em) { .content--type-interview .content__header { margin-top:0.375rem } } @media (min-width: 46.25em) { .content--type-interview .content__header { margin-left:0.375rem } } .content--type-interview .content__label-interview { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; padding-bottom: 0.1875rem; font-weight: 900; display: inline-block; -webkit-box-decoration-break: clone; box-decoration-break: clone; position: relative; color: #ffffff } @media (min-width: 61.25em) { .content--type-interview .content__label-interview { padding-bottom:0; line-height: 1.8125rem } } .content--type-interview .content__head--article .content__headline { padding: 0; line-height: 2.1875rem } @media (min-width: 46.25em) { .content--type-interview .content__head--article .content__headline { line-height:2.625rem } } .content--type-interview .content__head--article .content__headline .content__headline--interview-wrapper { background-color: #121212; display: inline; position: relative; z-index: 10; color: #ffffff; box-shadow: 0.375rem 0 0 #121212,-0.375rem 0 0 #121212; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding-bottom: 0.375rem } .content--type-interview .content__headline--byline-interview { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; display: inline-block; font-style: italic; font-weight: 500; background-color: #ffe500; box-shadow: 0.375rem 0 0 #ffe500,-0.375rem 0 0 #ffe500; color: #121212; margin-bottom: 0.75rem; padding-bottom: 0.1875rem; position: relative; z-index: 10 } @media (min-width: 46.25em) { .content--type-interview .content__headline--byline-interview { margin-top:0.25rem } } @media (min-width: 61.25em) { .content--type-interview .content__headline--byline-interview { margin-top:0 } } .content--type-interview .content__headline--byline-interview a { color: inherit; font-weight: inherit } .content--type-interview.has-feature-showcase-element .content__head--article .content__headline-showcase-wrapper .content__headline { padding-bottom: 0.375rem } @media (min-width: 61.25em) { .content--type-interview .content__meta-container { margin-top:2.25rem } } .content--type-guardianview:not(.content--type-splash) .content__main,.content--type-comment .content__main { background-color: #fef9f5; padding-bottom: 0.375rem } .content--type-guardianview:not(.content--type-splash) .content__main .rich-link,.content--type-comment .content__main .rich-link { background-color: #fff } .content--type-guardianview:not(.content--type-splash) .content__main .rich-link.tone-media--item,.content--type-comment .content__main .rich-link.tone-media--item { background-color: #121212 } .content--type-guardianview:not(.content--type-splash) .content__main .element-pullquote,.content--type-guardianview:not(.content--type-splash) .content__main .element-pullquote:after,.content--type-comment .content__main .element-pullquote,.content--type-comment .content__main .element-pullquote:after { background-color: #fbe6d5 } .content--type-guardianview:not(.content--type-splash) .content__main .element-pullquote blockquote p.pullquote-paragraph,.content--type-comment .content__main .element-pullquote blockquote p.pullquote-paragraph { color: #121212 } .content--type-guardianview:not(.content--type-splash) .content__head,.content--type-comment .content__head { overflow: hidden } @media (min-width: 41.25em) { .content--type-guardianview:not(.content--type-splash) .content__head,.content--type-comment .content__head { overflow:visible } } @media (min-width: 71.25em) { .content--type-guardianview:not(.content--type-splash) .content__labels,.content--type-comment .content__labels { padding-bottom:2.25rem } } .content--type-guardianview:not(.content--type-splash) .content__meta-container,.content--type-comment .content__meta-container { background-image: none; padding-top: 0; margin-bottom: 0 } @media (min-width: 71.25em) { .content--type-guardianview:not(.content--type-splash) .content__meta-container,.content--type-comment .content__meta-container { background-image:repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: 8; background-size: 0.0625rem 1.8125rem; padding-top: 2.25rem; margin-top: -1.8125rem } } @media (min-width: 30em) { .content--type-guardianview:not(.content--type-splash) .meta__twitter,.content--type-guardianview:not(.content--type-splash) .meta__email,.content--type-guardianview:not(.content--type-splash) .content__dateline,.content--type-comment .meta__twitter,.content--type-comment .meta__email,.content--type-comment .content__dateline { padding-left:1.25rem; padding-right: 1.25rem } } @media (min-width: 41.25em) { .content--type-guardianview:not(.content--type-splash) .meta__twitter,.content--type-guardianview:not(.content--type-splash) .meta__email,.content--type-guardianview:not(.content--type-splash) .content__dateline,.content--type-comment .meta__twitter,.content--type-comment .meta__email,.content--type-comment .content__dateline { padding-left:0; padding-right: 0 } } .content--type-guardianview:not(.content--type-splash) .meta__twitter,.content--type-guardianview:not(.content--type-splash) .meta__email,.content--type-comment .meta__twitter,.content--type-comment .meta__email { padding-top: 0.5rem; margin-top: -0.1875rem; margin-bottom: -0.75rem } @media (min-width: 71.25em) { .content--type-guardianview:not(.content--type-splash) .meta__twitter,.content--type-guardianview:not(.content--type-splash) .meta__email,.content--type-comment .meta__twitter,.content--type-comment .meta__email { padding-top:-0.5rem; margin-top: -0.75rem; margin-bottom: 0 } } .content--type-guardianview:not(.content--type-splash) .content__header,.content--type-comment .content__header { background-image: repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: bottom; background-size: 0.0625rem 1.8125rem; position: relative } .content--type-guardianview:not(.content--type-splash) .content__headline,.content--type-comment .content__headline { font-size: 1.75rem; line-height: 2rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 300 } @media (min-width: 22.5em) { .content--type-guardianview:not(.content--type-splash) .content__headline,.content--type-comment .content__headline { font-size:2.125rem; line-height: 2.375rem } } .content--type-guardianview:not(.content--type-splash) .content__standfirst,.content--type-comment .content__standfirst { padding-top: 0.125rem; margin-bottom: 0 } .content--type-guardianview:not(.content--type-splash) .content__standfirst p,.content--type-comment .content__standfirst p { margin-bottom: 0 } @media (min-width: 71.25em) { .content--type-guardianview:not(.content--type-splash) .content__standfirst,.content--type-comment .content__standfirst { margin-bottom:0.75rem } } .content--type-guardianview:not(.content--type-splash) .meta__image,.content--type-comment .meta__image { float: none; margin-right: -1.25rem } @media (min-width: 41.25em) { .content--type-guardianview:not(.content--type-splash) .meta__image,.content--type-comment .meta__image { margin-right:0 } } .content--type-guardianview:not(.content--type-splash) .drop-cap__inner,.content--type-comment .drop-cap__inner { font-weight: 200 } .content--type-guardianview:not(.content--type-splash) .inline-illustration-letters__svg,.content--type-comment .inline-illustration-letters__svg { display: none } .content--type-guardianview:not(.content--type-splash) .media-primary,.content--type-comment .media-primary { margin-bottom: 0 } @media (min-width: 20em) { .content--type-guardianview:not(.content--type-splash) .media-primary,.content--type-comment .media-primary { margin-bottom:0.375rem } } .content--media:not(.paid-content).content--media { background-color: #121212 } .content--media:not(.paid-content).content--media .caption { color: #dcdcdc } .content--media:not(.paid-content) .content__main { padding-bottom: 2.25rem } @media (min-width: 46.25em) { .content--media:not(.paid-content) .content__header { max-width:100% } } .content--media:not(.paid-content) .content__headline { color: #fff; padding-bottom: 2.25rem } @media (max-width: 46.24em) { .content--media:not(.paid-content) .byline,.content--media:not(.paid-content) .content__headline,.content--media:not(.paid-content) .content__standfirst,.content--media:not(.paid-content) .social { padding-left:0; padding-right: 0 } } @media (min-width: 41.25em) { .content--media:not(.paid-content) .byline,.content--media:not(.paid-content) .content__headline,.content--media:not(.paid-content) .content__standfirst,.content--media:not(.paid-content) .social { margin-left:0 } } .content--media:not(.paid-content) .byline,.content--media:not(.paid-content) .byline a,.content--media:not(.paid-content) .content__dateline,.content--media:not(.paid-content) .content__standfirst,.content--media:not(.paid-content) .from-content-api,.content--media:not(.paid-content) .meta__numbers .sharecount__value,.content--media:not(.paid-content) .u-underline,.content--media:not(.paid-content) a { color: #dcdcdc } .content--media:not(.paid-content) .byline a,.content--media:not(.paid-content) .from-content-api a { text-decoration: none; border-bottom: 0.00625rem solid #707070; transition: border-color .15s ease-out } .content--media:not(.paid-content) .byline a:hover,.content--media:not(.paid-content) .from-content-api a:hover { border-color: #dcdcdc } .content--media:not(.paid-content) .meta__extras,.content--media:not(.paid-content) .meta__number:not(.u-h)+.meta__number,.content--media:not(.paid-content) .meta__numbers { border-color: #333 } @media (max-width: 46.24em) { .content--media:not(.paid-content) .tonal__standfirst { max-width:38.75rem; margin: 0 auto } } @media (min-width: 22.5em) { .content--media:not(.paid-content) .content__standfirst { max-width:100% } } .content--media:not(.paid-content) .u-underline { border-bottom: solid 0.0625rem #707070 } .content--media:not(.paid-content) .bullet:before { background-color: #dcdcdc } .content--media:not(.paid-content) .content__meta-container { background-image: repeating-linear-gradient(to bottom, #333, #333 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: top; background-size: 0.0625rem 0.8125rem } .content--media:not(.paid-content) .inline-icon,.content--media:not(.paid-content) .meta__numbers .inline-share svg,.content--media:not(.paid-content) .social-icon__svg { fill: #dcdcdc } .content--media:not(.paid-content) .byline span { display: inline } .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text:before { content: ''; border-radius: 62.5rem; width: 3.75rem; height: 3.75rem; font-size: 0; display: block } .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); border-style: solid; border-width: .7em 0 .7em 1.4em; border-color: transparent transparent transparent #ffffff } @media (min-width: 46.25em) { .gu-media-wrapper--video .vjs-big-play-button .vjs-control-text:after { border-radius:.2em } } @media (min-width: 81.25em) { .has-feature-showcase-element .media-primary.media-primary--showcase,.has-feature-showcase-opinion .media-primary.media-primary--showcase { margin:0 auto } } .has-feature-showcase-element .media-primary.media-primary--showcase .caption--main,.has-feature-showcase-opinion .media-primary.media-primary--showcase .caption--main { max-width: 38.75rem } .has-feature-showcase-element .content__head--article .content__headline-showcase-wrapper,.has-feature-showcase-opinion .content__head--article .content__headline-showcase-wrapper { display: none } @media (min-width: 71.25em) { .has-feature-showcase-element .content__head--article .content__headline-showcase-wrapper,.has-feature-showcase-opinion .content__head--article .content__headline-showcase-wrapper { display:block; grid-area: headline; max-width: 38.75rem } } .has-feature-showcase-element .content__head--article .content__headline-showcase-wrapper .content__headline,.has-feature-showcase-opinion .content__head--article .content__headline-showcase-wrapper .content__headline { padding-bottom: 1.5rem } @media (min-width: 71.25em) { .has-feature-showcase-element .content__head--article .content__headline-standfirst-wrapper .content__headline,.has-feature-showcase-element .content__head--article .content__headline-standfirst-wrapper .content__label-interview,.has-feature-showcase-element .content__head--article .content__headline-standfirst-wrapper .content__headline--byline-interview,.has-feature-showcase-opinion .content__head--article .content__headline-standfirst-wrapper .content__headline,.has-feature-showcase-opinion .content__head--article .content__headline-standfirst-wrapper .content__label-interview,.has-feature-showcase-opinion .content__head--article .content__headline-standfirst-wrapper .content__headline--byline-interview { display:none } } @media (min-width: 71.25em) { .has-feature-showcase-element .content__head--article .content__headline-standfirst-wrapper,.has-feature-showcase-opinion .content__head--article .content__headline-standfirst-wrapper { grid-area:standfirst } .has-feature-showcase-element .content__head--article .content__headline-standfirst-wrapper .old-article-message,.has-feature-showcase-opinion .content__head--article .content__headline-standfirst-wrapper .old-article-message { display: none } } .has-feature-showcase-element .content__head--article .stars,.has-feature-showcase-opinion .content__head--article .stars { position: absolute; margin: 0; -webkit-transform: none; transform: none; z-index: 5; bottom: 0 } @media (min-width: 46.25em) { .has-feature-showcase-element .content__head--article .stars,.has-feature-showcase-opinion .content__head--article .stars { bottom:unset; top: 0 } } .has-feature-showcase-element figure>.gs-container,.has-feature-showcase-opinion figure>.gs-container { margin: 0; padding: 0 } .has-feature-showcase-element figure>.gs-container .content__main-column,.has-feature-showcase-opinion figure>.gs-container .content__main-column { max-width: unset; margin: 0; padding: 0 } @media (min-width: 71.25em) { @supports (display: grid) { .has-feature-showcase-element .content__head--article { grid-template-areas:'labels headline' 'meta main-media' '. standfirst' } } } @media (min-width: 81.25em) { .has-feature-showcase-element .content__secondary-column { padding-top:52.5rem } } @media (min-width: 71.25em) { .has-feature-showcase-element .content__secondary-column { padding-top:49.5rem } } .has-feature-showcase-opinion .content__header { max-width: 38.75rem } @media (min-width: 71.25em) { @supports (display: grid) { .has-feature-showcase-opinion .content__head--article { grid-template-areas:'labels headline' 'meta' '. standfirst' 'main-media' } } } @media (min-width: 81.25em) { .has-feature-showcase-opinion .content__secondary-column { padding-top:67.5rem } } @media (min-width: 71.25em) { .has-feature-showcase-opinion .content__secondary-column { padding-top:64.5rem } } .content--type-analysis .media-primary { margin-bottom: 0 } @media (min-width: 46.25em) { .content--type-analysis .media-primary { margin-bottom:0.1875rem } } @media (min-width: 71.25em) { .content--type-analysis .media-primary { margin-bottom:0.375rem } } .content--type-analysis .content__headline { line-height: 2.5rem; margin-right: -0.625rem } @media (min-width: 30em) { .content--type-analysis .content__headline { margin-right:-1.25rem } } @media (min-width: 41.25em) { .content--type-analysis .content__headline { margin-right:0 } } @media (min-width: 46.25em) { .content--type-analysis .content__headline { line-height:3rem } } .content--type-article .element-pullquote.element--supporting .pullquote-cite,.content--type-article .element-pullquote.element--supporting .pullquote-paragraph { font-weight: 400 } .content--type-feature .element-pullquote.element--supporting .pullquote-cite,.content--type-feature .element-pullquote.element--supporting .pullquote-paragraph,.content--type-interview .element-pullquote.element--supporting .pullquote-cite,.content--type-interview .element-pullquote.element--supporting .pullquote-paragraph,.content--type-recipe .element-pullquote.element--supporting .pullquote-cite,.content--type-recipe .element-pullquote.element--supporting .pullquote-paragraph { font-weight: 700 } .content--type-comment .element-pullquote.element--supporting .pullquote-cite,.content--type-comment .element-pullquote.element--supporting .pullquote-paragraph,.content--type-guardianview .element-pullquote.element--supporting .pullquote-cite,.content--type-guardianview .element-pullquote.element--supporting .pullquote-paragraph { font-weight: 300 } @media (min-width: 46.25em) and (max-width: 71.24em) { .content--type-comment .content__meta-container,.content--type-guardianview .content__meta-container { -webkit-order:initial; -ms-flex-order: initial; order: initial } } .content--type-comment:not(.paid-content) .content__standfirst,.content--type-feature:not(.paid-content) .content__standfirst,.content--type-guardianview:not(.paid-content) .content__standfirst,.content--type-review:not(.paid-content) .content__standfirst,.content--type-recipe:not(.paid-content) .content__standfirst { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 300 } @media (min-width: 46.25em) { .content--type-comment:not(.paid-content) .content__standfirst,.content--type-feature:not(.paid-content) .content__standfirst,.content--type-guardianview:not(.paid-content) .content__standfirst,.content--type-review:not(.paid-content) .content__standfirst,.content--type-recipe:not(.paid-content) .content__standfirst { font-size:1.25rem; line-height: 1.4375rem } } @media (min-width: 30em) and (max-width: 71.24em) { .element-rich-link,.element-rich-link.element--supporting { width:8.125rem } } @media (min-width: 71.25em) and (max-width: 81.24em) { .element-rich-link,.element-rich-link.element--supporting { width:8.75rem } } @media (min-width: 81.25em) { .element-rich-link,.element-rich-link.element--supporting { width:13.75rem } } .rich-link .rich-link__header { font-size: 0.875rem; line-height: 1.0625rem; font-weight: 400 } @media (min-width: 81.25em) { .rich-link .rich-link__header { font-size:1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal } } .rich-link .stars { -webkit-transform: none; transform: none } .rich-link__avatar { margin-left: auto; margin-right: 0.3125rem; width: 5rem; height: 5rem } @media (min-width: 81.25em) { .rich-link__avatar { width:8.625rem; height: 8.625rem } } .rich-link__avatar__media { border-radius: 100%; width: 100%; height: 100%; display: block; object-fit: cover } .interactive.element--showcase,.interactive.element--supporting { background: #fff } .paid-content .content__headline,.paid-content .content__standfirst,.paid-content .from-content-api,.paid-content .content__series-label,.paid-content .submeta__section-labels .submeta__link { font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif } .paid-content .content__meta-container { border-top: 0.0625rem solid #999; padding-top: 0.1875rem; height: inherit } .paid-content .content__article-body::before { background: #707070 } .paid-content .element .caption { background: transparent } @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: #dcdcdc; color: #dcdcdc; border: 0.0625rem solid #707070 } .content--media:not(.paid-content) .social-icon__svg { fill: #bdbdbd } .content__main-column--liveblog::before { display: none } @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 } } .content__main-column--liveblog .caption--main { padding-bottom: 0 } @media (min-width: 71.25em) { .content__main-column.content__main-column--liveblog { padding-left:0 } } .content--liveblog .content__meta-container--liveblog { border-bottom: 0; margin-left: -0.625rem; margin-right: -0.625rem } @media (min-width: 30em) { .content--liveblog .content__meta-container--liveblog { margin-left:-1.25rem; margin-right: -1.25rem; padding-left: 0; padding-right: 0 } } @media (min-width: 41.25em) { .content--liveblog .content__meta-container--liveblog { margin-left:0; margin-right: 0 } } @media (min-width: 61.25em) { .content--liveblog .content__meta-container--liveblog { border-top:0; margin-top: 0; min-height: 3.375rem; position: static; width: 100% } } .content--liveblog .content__meta-container--liveblog .byline { padding-right: 0 } @media (min-width: 61.25em) { .content--liveblog .content__meta-container--liveblog .byline { padding-top:0.125rem } } @media (min-width: 46.25em) { .tonal__main--tone-live { padding-top:1.25rem } } @media (min-width: 41.25em) and (max-width: 46.24em) { .content--liveblog .content__header { max-width:100% } } .content--liveblog .content__headline { padding-left: 0 } .content--liveblog .content__standfirst { padding-right: 0; max-width: 100% } .content__head__comment-count--liveblog { display: block } .content__head__comment-count--liveblog .commentcount { display: block; position: static } @media (min-width: 30em) and (max-width: 61.24em) { .content__head__comment-count--liveblog .commentcount { position:absolute; right: 0; top: 0.5rem } } .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; height: 100% } } .content--liveblog .content__main { background-color: #f6f6f6 } .content--liveblog .media-primary { margin-left: -0.625rem; margin-right: -0.625rem } @media (min-width: 46.25em) { .content--liveblog .media-primary { margin:0 } } .timestamp,.published-time { font-size: 0.8125rem; line-height: 1.25rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-weight: bold; display: block; padding: 0.25rem 0; margin-top: 0.5rem } .timestamp time,.published-time time { display: inline-block; margin-bottom: 0.375rem; color: #121212 } @media (min-width: 46.25em) { .published-time { width:3.75rem } } .block-time { line-height: 0.9375rem; padding: 0.1875rem 0 0.75rem 0.625rem; position: relative } .block-time.published-time { font-size: 0.8125rem; line-height: 1.125rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; margin: 0; font-weight: bold } .block-time .live-pulse-icon--red { border-radius: 62.5rem; display: inline-block; content: ''; background-color: #ab0613; width: 0.75rem; height: 0.75rem; margin-bottom: -0.0625rem; margin-right: 0.1875rem; -webkit-animation: live-pulse 2s infinite; animation: live-pulse 2s infinite } .block-time .block-time__absolute { 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: #707070; font-weight: normal } .block-time .timezone { display: none } @media (min-width: 46.25em) { .block-time { position:absolute } .block-time .block-time__absolute { display: block; margin-left: 0 } .block-time .block-time__absolute.block-time__pinned { display: -webkit-flex; display: -ms-flexbox; display: flex } } .block-time__link { color: #121212 } .updated-time { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: #707070; position: absolute; right: 1.25rem; bottom: 0.25rem; margin: 0 } .blocks { margin-top: 0.75rem } .block { margin-bottom: 0.75rem; position: relative } .block:after,.block:before { content: ''; display: table } .block:after { clear: both } .block--content { padding-top: 0.375rem; padding-bottom: 0.75rem; background-color: #ffffff; border-top: 0.0625rem solid #dcdcdc; border-bottom: 0.0625rem solid #ededed } .truncated-block { display: none } .autoupdate--hidden,.notify--hidden { display: none } .block--notification { border-top-color: #ab0613 } .notify { padding-left: 0.625rem } .notify__btn { font-size: 0.875rem; line-height: 1.25rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; text-align: left; font-weight: bold; color: #ab0613 } .autoupdate--has-animation .autoupdate--highlight { -webkit-animation: new-block-animation 5s ease-out; animation: new-block-animation 5s ease-out } @-webkit-keyframes new-block-animation { 0% { opacity: 0; border-top-color: #c70000 } 100% { opacity: 1; border-top-color: #dcdcdc } } @keyframes new-block-animation { 0% { opacity: 0; border-top-color: #c70000 } 100% { opacity: 1; border-top-color: #dcdcdc } } .blog .content__keywords { border-top: 0.0625rem dotted #dcdcdc; line-height: 1.25rem } .blog .from-content-api .block-title { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; margin-top: -0.1875rem; margin-bottom: 0.75rem } @media (min-width: 46.25em) { .blog .from-content-api .block-title { font-size:1.25rem; line-height: 1.4375rem } } .blog .from-content-api .block-title+.block-elements .element-image:first-child:not(.element--thumbnail),.blog .from-content-api .block-title+.block-elements .element-video:first-child { margin-top: 2.125rem } .blog .from-content-api .block-title,.blog .from-content-api .block-elements>*,.blog .from-content-api .block-elements>.element.element-tweet,.blog .from-content-api .block-elements>.element.element-rich-link,.blog .from-content-api .block-elements>.element.element-witness,.blog .from-content-api .block-elements>.element.element--thumbnail,.blog .from-content-api .liveblog-block-byline { margin-left: 0.625rem; margin-right: 0.625rem } @media (min-width: 46.25em) { .blog .from-content-api .block-title,.blog .from-content-api .block-elements>*,.blog .from-content-api .block-elements>.element.element-tweet,.blog .from-content-api .block-elements>.element.element-rich-link,.blog .from-content-api .block-elements>.element.element-witness,.blog .from-content-api .block-elements>.element.element--thumbnail,.blog .from-content-api .liveblog-block-byline { margin-right:1.25rem; margin-left: 5rem } } .blog .from-content-api .liveblog-block-byline { margin-bottom: 0.375rem; padding-bottom: 0.375rem } .blog .from-content-api .liveblog-block-byline__img { display: inline; border-radius: 50%; max-width: 2.25rem; vertical-align: middle; margin-right: 0.25rem } .blog .from-content-api .liveblog-block-byline__name { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web",Georgia,serif; display: inline; color: #121212 } .blog .from-content-api .block-elements>blockquote,.blog .from-content-api .block-elements>blockquote.quoted { margin: 1rem 1.25rem 1.125rem 5rem } @media (max-width: 29.99em) { .blog .from-content-api .block-elements>blockquote,.blog .from-content-api .block-elements>blockquote.quoted { margin-left:0.625rem; margin-right: 0.625rem } .blog .from-content-api .block-elements>blockquote:before,.blog .from-content-api .block-elements>blockquote.quoted:before { display: none } } .blog .from-content-api .block-elements>blockquote:first-child,.blog .from-content-api .block-elements>blockquote.quoted:first-child { margin-top: 0 } @media (min-width: 46.25em) { .blog .from-content-api .block-elements>blockquote:first-child,.blog .from-content-api .block-elements>blockquote.quoted:first-child { margin-top:-0.125rem } } .blog .from-content-api .block-elements>blockquote { color: #121212 } .blog .from-content-api .block-elements>.element { margin-left: 0; margin-right: 0 } .blog .from-content-api .block-elements>.element-table { margin: 0 } .blog .from-content-api .block-elements>.element-table .table { background: none; border: 0 } .blog .from-content-api .block-elements>.element-table td { background: none } .blog .from-content-api .block-elements>.element-table tr { border-bottom: 0.0625rem solid #ececec } .blog .from-content-api .block-elements>.element-table tr th:first-child,.blog .from-content-api .block-elements>.element-table tr td:first-child { padding-left: 0 } .blog .from-content-api .block-elements>.element-table tr th:last-child,.blog .from-content-api .block-elements>.element-table tr td:last-child { padding-right: 0 } .blog .from-content-api .block-elements>.element-table thead { border-top: 0.0625rem solid #ececec } .blog .from-content-api .block-elements>.element-table .table--football,.blog .from-content-api .block-elements>.element-comment,.blog .from-content-api .block-elements>.element-embed,.blog .from-content-api .block-elements>.element-audio,.blog .from-content-api .block-elements>.element-interactive,.blog .from-content-api .block-elements>.element-atom:not(.element-atom--media) { width: auto; margin: 0.75rem 0.625rem 1rem } @media (min-width: 46.25em) { .blog .from-content-api .block-elements>.element-table .table--football,.blog .from-content-api .block-elements>.element-comment,.blog .from-content-api .block-elements>.element-embed,.blog .from-content-api .block-elements>.element-audio,.blog .from-content-api .block-elements>.element-interactive,.blog .from-content-api .block-elements>.element-atom:not(.element-atom--media) { margin-left:5rem; margin-right: 1.25rem } } .blog .from-content-api .block-elements>.embed-video-wrapper { position: relative; width: 100%; padding-top: 56.25% } .blog .from-content-api .block-elements>.embed-video-wrapper iframe { position: absolute; top: 0; width: 100%; height: 100% } .blog .from-content-api .block-elements>.element-image,.blog .from-content-api .block-elements>.element-video { clear: left; border-bottom: 0.125rem solid #f6f6f6; margin-bottom: 0.75rem; padding-bottom: 0.375rem } .blog .from-content-api .block-elements>.element-image:last-child,.blog .from-content-api .block-elements>.element-video:last-child { border-bottom: 0 } .blog .from-content-api .block-elements>.element figcaption { background-color: #ffffff; margin-left: 0.625rem; margin-right: 0.625rem; padding-bottom: 0.375rem } @media (min-width: 30em) { .blog .from-content-api .block-elements>.element figcaption { margin-left:5rem; margin-right: 1.25rem } } @media (min-width: 46.25em) { .blog .from-content-api .block-elements.block-elements--no-byline>.element-image:first-child:not(.element--thumbnail),.blog .from-content-api .block-elements.block-elements--no-byline>.element-video:first-child { margin-top:3.4375rem } } .blog .from-content-api .block-elements>.element.element--thumbnail { border-bottom: 0; margin-bottom: 0; margin-top: 0.25rem } .blog .from-content-api .block-elements>.element.element--thumbnail figcaption { margin-left: 0; margin-right: 0; padding-bottom: 0.375rem } .dropdown--key-events,.dropdown--live-feed { border-top: 0; margin-top: 0.75rem; margin-right: -0.625rem; margin-left: -0.625rem } @media (min-width: 30em) { .dropdown--key-events,.dropdown--live-feed { margin-right:-1.25rem; margin-left: -1.25rem } } @media (min-width: 41.25em) { .dropdown--key-events,.dropdown--live-feed { margin-right:0x; margin-left: 0 } } @media (min-width: 46.25em) { .dropdown--key-events,.dropdown--live-feed { margin-right:-1.25rem; margin-left: -1.25rem } } @media (min-width: 61.25em) { .dropdown--key-events,.dropdown--live-feed { margin-right:0; margin-left: 0 } } .dropdown--key-events button.dropdown__button,.dropdown--live-feed button.dropdown__button { background-color: #ffffff; padding-right: 0.625rem; padding-left: 0.625rem } @media (min-width: 30em) { .dropdown--key-events button.dropdown__button,.dropdown--live-feed button.dropdown__button { padding-right:1.25rem; padding-left: 1.25rem } } @media (min-width: 61.25em) { .dropdown--key-events button.dropdown__button,.dropdown--live-feed button.dropdown__button { display:none } } @media (min-width: 61.25em) { .blog__timeline .dropdown--key-events button.dropdown__button,.blog__timeline .dropdown--live-feed button.dropdown__button { display:block; border-top: 0; padding-top: 0.625rem; margin-top: -0.25rem; margin-bottom: 0.375rem } } .dropdown--key-events .dropdown__label,.dropdown--live-feed .dropdown__label { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900 } .dropdown--key-events .dropdown__content,.dropdown--live-feed .dropdown__content { position: relative; margin: 0 } @media (max-width: 61.24em) { .dropdown--key-events .dropdown__content,.dropdown--live-feed .dropdown__content { background-color:#f6f6f6; padding: 0 0.625rem } } @media (min-width: 61.25em) { .dropdown--key-events .dropdown__content,.dropdown--live-feed .dropdown__content { display:block !important } } .is-not-modern .dropdown--key-events,.is-not-modern .dropdown--live-feed { border-top: 0 } @media (min-width: 61.25em) { .blog__timeline:before,.blog__timeline:after,.blog__timeline .control { display:none } .blog__timeline .dropdown { border-top: 0.0625rem solid #ab0613; padding-top: 0.375rem } } .comment-count--timeline { margin-top: -0.6875rem } @media (max-width: 61.24em) { .comment-count--timeline { display:none } } .comment-count--timeline .commentcount { z-index: 101; position: relative; padding-left: 1.71875rem } @media (min-width: 61.25em) { .live-blog__sticky-components-container { -webkit-transform:translateZ(0); transform: translateZ(0); width: 18.75rem; top: 0.75rem; padding-top: 0.375rem } } .timeline { position: relative } @media (min-width: 30em) { .timeline { padding-left:0.625rem; padding-right: 0.625rem } } @media (min-width: 61.25em) { .timeline { margin-left:0.46875rem; margin-top: 0.375rem } } .timeline__item { display: table; width: 100%; overflow: hidden; min-height: 2.5rem; border-bottom: 0.0625rem solid #dcdcdc } .timeline__item:last-child { border-bottom: 0 } @media (min-width: 61.25em) { .timeline__item { display:block; overflow: visible; border-bottom: 0 } } .timeline__link { display: block; padding: 0.125rem 0 0.375rem } .timeline__link,.timeline__link:hover,.timeline__link:visited,.timeline__link:active { color: #121212; text-decoration: none } @media (min-width: 61.25em) { .timeline__link { position:relative; padding: 0 1.25rem 1.5rem; border-left: 0.0625rem solid #dcdcdc } .timeline__link:before { border-radius: 62.5rem; display: block; position: absolute; content: ' '; top: -0.25rem; left: -0.46875rem; width: 0.9375rem; height: 0.9375rem; background-color: #dcdcdc } .timeline__link:hover:before { background-color: #707070 } .timeline__link.live-blog__key-event--selected:before { background-color: #121212 } .timeline__item:first-child .timeline__link:before,.timeline__item:last-child .timeline__link:before { border-radius: 0; top: 0; height: 0.0625rem } .timeline__item:last-child .timeline__link { border-color: transparent } } .timeline__date { font-size: 0.8125rem; line-height: 1.125rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; display: table-cell; width: 3.75rem; font-weight: bold } .timeline__date time { color: #121212 } .timeline__date .block-time__absolute,.timeline__date .timezone { display: none } @media (min-width: 61.25em) { .timeline__date { display:block; position: relative; top: -0.25rem; line-height: 0.9375rem } } .timeline__title { font-size: 0.875rem; line-height: 1.25rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; display: table-cell; border-color: #f6f6f6; color: #121212 } @media (min-width: 61.25em) { .timeline__title { display:inline } .live-blog__key-event--selected .timeline__title { font-weight: bold } } .blog__related { width: 13.75rem; margin-left: 5rem } .blog__related .tone-news--item .fc-item__content { background-color: #eee } .blog__related .tone-news--item .u-faux-block-link--hover .fc-item__content { background-color: #e2e2e2 } .blog__related__head { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; padding-top: 0.1875rem; margin-bottom: 1rem; border-top: 0.0625rem solid #dcdcdc } .blog .tabs__container--multiple { margin-bottom: 0 } .blog .tabs__tab--selected { border-bottom-color: #f6f6f6 !important } .blog .match-summary { border-bottom: 0 } .blog .element-table .player-card { padding: 0; background: none; border: 0; margin: 0.375rem 0.625rem 0 } @media (min-width: 30em) { .blog .element-table .player-card { border-left:0.0625rem solid #ececec; margin-left: 1.25rem; margin-right: 1.25rem; padding-left: 1.25rem } } .blog .element-table .player-card__position { font-size: 0.8125rem; line-height: 1.125rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: #121212; font-weight: 700 } .blog .dropdown .match-stats__container { margin-bottom: 0.75rem } @media (min-width: 61.25em) { .blog .tabs__container--multiple { background-color:#f6f6f6 } .blog .tabs__tab--selected .tab__link { background-color: #f6f6f6 } .blog .match-summary { padding-bottom: 0 } } @media (min-width: 46.25em) { .ad-slot--liveblog-inline { margin:0 0 0.75rem } } @media (max-width: 81.24em) { .blog .content__secondary-column { display:none } } .content--liveblog.content--pillar-news .content__header { background: #c70000 } .content--liveblog.content--pillar-news .tonal__standfirst { background: #ae0000 } .content--liveblog.content--pillar-news .content__label__link[href] { color: #ffbac8 } .timeline__link:hover .content--liveblog.content--pillar-news { border-color: #c70000 } .content--liveblog.content--pillar-news .block.is-key-event,.content--liveblog.content--pillar-news .block.is-summary { border-top: 0.0625rem solid #c70000 } .content--liveblog.content--pillar-opinion .content__header { background: #e05e00 } .content--liveblog.content--pillar-opinion .tonal__standfirst { background: #c75300 } .content--liveblog.content--pillar-opinion .content__label__link[href] { color: #bd5318 } .timeline__link:hover .content--liveblog.content--pillar-opinion { border-color: #e05e00 } .content--liveblog.content--pillar-opinion .block.is-key-event,.content--liveblog.content--pillar-opinion .block.is-summary { border-top: 0.0625rem solid #e05e00 } .content--liveblog.content--pillar-sport .content__header { background: #005689 } .content--liveblog.content--pillar-sport .tonal__standfirst { background: #004670 } .content--liveblog.content--pillar-sport .content__label__link[href] { color: #90dcff } .timeline__link:hover .content--liveblog.content--pillar-sport { border-color: #005689 } .content--liveblog.content--pillar-sport .block.is-key-event,.content--liveblog.content--pillar-sport .block.is-summary { border-top: 0.0625rem solid #005689 } .content--liveblog.content--pillar-arts .content__header { background: #6b5840 } .content--liveblog.content--pillar-arts .tonal__standfirst { background: #5b4b36 } .content--liveblog.content--pillar-arts .content__label__link[href] { color: #e7d4b9 } .timeline__link:hover .content--liveblog.content--pillar-arts { border-color: #6b5840 } .content--liveblog.content--pillar-arts .block.is-key-event,.content--liveblog.content--pillar-arts .block.is-summary { border-top: 0.0625rem solid #6b5840 } .content--liveblog.content--pillar-lifestyle .content__header { background: #7d0068 } .content--liveblog.content--pillar-lifestyle .tonal__standfirst { background: #640053 } .content--liveblog.content--pillar-lifestyle .content__label__link[href] { color: #ffbac8 } .timeline__link:hover .content--liveblog.content--pillar-lifestyle { border-color: #7d0068 } .content--liveblog.content--pillar-lifestyle .block.is-key-event,.content--liveblog.content--pillar-lifestyle .block.is-summary { border-top: 0.0625rem solid #7d0068 } .content--liveblog.section-football .tonal__header,.content--liveblog--rugby .tonal__header { background-color: #ffffff } .content--liveblog.section-football .tonal__header .content__labels,.content--liveblog--rugby .tonal__header .content__labels { border-bottom-color: #dcdcdc } .content--liveblog.section-football .tonal__header .content__label__link,.content--liveblog--rugby .tonal__header .content__label__link { color: #005689 } .content--liveblog.section-football .tonal__header .content__headline,.content--liveblog--rugby .tonal__header .content__headline { color: #121212; padding-left: 0 } @media (min-width: 41.25em) { .content--liveblog.section-football .tonal__header .content__headline,.content--liveblog--rugby .tonal__header .content__headline { margin-left:-1.25rem } } @media (min-width: 46.25em) { .content--liveblog.section-football .tonal__header .content__headline,.content--liveblog--rugby .tonal__header .content__headline { margin-left:0 } } .content--liveblog .content__head,.content--liveblog .content__standfirst,.content--liveblog .content__standfirst a[href],.content--liveblog .content__label__link[href] { color: #ffffff } .content--liveblog .content__labels { padding-left: 0 } @media (min-width: 41.25em) and (max-width: 46.24em) { .content--liveblog .content__labels { margin-left:0 } } .content--liveblog .tonal__standfirst ul>li::before { background: rgba(255,255,255,0.4) } .content--liveblog .content__standfirst { margin-left: -0.625rem } @media (min-width: 30em) { .content--liveblog .content__standfirst { margin-left:-1.25rem } } @media (min-width: 41.25em) { .content--liveblog .content__standfirst { margin-left:0 } } @media (min-width: 41.25em) { .football-tabs { margin-left:0; margin-right: 0 } } .tabs__tab a[href] { padding-left: 0.625rem } @media (min-width: 30em) { .tabs__tab a[href] { padding-left:1.25rem } } @media (min-width: 41.25em) { .tabs__tab a[href] { padding-left:0.625rem } } @media (min-width: 46.25em) { .content--liveblog.tonal--tone-dead.content--pillar-news .tonal__main--tone-dead { padding-top:1.25rem } } .content--liveblog.tonal--tone-dead.content--pillar-news .content__head,.content--liveblog.tonal--tone-dead.content--pillar-news .content__standfirst { color: #121212 } .content--liveblog.tonal--tone-dead.content--pillar-news .content__label__link { color: #c70000 } .content--liveblog.tonal--tone-dead.content--pillar-news .content__header { background: #fff } .content--liveblog.tonal--tone-dead.content--pillar-news .tonal__standfirst { background: #ededed } .content--liveblog.tonal--tone-dead.content--pillar-news .content__standfirst a { color: #c70000 } .content--liveblog.tonal--tone-dead.content--pillar-news .tonal__standfirst ul>li::before { background: rgba(51,51,51,0.4) } @media (min-width: 46.25em) { .content--liveblog.tonal--tone-dead.content--pillar-opinion .tonal__main--tone-dead { padding-top:1.25rem } } .content--liveblog.tonal--tone-dead.content--pillar-opinion .content__head,.content--liveblog.tonal--tone-dead.content--pillar-opinion .content__standfirst { color: #121212 } .content--liveblog.tonal--tone-dead.content--pillar-opinion .content__label__link { color: #e05e00 } .content--liveblog.tonal--tone-dead.content--pillar-opinion .content__header { background: #fff } .content--liveblog.tonal--tone-dead.content--pillar-opinion .tonal__standfirst { background: #ededed } .content--liveblog.tonal--tone-dead.content--pillar-opinion .content__standfirst a { color: #e05e00 } .content--liveblog.tonal--tone-dead.content--pillar-opinion .tonal__standfirst ul>li::before { background: rgba(51,51,51,0.4) } @media (min-width: 46.25em) { .content--liveblog.tonal--tone-dead.content--pillar-sport .tonal__main--tone-dead { padding-top:1.25rem } } .content--liveblog.tonal--tone-dead.content--pillar-sport .content__head,.content--liveblog.tonal--tone-dead.content--pillar-sport .content__standfirst { color: #121212 } .content--liveblog.tonal--tone-dead.content--pillar-sport .content__label__link { color: #0084c6 } .content--liveblog.tonal--tone-dead.content--pillar-sport .content__header { background: #fff } .content--liveblog.tonal--tone-dead.content--pillar-sport .tonal__standfirst { background: #ededed } .content--liveblog.tonal--tone-dead.content--pillar-sport .content__standfirst a { color: #0084c6 } .content--liveblog.tonal--tone-dead.content--pillar-sport .tonal__standfirst ul>li::before { background: rgba(51,51,51,0.4) } @media (min-width: 46.25em) { .content--liveblog.tonal--tone-dead.content--pillar-arts .tonal__main--tone-dead { padding-top:1.25rem } } .content--liveblog.tonal--tone-dead.content--pillar-arts .content__head,.content--liveblog.tonal--tone-dead.content--pillar-arts .content__standfirst { color: #121212 } .content--liveblog.tonal--tone-dead.content--pillar-arts .content__label__link { color: #a1845c } .content--liveblog.tonal--tone-dead.content--pillar-arts .content__header { background: #fff } .content--liveblog.tonal--tone-dead.content--pillar-arts .tonal__standfirst { background: #ededed } .content--liveblog.tonal--tone-dead.content--pillar-arts .content__standfirst a { color: #a1845c } .content--liveblog.tonal--tone-dead.content--pillar-arts .tonal__standfirst ul>li::before { background: rgba(51,51,51,0.4) } @media (min-width: 46.25em) { .content--liveblog.tonal--tone-dead.content--pillar-lifestyle .tonal__main--tone-dead { padding-top:1.25rem } } .content--liveblog.tonal--tone-dead.content--pillar-lifestyle .content__head,.content--liveblog.tonal--tone-dead.content--pillar-lifestyle .content__standfirst { color: #121212 } .content--liveblog.tonal--tone-dead.content--pillar-lifestyle .content__label__link { color: #bb3b80 } .content--liveblog.tonal--tone-dead.content--pillar-lifestyle .content__header { background: #fff } .content--liveblog.tonal--tone-dead.content--pillar-lifestyle .tonal__standfirst { background: #ededed } .content--liveblog.tonal--tone-dead.content--pillar-lifestyle .content__standfirst a { color: #bb3b80 } .content--liveblog.tonal--tone-dead.content--pillar-lifestyle .tonal__standfirst ul>li::before { background: rgba(51,51,51,0.4) } .content--has-scores.content--pillar-sport.content--liveblog .content__header { background-color: #ffe500 } @media (max-width: 46.24em) { .content--has-scores.content--pillar-sport.content--liveblog .match-summary__teams { padding-left:0; padding-right: 0 } } .content--has-scores.content--pillar-sport.content--liveblog .content__labels .content__label__link { color: #121212 } .breadcrumb { text-transform: lowercase } .social-icon--facebook { background-color: #3067a3 } .social-icon--facebook:hover { background-color: #244e7c } .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--email { background-color: #707070 } .social-icon--email:hover { background-color: #575757 } .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__action { display: inline-block } .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; 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; 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 } .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 } .paid-content .social-icon,.paid-content .block-share__item,.paid-content.tonal--tone-media .social-icon,.paid-content.tonal--tone-media .block-share__item { border: 0.0625rem solid #999 } .paid-content .social-icon:hover,.paid-content .social-icon:active,.paid-content .social-icon:focus,.paid-content .block-share__item:hover,.paid-content .block-share__item:active,.paid-content .block-share__item:focus,.paid-content.tonal--tone-media .social-icon:hover,.paid-content.tonal--tone-media .social-icon:active,.paid-content.tonal--tone-media .social-icon:focus,.paid-content.tonal--tone-media .block-share__item:hover,.paid-content.tonal--tone-media .block-share__item:active,.paid-content.tonal--tone-media .block-share__item:focus { border: 0.0625rem solid #121212; background-color: #121212 } .paid-content .social-icon svg,.paid-content .block-share__item svg,.paid-content.tonal--tone-media .social-icon svg,.paid-content.tonal--tone-media .block-share__item svg { fill: #121212 } .paid-content .social-icon:focus svg,.paid-content .social-icon:hover svg,.paid-content .block-share__item:focus svg,.paid-content .block-share__item:hover svg,.paid-content.tonal--tone-media .social-icon:focus svg,.paid-content.tonal--tone-media .social-icon:hover svg,.paid-content.tonal--tone-media .block-share__item:focus svg,.paid-content.tonal--tone-media .block-share__item:hover svg { fill: #fff } .tweet-main-image { width: 100% } @-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 { 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-flex; display: -ms-flexbox; display: flex; -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; min-height: 25rem } @media (min-width: 61.25em) { .immersive-main-media { min-height:31.25rem } } @media (min-width: 81.25em) { .immersive-main-media { min-height:50rem } } @supports (object-fit: cover) and (height: 1vh) and (display: flex) { .immersive-main-media { -webkit-flex:1; -ms-flex: 1; flex: 1 } } .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: 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: linear-gradient(#333, #333) } @-webkit-keyframes slideImmersiveTitleDownHeadline { 0% { -webkit-transform: translateY(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(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; 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% } } .immersive-main-media__media__loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #dcdcdc; color: #121212 } .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 } .content__headline--immersive { color: #ffffff } .content__headline--immersive.content__headline--advertisement { font-family: "Guardian Text 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 } @media (min-width: 61.25em) { .content--immersive .content__main { padding-top:1.5rem } } @media (max-width: 71.24em) { .caption--immersive { margin:0.75rem 0 0.375rem } } @media (min-width: 71.25em) { .caption--immersive { margin-left:-1.25rem; padding-top: 0.1875rem; position: absolute; top: 6.25rem; width: 8.75rem; -webkit-transform: translateX(-100%); transform: translateX(-100%) } [lang='ar'] .caption--immersive { left: 0 } } @media (min-width: 81.25em) { .caption--immersive { width:13.75rem } } .content__standfirst--immersive-article { position: relative; padding-top: 0.375rem; padding-bottom: 0.75rem; margin-bottom: 0 } .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 } @media (min-width: 30em) { .content__wrapper--standfirst { padding-left:1.25rem; padding-right: 1.25rem } } .content--immersive-article:not(.content--immersive-garnett) .element-pullquote { position: relative; width: auto; margin-left: 0; margin-bottom: 0.375rem; border-top: 0.0625rem solid #f6f6f6; border-bottom: 0.0625rem solid #f6f6f6; padding: 0; padding-top: .2em; padding-bottom: 2.25rem } .content--immersive-article:not(.content--immersive-garnett) .element-pullquote .inline-quote { margin: 0.1875rem 0; height: auto; width: auto; line-height: 1 } .content--immersive-article:not(.content--immersive-garnett) .element-pullquote .inline-quote svg { fill: #dcdcdc; width: 2.5em; height: 1.4em } .content--immersive-article:not(.content--immersive-garnett) .element-pullquote .pullquote-paragraph,.content--immersive-article:not(.content--immersive-garnett) .element-pullquote .pullquote-cite { font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 200; font-size: 1.75rem; line-height: 1.1 } .content--immersive-article:not(.content--immersive-garnett) .element-pullquote .pullquote-paragraph { color: #bb3b80 } .content--immersive-article:not(.content--immersive-garnett) .element-pullquote .pullquote-cite { color: #121212 !important } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--showcase,.content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--supporting { padding:0; border: 0 } } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--showcase .inline-quote svg { width:3em; height: 1.8em } } @media (min-width: 71.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--showcase .inline-quote { position:absolute; left: -3.5em } } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--showcase .pullquote-paragraph,.content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--showcase .pullquote-cite { font-size:2.25em } } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .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:not(.content--immersive-garnett) .element-pullquote.element--supporting { width:8.75rem; margin-left: -10rem } } @media (min-width: 81.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--supporting { width:13.75rem; margin-left: -15rem } } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--supporting .inline-quote { position:absolute } } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--supporting .inline-quote svg { width:1.8em; height: 1em } } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--supporting .pullquote-paragraph { text-indent:1.7em } } @media (min-width: 46.25em) { .content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--supporting .pullquote-paragraph,.content--immersive-article:not(.content--immersive-garnett) .element-pullquote.element--supporting .pullquote-cite { font-size:1.25em; line-height: 1.2 } } .content--immersive-article.content { border-top: 0 } .content--immersive-article .content__article-body { clear: both } @media (min-width: 71.25em) { .content--immersive-article .content__article-body { padding-left:0.625rem } } .content--immersive-article.content--paid-content { font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif } .content--immersive-article .content__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 } .content--immersive-article .content__section-label--advertisement .content__label__link { color: #69d1ca } .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: #f6f6f6 } .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",Georgia,serif; font-weight: normal; font-weight: 300 } @media (min-width: 46.25em) { .content--immersive-article .section-title,.content--immersive-article .from-content-api>h2 { font-size:2.125rem; line-height: 2.375rem } } .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: #bb3b80 } .content--immersive-article .in-body-link--immersive:hover { border-bottom-color: rgba(187,59,128,0.4) } .content--immersive-article .element+.section-rule { margin-top: 0 } .content--immersive-article figure.element--immersive { margin-left: -0.625rem; margin-right: -0.625rem; z-index: 1 } @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: 61.25em) { .content--immersive-article figure.element--immersive .caption { padding-left:1.25rem } } @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:-10rem } } @media (min-width: 81.25em) { .content--immersive-article figure.element--showcase { margin-left:-15rem } } @media (min-width: 61.25em) and (max-width: 71.24em) { .content--immersive-article figure.element--showcase .caption { padding-left:1.25rem } } .content--immersive-article figure.element--showcase .block-share { display: none !important } .content--immersive-article .element-image.element--showcase { margin-bottom: 0.625rem } @media (min-width: 71.25em) { .content--immersive-article figure.element--showcase,.content--immersive-article figure.element--immersive { margin-bottom:0.625rem } } @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 .element--showcase,.content--immersive-article .element--inline,.content--immersive-article .element--halfWidth { float: none } @media (min-width: 71.25em) { .content--immersive-article [lang='ar'] figure.element--showcase .caption { left:0 } } @media (min-width: 46.25em) { .content--immersive-article [lang='ar'] figure.fig--narrow-caption.img--portrait .caption { float:left; padding-left: 0 } .content--immersive-article [lang='ar'] figure.fig--narrow-caption.img--portrait:after { visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0 } } @media (min-width: 46.25em) and (max-width: 71.24em) { .content--immersive-article [lang='ar'] figure.fig--narrow-caption.img--landscape .caption { float:left; padding-left: 0 } .content--immersive-article [lang='ar'] figure.fig--narrow-caption.img--landscape:after { visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0 } } @media (min-width: 71.25em) { .content--immersive-article [lang='ar'] figure.fig--narrow-caption.img--landscape .caption { left:0 } } @media (min-width: 81.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article).immersive-main-media { min-height:37.5rem } } @media (min-width: 61.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__article-body { margin-left:-0.625rem } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__labels--immersive { margin-left: -1.25rem; padding: 0.1875rem 0.625rem 0.1875rem 1.25rem; display: inline-block } @media (min-width: 46.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__labels--immersive { margin-left:-0.625rem; max-width: 19.375rem; padding: 0.375rem 0.625rem } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__labels--immersive .badge-slot { width: auto } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article):not(.content--pillar-special-report) .content__label__link { color: #ffffff } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container { margin-top: -6.25rem; position: relative; background: transparent } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container:after { position: absolute; content: ''; display: none; width: 50%; right: 0; background-color: #121212; z-index: 0; top: 0; bottom: 0 } @media (min-width: 30em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container:after { display:block } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__labels--immersive { position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%) } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .gs-container { padding: 0 } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .badge-slot { float: left; margin-right: 0.3125rem } @media (min-width: 46.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .badge-slot { margin-right:0.625rem } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__main-column { background-color: #121212; z-index: 10; position: relative; padding-left: 1.25rem; padding-right: 0.75rem; left: -1.25rem; padding-top: 0; width: calc(90vw - 1.25rem); padding-bottom: 0.75rem; min-height: 7rem } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__main-column::before { display: none } @media (min-width: 46.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__main-column { padding-left:0.625rem; width: 100%; left: 0.625rem } } @media (min-width: 61.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__main-column { left:0.625rem } } @media (min-width: 71.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__main-column { margin-left:10rem } } @media (min-width: 81.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__main-column { margin-left:15rem } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__headline--immersive { font-size: 2.125rem; line-height: 2.375rem; color: #121212; padding: 0; padding-bottom: 1.5rem; font-weight: 700 } @media (min-width: 61.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__headline--immersive { font-size:3.125rem; line-height: 3.625rem } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__headline--immersive.content__headline--immersive--with-main-media { color: #ffffff } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__headline--immersive.content__headline--immersive--with-main-media:before { display: none } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article { font-size: 1.5rem; line-height: 1.6875rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 300; position: relative; padding-left: 0; margin-top: 0.375rem; max-width: 17.5rem; margin-bottom: 0.75rem; margin-left: 0 } @media (min-width: 46.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article { max-width:25rem; margin-top: 0 } } @media (min-width: 61.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article { max-width:28.75rem; padding-bottom: 1rem; margin-bottom: -1.5rem; margin-top: 0.375rem; margin-left: -0.625rem } } @media (min-width: 71.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article { margin-left:0 } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article:before { position: absolute; top: -2.25rem; bottom: -1.5rem; left: -0.625rem; width: 0.0625rem; background-color: #dcdcdc; content: ''; display: none } @media (min-width: 71.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article:before { display:block; bottom: -2.25rem } } @media (min-width: 71.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article[lang='ar'] { margin-left:auto } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__standfirst--immersive-article[lang='ar']:before { display: none } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__meta-container { margin-left: -0.625rem; margin-right: -0.625rem; padding-left: 0.625rem; padding-right: 0.625rem } @media (min-width: 30em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__meta-container { margin-left:-1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem } } @media (min-width: 41.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__meta-container { margin-left:0; margin-right: 0; padding-left: 0; padding-right: 0 } } @media (min-width: 61.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__meta-container { margin-left:-0.625rem } } @media (min-width: 71.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__meta-container { margin-left:-10rem } } @media (min-width: 81.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__meta-container { margin-left:-15rem } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .meta__extras { margin-left: -0.625rem; margin-right: -0.625rem } @media (min-width: 30em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .meta__extras { margin-left:-1.25rem; margin-right: -1.25rem } } @media (min-width: 41.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .meta__extras { margin-left:0; margin-right: 0; padding-left: 0; padding-right: 0 } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__meta-container:before { display: none } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .drop-cap { height: 6.5625rem } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .drop-cap .drop-cap__inner { font-weight: 900; font-size: 8.75rem; line-height: .7 } @media (min-width: 46.25em) { .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .drop-cap .drop-cap__inner { font-size:8.625rem } } .content--immersive:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .element-pullquote { padding: 0.375rem; padding-bottom: 0.75rem } .content--pillar-news.content--immersive-article:not(.paid-content) .u-underline { color: #c70000; border-bottom: 0.0625rem solid rgba(199,0,0,0.4) } .content--pillar-news.content--immersive-article:not(.paid-content) .u-underline:hover { border-bottom-color: #c70000 } .content--pillar-news.content--immersive-article:not(.paid-content) .element-pullquote.element--showcase .pullquote-paragraph { color: #c70000 } .content--pillar-opinion.content--immersive-article:not(.paid-content) .u-underline { color: #e05e00; border-bottom: 0.0625rem solid rgba(224,94,0,0.4) } .content--pillar-opinion.content--immersive-article:not(.paid-content) .u-underline:hover { border-bottom-color: #e05e00 } .content--pillar-opinion.content--immersive-article:not(.paid-content) .element-pullquote.element--showcase .pullquote-paragraph { color: #e05e00 } .content--pillar-sport.content--immersive-article:not(.paid-content) .u-underline { color: #0084c6; border-bottom: 0.0625rem solid rgba(0,132,198,0.4) } .content--pillar-sport.content--immersive-article:not(.paid-content) .u-underline:hover { border-bottom-color: #0084c6 } .content--pillar-sport.content--immersive-article:not(.paid-content) .element-pullquote.element--showcase .pullquote-paragraph { color: #0084c6 } .content--pillar-arts.content--immersive-article:not(.paid-content) .u-underline { color: #a1845c; border-bottom: 0.0625rem solid rgba(161,132,92,0.4) } .content--pillar-arts.content--immersive-article:not(.paid-content) .u-underline:hover { border-bottom-color: #a1845c } .content--pillar-arts.content--immersive-article:not(.paid-content) .element-pullquote.element--showcase .pullquote-paragraph { color: #a1845c } .content--pillar-lifestyle.content--immersive-article:not(.paid-content) .u-underline { color: #bb3b80; border-bottom: 0.0625rem solid rgba(187,59,128,0.4) } .content--pillar-lifestyle.content--immersive-article:not(.paid-content) .u-underline:hover { border-bottom-color: #bb3b80 } .content--pillar-lifestyle.content--immersive-article:not(.paid-content) .element-pullquote.element--showcase .pullquote-paragraph { color: #bb3b80 } .content--pillar-special-report.content--immersive-article:not(.paid-content) .u-underline { color: #3f464a; border-bottom: 0.0625rem solid rgba(63,70,74,0.4) } .content--pillar-special-report.content--immersive-article:not(.paid-content) .u-underline:hover { border-bottom-color: #3f464a } .content--pillar-special-report.content--immersive-article:not(.paid-content) .element-pullquote.element--showcase .pullquote-paragraph { color: #3f464a } @font-face { font-family: 'Guardian Titlepiece'; src: url("fonts/GTGuardianTitlepiece-Bold.woff2") format("woff2"),url("fonts/GTGuardianTitlepiece-Bold.woff") format("woff"),url("fonts/GTGuardianTitlepiece-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal } .content.content--article.content--type-numbered-list { counter-reset: section } @media (max-width: 46.24em) { .content.content--article.content--type-numbered-list .content__article-body figure.element--thumbnail { float:right; margin-left: 1.25rem; margin-right: 0 } } .content.content--article.content--type-numbered-list .content__article-body .element-image.element--thumbnail img { border-radius: 50%; overflow: hidden } .content.content--article.content--type-numbered-list .content__article-body ul.article-link { display: block; position: relative; margin-left: -0.625rem; margin-right: -0.625rem; margin-top: 1.5rem; margin-bottom: 2.25rem } @media (min-width: 30em) { .content.content--article.content--type-numbered-list .content__article-body ul.article-link { margin-left:-1.25rem; margin-right: -1.25rem } } @media (min-width: 46.25em) { .content.content--article.content--type-numbered-list .content__article-body ul.article-link { margin-right:0 } } @media (min-width: 71.25em) { .content.content--article.content--type-numbered-list .content__article-body ul.article-link { margin-left:-0.625rem } } .content.content--article.content--type-numbered-list .content__article-body ul.article-link:after { content: ''; border-bottom: 0.0625rem solid #dcdcdc; position: absolute; left: 0; right: 0; top: 0 } .content.content--article.content--type-numbered-list .content__article-body ul.article-link li { border: 0.0625rem solid #dcdcdc; padding: 0.75rem 0.625rem 1.125rem !important; margin: 0 0.625rem; max-width: 28.125rem } @media (min-width: 30em) { .content.content--article.content--type-numbered-list .content__article-body ul.article-link li { margin:0 1.25rem } } @media (min-width: 71.25em) { .content.content--article.content--type-numbered-list .content__article-body ul.article-link li { margin-left:0 } } .content.content--article.content--type-numbered-list .content__article-body ul.article-link li a { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 800 } .content.content--article.content--type-numbered-list .content__article-body ul.article-link li strong { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-weight: 400; color: #707070; display: block } .content.content--article.content--type-numbered-list .content__article-body ul.article-link li:before { content: none !important } .content.content--article.content--type-numbered-list .content__article-body>h2 { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 700; box-sizing: border-box; border-top: 0.25rem solid #dcdcdc; color: #121212; min-height: 5rem; position: relative; margin-left: -0.625rem; margin-right: -0.625rem; margin-top: 3rem; padding: 0.1875rem 0.625rem 0.75rem 5.5rem } @media (min-width: 30em) { .content.content--article.content--type-numbered-list .content__article-body>h2 { margin-left:-1.25rem; margin-right: -1.25rem; padding: 0.1875rem 1.25rem 0.75rem 6.125rem } } @media (min-width: 46.25em) { .content.content--article.content--type-numbered-list .content__article-body>h2 { font-size:2.125rem; line-height: 2.375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; font-weight: 700; margin-right: 0; margin-top: 6rem; min-height: 6.9375rem; padding: 0.375rem 0.625rem 0.75rem 8.0625rem } } @media (min-width: 71.25em) { .content.content--article.content--type-numbered-list .content__article-body>h2 { min-height:auto; margin-left: -0.625rem; padding: 0.375rem 0.625rem 0.75rem } } .content.content--article.content--type-numbered-list .content__article-body>h2 strong { display: block; font-weight: 700 } .content.content--article.content--type-numbered-list .content__article-body>h2:before { font-family: 'Guardian Titlepiece', Georgia, serif; font-size: 3.75rem; line-height: 3.75rem; content: counter(section); box-sizing: border-box; counter-increment: section; border: 0.0625rem solid #dcdcdc; border-top-width: 0.25rem; font-variant-numeric: lining-nums; height: 4.25rem; width: 4.25rem; color: #fff; -webkit-text-stroke-width: 0.0625rem; -webkit-text-stroke-color: #dcdcdc; text-align: center; position: absolute; top: -0.25rem; left: 0.625rem } @media (min-width: 46.25em) { .content.content--article.content--type-numbered-list .content__article-body>h2:before { line-height:5.5rem; font-size: 5.5rem; height: 6.1875rem; width: 6.1875rem; left: 1.25rem } } @media (min-width: 71.25em) { .content.content--article.content--type-numbered-list .content__article-body>h2:before { left:0.0625rem; top: -0.25rem; -webkit-transform: translateX(-100%); transform: translateX(-100%) } } .content.content--article.content--type-numbered-list .falseH3 { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; border-top: 0.0625rem solid #dcdcdc; color: #121212; margin-top: 1.5rem; margin-bottom: 0.1875rem; margin-left: -0.625rem; margin-right: -0.625rem; padding: 0.1875rem 0.625rem 0.375rem } @media (min-width: 30em) { .content.content--article.content--type-numbered-list .falseH3 { padding:0.1875rem 1.25rem 0.375rem; margin-left: -1.25rem; margin-right: -1.25rem } } @media (min-width: 46.25em) { .content.content--article.content--type-numbered-list .falseH3 { display:block; margin-left: -1.25rem; margin-right: 0; font-size: 1.5rem; line-height: 1.75rem } } @media (min-width: 71.25em) { .content.content--article.content--type-numbered-list .falseH3 { margin-left:-0.625rem; padding: 0.1875rem 0.625rem 0.375rem } } .content.content--article.content--type-numbered-list .stars { box-sizing: border-box; font-size: 1.25rem; line-height: 1; height: 1.875rem; letter-spacing: 0.125rem; margin: 0 0 0.75rem -0.625rem; position: relative; z-index: 1000 } @media (min-width: 30em) { .content.content--article.content--type-numbered-list .stars { margin-left:-1.25rem } } @media (min-width: 46.25em) { .content.content--article.content--type-numbered-list .stars { margin-left:0 } } @media (min-width: 71.25em) { .content.content--article.content--type-numbered-list .stars { margin-left:-0.625rem } } @media (min-width: 71.25em) { .content.content--article.content--type-numbered-list .stars+.element-image { margin-top:-2.625rem } } .content--pillar-news.content--type-numbered-list h2 strong { color: #c70000 } .content--pillar-opinion.content--type-numbered-list h2 strong { color: #e05e00 } .content--pillar-sport.content--type-numbered-list h2 strong { color: #0084c6 } .content--pillar-arts.content--type-numbered-list h2 strong { color: #a1845c } .content--pillar-lifestyle.content--type-numbered-list h2 strong { color: #bb3b80 } .content--pillar-special-report.content--type-numbered-list h2 strong { color: #3f464a } @supports (display: grid) { @media (min-width: 71.25em) { .content.content--article.content--type-splash .content__head--article { grid-template-areas:'media-primary media-primary' 'series-tab content-headline' '. content-standfirst'; grid-template-columns: auto 39.375rem } } @media (min-width: 81.25em) { .content.content--article.content--type-splash .content__head--article { grid-template-columns:auto 44.375rem } } } .content.content--article.content--type-splash .media-primary { margin-bottom: -2.875rem } @media (max-width: 29.99em) { @supports (object-fit: cover) and (height: 1vh) { .content.content--article.content--type-splash .media-primary { height:90vw } .content.content--article.content--type-splash .media-primary .u-responsive-ratio { position: unset } .content.content--article.content--type-splash .media-primary img { height: 90vw; object-fit: cover } } } @media (min-width: 71.25em) { .content.content--article.content--type-splash .media-primary { grid-area:media-primary; margin-bottom: -4.375rem; max-height: 35rem; overflow: hidden } } .content.content--article.content--type-splash .content__labels--splash { margin-right: 1.25rem; padding: 0.375rem 0.625rem; -webkit-order: 0; -ms-flex-order: 0; order: 0 } @media (min-width: 30em) and (max-width: 46.24em) { .content.content--article.content--type-splash .content__labels--splash { padding-left:1.25rem } } @media (min-width: 71.25em) { .content.content--article.content--type-splash .content__labels--splash { grid-area:series-tab; margin-right: 0; padding: 0.375rem 0.625rem 3rem } @supports (display: grid) { .content.content--article.content--type-splash .content__labels--splash { width:9.375rem } } } @media (min-width: 81.25em) { @supports (display: grid) { .content.content--article.content--type-splash .content__labels--splash { width:14.375rem } } } .content.content--article.content--type-splash .content__headline-splash-wrapper { border-top: 0.0625rem solid rgba(0,0,0,0.2); box-sizing: border-box; margin: 0 1.25rem 0 0; padding: 0 0.625rem 2.25rem; position: relative; z-index: 1015 } @media (min-width: 30em) and (max-width: 46.24em) { .content.content--article.content--type-splash .content__headline-splash-wrapper { padding-left:1.25rem } } @media (min-width: 41.25em) and (max-width: 46.24em) { .content.content--article.content--type-splash .content__headline-splash-wrapper { margin-left:1.25rem } } @media (min-width: 71.25em) { .content.content--article.content--type-splash .content__headline-splash-wrapper { border-top:0; grid-area: content-headline; max-width: 39.375rem; padding-bottom: 3rem } @supports (display: grid) { .content.content--article.content--type-splash .content__headline-splash-wrapper { border-left:0.0625rem solid rgba(0,0,0,0.2) } } } .content.content--article.content--type-splash .content__headline-splash-wrapper .stars { bottom: 0; margin-bottom: 0; position: absolute } @media (max-width: 41.24em) { .content.content--article.content--type-splash .content__headline-splash-wrapper .stars { margin-left:-0.625rem } } @media (max-width: 41.24em) and (min-width: 30em) { .content.content--article.content--type-splash .content__headline-splash-wrapper .stars { margin-left:-1.25rem } } @media (min-width: 46.25em) { .content.content--article.content--type-splash .content__headline-standfirst-wrapper { padding-bottom:1.5rem } .content.content--article.content--type-splash .content__headline-standfirst-wrapper .content__standfirst { font-size: 1.5rem; line-height: 1.75rem } } @media (min-width: 71.25em) { @supports (display: grid) { .content.content--article.content--type-splash .content__headline-standfirst-wrapper { grid-area:content-standfirst; padding-left: 0.625rem; padding-right: 0.625rem } } } @media (max-width: 46.24em) { .content.content--article.content--type-splash .content__meta-container { margin:1.5rem -0.625rem 0 } } @media (min-width: 71.25em) { .content.content--article.content--type-splash .content__meta-container { float:left; position: relative } } .content.content--article.content--type-splash .content__headline--splash { color: #ffffff; padding: 0 } @media (min-width: 46.25em) { .content.content--article.content--type-splash .content__headline--splash { font-size:2.125rem; line-height: 2.375rem } } .content.content--article.content--type-splash .content__series-label--splash .content__label__link { color: #ffffff; font-weight: 700 } .content.content--article.content--type-splash.content--pillar-special-report .content__label__link { color: #ffe500 } .content.content--article.content--type-splash.content--type-comment .content__headline-splash-wrapper { overflow: hidden } .content.content--article.content--type-splash.content--type-comment .content__headline-splash-wrapper .content__header { background: none } .content.content--article.content--type-splash.content--type-comment .content__headline--byline .tone-colour { color: #ffffff; font-style: normal; font-weight: 700 } .content.content--article.content--type-splash.content--type-comment .content__labels--splash:hover { background-color: #bd5318 } .content.content--article.content--type-splash.content--type-comment .content__head--byline-pic .content__headline-splash-wrapper { padding-bottom: 0 } .content.content--article.content--type-splash.content--type-comment .content__head--byline-pic .content__headline--byline { padding-bottom: 2.25rem } @media (max-width: 71.24em) { .content.content--article.content--type-splash.content--type-comment .content__head--byline-pic .content__headline--byline { padding-right:8.75rem } } .content.content--article.content--type-splash.content--type-comment .content__head--byline-pic .content__header { min-height: 9rem } @media (min-width: 71.25em) { .content.content--article.content--type-splash.content--type-comment .content__head--byline-pic .content__header { padding-right:8.75rem } } .content.content--article.content--type-splash.content--type-comment .content__head--byline-pic .byline-img { position: relative; right: -1.875rem } @media (min-width: 71.25em) { .content.content--article.content--type-splash.content--type-comment .content__head--byline-pic .byline-img { position:absolute } } .content.content--article.content--type-splash .content__article-body .content__meta-container+* { padding-top: 0.1875rem } @media (min-width: 71.25em) { .content.content--article.content--type-splash .content__article-body .content__meta-container+* { border-top:0.0625rem solid #dcdcdc; margin-top: -0.0625rem } } @media (max-width: 71.24em) { .content__series-cta { float:right } } @media (min-width: 71.25em) { .content__series-cta { bottom:0.375rem; position: absolute } } .content__series-cta__text { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color: #ffffff; font-weight: 700; vertical-align: middle } .content__series-cta__icon { background-color: #ffffff; height: 2.125rem; width: 2.125rem } .content--pillar-special-report:not(.content--type-immersive):not(.content--media):not(.content--type-splash) { background-color: #eff1f2 } .content--pillar-special-report:not(.content--type-immersive):not(.content--media):not(.content--type-splash) .content__headline--byline .tone-colour { background-color: #ffe500 } .content--pillar-special-report:not(.content--type-immersive):not(.content--media):not(.content--type-splash) .content__series-label .content__label__link { box-shadow: -0.1875rem 0 0 0 #ffe500,0.1875rem 0 0 0 #ffe500 } @media (min-width: 71.25em) { .content--pillar-special-report:not(.content--type-immersive):not(.content--media):not(.content--type-splash) .content__series-label .content__label__link { line-height:1.5rem } } .content--pillar-special-report:not(.content--type-immersive):not(.content--media):not(.content--type-splash) .content__series-label .content__label__link .label__link-wrapper { background: #ffe500; position: relative } @media (min-width: 71.25em) { .content--pillar-special-report:not(.content--type-immersive):not(.content--media):not(.content--type-splash) .badge-slot { margin-left:-0.1875rem } } @media (min-width: 71.25em) { .content--pillar-special-report:not(.content--type-immersive):not(.content--media):not(.content--type-splash) .content__labels { margin-bottom:0.375rem; padding-left: 0.1875rem } } .content--immersive.content--pillar-special-report:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__labels { background-color: #ffe500 } .content--immersive.content--pillar-special-report:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .content__labels .content__series-label__link { color: #121212 } .content--immersive.content--pillar-special-report:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container .content__main-column,.content--immersive.content--pillar-special-report:not(.immersive-main-media__gallery):not(.paid-content):not(.content--gallery):not(.content--minute-article) .immersive-main-media__headline-container::after { background-color: #3f464a } .content--pillar-special-report.content--media:not(.paid-content) { background-color: #2f3437 } .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: linear-gradient(to bottom, rgba(0,0,0,0) 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:#00b2ff; 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.0625rem; line-height: 1.25rem; font-family: "Guardian 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.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; color: #00b2ff; 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: #dcdcdc; 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-flex; display: -ms-flexbox; display: flex; -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.6875rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal } .block--minute-article.block--minute-article--embed { -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 { 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.6875rem; font-family: "Guardian 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: #00b2ff } @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(0,178,255,0.6) } .block--minute-article p a:hover { border-bottom-color: #00b2ff } .block--minute-article p a:active { color: #00b2ff; border-bottom-color: #00b2ff } .block--minute-article .caption__minute-article { 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: #00b2ff } .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.6875rem; font-family: "Guardian 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: 2.125rem; line-height: 2.375rem } .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 #00b2ff } } @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: linear-gradient(to bottom, rgba(0,0,0,0) 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 } } } .immersive-header-container { background-color: #121212 } .immersive-main-media__headline-container--gallery { margin-top: -6.25rem; position: relative } @media (min-width: 46.25em) { .immersive-main-media__headline-container--gallery:after { content:''; display: block; position: absolute; width: 50%; right: 0; background-color: #121212; z-index: 0; top: 0; bottom: 0 } } @media (max-width: 46.24em) { .immersive-main-media__headline-container--gallery .gs-container { padding-left:0 } } .immersive-main-media__headline-container--gallery .content__main-column { background-color: #121212; margin-left: -0.625rem; padding: 0 0.625rem 1.5rem; min-height: 5.25rem; position: static } @media (min-width: 46.25em) { .immersive-main-media__headline-container--gallery .content__main-column { margin-left:1.25rem } } @media (min-width: 61.25em) { .immersive-main-media__headline-container--gallery .content__main-column { margin-left:15.625rem } } .immersive-main-media__headline-container--gallery .content__headline { font-size: 2.125rem; line-height: 2.375rem; font-weight: 700; padding: 0 0.625rem } @media (min-width: 30em) { .immersive-main-media__headline-container--gallery .content__headline { padding-left:1.25rem } } @media (min-width: 46.25em) { .immersive-main-media__headline-container--gallery .content__headline { padding-left:0; position: relative; z-index: 1 } } @media (min-width: 61.25em) { .immersive-main-media__headline-container--gallery .content__headline { font-size:3.125rem; line-height: 3.625rem; width: 38.125rem } } .immersive-main-media__headline-container--gallery .content__headline--paidgallery { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 2rem; line-height: 2.1875rem } @media (min-width: 61.25em) { .immersive-main-media__headline-container--gallery .content__headline--paidgallery { font-size:3.125rem; line-height: 3.375rem } } .immersive-main-media__headline-container--gallery .content__labels { margin-left: 0; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); width: auto; padding: 0.25rem 0.625rem } @media (min-width: 30em) { .immersive-main-media__headline-container--gallery .content__labels { padding-left:1.25rem } } @media (min-width: 46.25em) { .immersive-main-media__headline-container--gallery .content__labels { padding:0.375rem 0.625rem; margin-left: -0.625rem } } .immersive-main-media__headline-container--gallery .content__series-label { font-size: 1.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; color: #fff } .immersive-main-media__headline-container--gallery .content__labels--paidgallery { font-size: 1.125rem; line-height: 1.125rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; background: #69d1ca } .immersive-main-media__headline-container--gallery .content__labels--paidgallery .content__label__link { color: #121212 } .immersive-main-media__headline-container--gallery .content__series-label,.immersive-main-media__headline-container--gallery .content__labels--paidgallery,.immersive-main-media__headline-container--gallery .content__section-label--advertisement { font-size: 1rem; font-weight: 700 } @media (min-width: 61.25em) { .immersive-main-media__headline-container--gallery .content__series-label,.immersive-main-media__headline-container--gallery .content__labels--paidgallery,.immersive-main-media__headline-container--gallery .content__section-label--advertisement { font-size:1.25rem } } .content--gallery .tonal__head { border-bottom: solid 0.0625rem #333 } .content--gallery .tonal__head .content__main-column--gallery { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 1.5rem } @media (min-width: 46.25em) { .content--gallery .tonal__head .content__main-column--gallery { padding-left:0.625rem; border-left: solid 0.0625rem #333 } } @media (min-width: 61.25em) { .content--gallery .tonal__head .content__main-column--gallery { margin-left: 13rem; } } .content--gallery .tonal__head .meta__extras { border-top: solid 0.0625rem #333; margin-top: 0.75rem; padding: 0 } @media (min-width: 61.25em) { .content--gallery .tonal__head .meta__extras { position:absolute; width: 13.75rem; margin-top: 0; top: 0; margin-left: -15rem } } .content--gallery .tonal__head .social-icon__svg path { fill: #dcdcdc } .content--gallery .tonal__head .meta__numbers,.content--gallery .tonal__head .meta__social { display: inline-block } .content--gallery .tonal__head .meta__numbers { float: right; padding-top: 0.375rem } .content--gallery .tonal__head .meta__numbers .sharecount__value,.content--gallery .tonal__head .meta__numbers a { color: #707070 } .content--gallery .tonal__head .meta__numbers .inline-tone-fill { fill: #707070 } .content--gallery .tonal__head .content__meta-container,.content--gallery .tonal__head .gallery__meta-container,.content--gallery .tonal__head .tonal__standfirst,.content--gallery .tonal__head .badge { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .content--gallery .tonal__head .tonal__standfirst { max-width: 18.125rem; margin: 0 } @media (min-width: 46.25em) { .content--gallery .tonal__head .tonal__standfirst { max-width:25rem } } @media (min-width: 61.25em) { .content--gallery .tonal__head .tonal__standfirst { max-width:28.75rem } } .content--gallery .tonal__head .content__meta-container { -webkit-order: 4; -ms-flex-order: 4; order: 4; padding-top: 0; background-image: none; position: relative; margin: 0; min-height: 0; max-width: 38.75rem } @media (min-width: 61.25em) { .content--gallery .tonal__head .content__meta-container { -webkit-order:1; -ms-flex-order: 1; order: 1 } } .content--gallery .tonal__head .content__standfirst { margin-bottom: 0.75rem } .content--gallery .tonal__head .content__standfirst--advertisement { font-size: 1rem; line-height: 1.375rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif } .content--gallery .tonal__head .byline,.content--gallery .tonal__head .content__dateline { background-image: none; border: 0; padding: 0 } .content--gallery .tonal__head .byline>span { font-style: italic; font-weight: 700; margin-bottom: 0.75rem; max-width: 80% } @media (min-width: 46.25em) { .content--gallery .tonal__head .byline>span { max-width:100% } } .content--gallery .tonal__head .gallery__meta-container { -webkit-order: 3; -ms-flex-order: 3; order: 3; padding-top: 0 } .content--gallery .tonal__head .gallery__meta-container .badge { -webkit-order: 5; -ms-flex-order: 5; order: 5; margin-top: 0.375rem; margin-bottom: 0; padding: 0 } @media (min-width: 46.25em) { .content--gallery .tonal__head .gallery__meta-container .badge { margin-top:0.75rem } } .immersive-header-container--photo-essay { background-color: #fff } @media (min-width: 61.25em) { .immersive-header-container--photo-essay .content__main-column { margin-left:0 } } @media (min-width: 71.25em) { .immersive-header-container--photo-essay .content__main-column { margin-left:11.25rem } } @media (min-width: 81.25em) { .immersive-header-container--photo-essay .content__main-column { margin-left:15.625rem } } .caption.caption--gallery { color: #dcdcdc; z-index: 1 } @media (max-width: 61.24em) { .caption.caption--gallery { margin:0.75rem 0 0.375rem } } @media (min-width: 61.25em) { .caption.caption--gallery { padding-top:0.1875rem; position: absolute; top: 6.25rem; width: 13.75rem; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -1.25rem } } .caption.caption--gallery .inline-icon__svg { fill: #dcdcdc } @media (max-width: 71.24em) { .badge-slot { float:left; margin-right: 0.625rem } } @media (min-width: 61.25em) { article:not(.content--type-immersive) .badge-slot { margin-bottom:0.375rem } } .badge-slot__img { display: block; height: 2.625rem; width: auto } @media (min-width: 71.25em) { .badge-slot__img { height:3.375rem } } .content--media a[href*='series/guardian-200'] .badge-slot__img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .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 .block-elements>ol,.from-content-api .block-elements>blockquote>ul { margin-top: .8em } .from-content-api>li,.from-content-api>ol,.from-content-api>blockquote ul,.from-content-api .block-elements>li,.from-content-api .block-elements>ol,.from-content-api .block-elements>blockquote 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: 1.0625rem; line-height: 1.25rem; content: counter(li); counter-increment: li; margin-right: 0.25rem } .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.25rem; line-height: 1.4375rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; margin-bottom: 0.0625rem } .from-content-api>h3,.from-content-api .block-elements>h3 { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web",Georgia,serif; font-weight: bold; margin: 0 } .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: #707070; 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: #aab9d0; border: 0.0625rem solid #899dbe; padding: 0.5625rem 0.9375rem; border-radius: 0.25rem } .bullet { font-size: 0.00625rem; line-height: 0.00625rem; color: transparent } .bullet:before { display: inline-block; content: ''; border-radius: 0.375rem; height: 0.75rem; width: 0.75rem; margin-right: 0.125rem; background-color: #dcdcdc } .from-content-api ul:not(.social):not(.submeta__links):not(.syndication--bottom):not(.match-stats__players),.content__standfirst ul { list-style: none } .from-content-api ul:not(.social):not(.submeta__links):not(.syndication--bottom):not(.match-stats__players)>li,.content__standfirst ul>li { margin-bottom: 0.375rem; padding-left: 1.25rem } .from-content-api ul:not(.social):not(.submeta__links):not(.syndication--bottom):not(.match-stats__players)>li:before,.content__standfirst ul>li:before { display: inline-block; content: ''; border-radius: 0.375rem; height: 0.75rem; width: 0.75rem; margin-right: 0.5rem; background-color: #dcdcdc } .from-content-api ul:not(.social):not(.submeta__links):not(.syndication--bottom):not(.match-stats__players)>li:before,.content__standfirst ul>li:before { margin-left: -1.25rem } .paid-content .from-content-api ul:not(.social):not(.submeta__links):not(.syndication--bottom):not(.match-stats__players)>li:before,.paid-content .content__standfirst ul>li:before { display: inline-block; content: ''; border-radius: 0.375rem; height: 0.75rem; width: 0.75rem; margin-right: 0.25rem; background-color: #999 } .from-content-api ul:not(.social):not(.submeta__links):not(.syndication--bottom):not(.match-stats__players)>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: #707070 } .caption a { color: inherit } .caption .inline-information { margin-right: 0.125rem; margin-top: -0.1875rem; width: 0.875rem; height: 0.875rem; background-color: #dcdcdc } .caption .inline-information .inline-information__svg { width: 0.25rem; fill: #ffffff } .tonal--tone-media .caption .inline-information .inline-information__svg { fill: #121212 } .content__main--minute-article .caption .inline-information .inline-information__svg { fill: #dcdcdc } figure { margin: 0 } figure img { display: block } figure.element { margin-top: 1rem; margin-bottom: 0.75rem; position: relative } .content__article-body figure.element:first-child { margin-top: 0; margin-bottom: 0 } 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.125rem; font-family: "Guardian Text Egyptian Web",Georgia,serif } .from-content-api cite a { color: #707070 } .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.4375rem; font-family: "Guardian 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%; 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.6875rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; color: #707070; margin-bottom: 0 } @media (min-width: 46.25em) { .element-pullquote blockquote p { font-size:1.25rem; line-height: 1.4375rem } } .element-pullquote footer { margin-top: 0.0625rem } .element-pullquote cite { font-size: 1.0625rem; line-height: 1.5rem; font-family: "Guardian Text Egyptian Web",Georgia,serif; font-weight: bold; font-style: normal; color: #121212 } .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 #707070 } .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; 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; 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: #ff7f0f } :checked+.atom-quiz__answer__item .element-image { opacity: .8 } :checked+.atom-quiz__answer__item:before { background-color: #121212; box-shadow: 0 0 0 0.0625rem #121212,inset 0 0 0 0.1875rem #ff7f0f } .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: #707070; box-shadow: 0 0 0 0.0625rem #707070,inset 0 0 0 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: #c70000 } .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; border-radius: 1em; display: inline-block; position: absolute; left: 1em; top: 1em; box-shadow: 0 0 0 0.0625rem #dcdcdc; transition: background-color 100ms, box-shadow 50ms } :checked+.atom-quiz__answer__item--text:before { background-color: #121212; box-shadow: 0 0 0 0.0625rem #121212,inset 0 0 0 0.1875rem #ff7f0f } .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: #707070; box-shadow: 0 0 0 0.0625rem #707070,inset 0 0 0 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; 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: #121212 } .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: #707070 } .atom-quiz__score { font-size: 4.375rem; line-height: 4.875rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; color: #052962; 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:valid :valid { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .atom-quiz--instant-reveal:invalid :valid+.atom-quiz__answer__item,.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: #c70000 } .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-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+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTEgNCAwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40LS42LS42LTIuOSAyLjZMMTAuNiAzbC0uNi42IDIuNiAyLjlMMTAgOS40bC42LjYgMi45LTIuNiAyLjkgMi42LjYtLjYtMi42LTIuOUwxNyAzLjZ6Ii8+PC9zdmc+); 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+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTEgNCAwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40LS42LS42LTIuOSAyLjZMMTAuNiAzbC0uNi42IDIuNiAyLjlMMTAgOS40bC42LjYgMi45LTIuNiAyLjkgMi42LjYtLjYtMi42LTIuOUwxNyAzLjZ6Ii8+PC9zdmc+); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEgNCAwIDV2M2wxIDFoMmw0IDRoMVYwSDdMMyA0SDF6bTE2LS40LS42LS42LTIuOSAyLjZMMTAuNiAzbC0uNi42IDIuNiAyLjlMMTAgOS40bC42LjYgMi45LTIuNiAyLjkgMi42LjYtLjYtMi42LTIuOUwxNyAzLjZ6Ii8+PC9zdmc+); background-position: 0 0; width: 1.0625rem; height: 0.8125rem } .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-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,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xIDEwLjJWOC40TDIuOCA2LjcgNy4xIDVWMy4yTC44IDZ2MS41bDYuMyAyLjhNOS42IDE0aDEuN0wxNS4xLjRoLTEuN0w5LjYgMTRtOC40LTMuNyA2LjMtMi44VjZMMTggMy4yVjVsNC4zIDEuN0wxOCA4LjR2MS44IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); 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,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODRabTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MlptOC4zNjQtMy42OCA2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4WiIgZmlsbD0iI2ZiMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+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,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNSAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy4xMiAxMC4yNFY4LjQzMkwyLjgxNiA2LjcwNCA3LjEyIDQuOTkyVjMuMTY4TC44IDUuOTUydjEuNTA0bDYuMzIgMi43ODRabTIuNDc2IDMuNjhoMS43NDRMMTUuMTguMjcyaC0xLjc0NEw5LjU5NiAxMy45MlptOC4zNjQtMy42OCA2LjMyLTIuNzg0VjUuOTUybC02LjMyLTIuNzg0djEuODI0bDQuMzA0IDEuNzI4LTQuMzA0IDEuNzEydjEuODA4WiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIi8+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+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTMuNCAyMC4yIDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOSAxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMuNCAyMC4yIDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOSAxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMuNCAyMC4yIDkgMTQuNSA3LjUgMTNsLTUuNyA1LjZMMSAxNEgwdjcuNWwuNS41SDh2LTFsLTQuNi0uOE0xOC43IDEuOSAxMyA3LjYgMTQuNCA5bDUuNy01LjcuNSA0LjdoMS4yVi42bC0uNS0uNUgxNHYxLjJsNC43LjYiLz48L3N2Zz4=); 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+PHBhdGggZmlsbD0iI2ZiMCIgZD0iTTMgMCAwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==); 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+PHBhdGggZmlsbD0iI2FhZDhmMSIgZD0iTTMgMCAwIDN2MTdsMyAzaDE5VjBIM20yMiA5djVsOSA4aDJWMWgtMmwtOSA4eiIvPjwvc3ZnPg==); 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+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTIxIDkuOC0uOC0uOC01LjIgNC44TDkuOCA5bC0uOC44IDQuOCA1LjJMOSAyMC4ybC44LjggNS4yLTQuOCA1LjIgNC44LjgtLjgtNC44LTUuMkwyMSA5LjgiLz48L3N2Zz4=); 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-play-32--tone-media,.svg-i-play-32--tone-media { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGNpcmNsZSBmaWxsPSIjZmIwIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); 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+PGNpcmNsZSBmaWxsPSIjYWFkOGYxIiBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjMgMTUuNjcgMTIgMTFsLS45OS4zdjkuMjU3bDEgLjMgMTEtNC42N3YtLjUiLz48L3N2Zz4=); 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+PHBhdGggZD0ibTE0LjcyNyA1LjcyNyAxLjYzNi0xLjYzNmgzLjI3M2wxLjYzNiAxLjYzNi0xLjYzNiAxNS41NDVoLTMuMjczTDE0LjcyNyA1LjcyN202LjU0NSAyMi4wOWMwLTEuOC0xLjQ3My0zLjI3My0zLjI3My0zLjI3M2EzLjI4MyAzLjI4MyAwIDAgMC0zLjI3MyAzLjI3M2MwIDEuOCAxLjQ3MyAzLjI3MyAzLjI3MyAzLjI3M3MzLjI3My0xLjQ3MyAzLjI3My0zLjI3MyIgZmlsbD0iIzMzMyIvPjwvZz48L3N2Zz4=); background-position: 0 0; width: 2.25rem; height: 2.25rem } .svg .i-expand--black,.svg-i-expand--black { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNzIuOCAxOTF2MTEuM2gtNjZMMi4xIDE5OHYtNjZoMTEuN2w1LjEgNDAuNiA1Mi01MiAxMi45IDEyLjktNTIgNTIgNDAuNiA1LjVtNTktMTc3VjIuN2g2Nmw0LjMgNC4zdjY2aC0xMS4zbC01LjUtNDEtNTIgNTItMTIuNS0xMi45IDUyLTUyLTQwLjYtNS4xIi8+PC9zdmc+); background-position: 0 0; width: 0; height: 0 } .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-volume-low-black,.svg-i-volume-low-black { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUgMjA1Ij48cGF0aCBmaWxsPSIjMzMzIiBkPSJNOTkgMjMuM3YxNThoLTguN2wtNDcuNy00N2gtMzNsLTcuNi04Vjc4LjZsOC43LTguM2gzMmw0Ny00N2g4LjdtNTIgNzktMjkuOS0zNCA2LjQtNi40IDMzLjcgMzAgMzQtMzAgNi40IDYuNC0zMCAzNCAzMCAzMy43LTYuNCA2LjQtMzQtMjkuOS0zMy43IDI5LjktNi40LTYuNCAyOS45LTMzLjciLz48L3N2Zz4=); background-position: 0 0; width: 0; height: 0 } @media (min-width: 61.25em) { .video-playlist__item .youtube-media-atom { opacity:.3; transition: opacity .4s ease-out } } @media (min-width: 61.25em) { .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__paid-for-overlay { background-color: #fff; width: 100%; position: absolute; bottom: 0; height: 5.3125rem; opacity: .5 } @media (max-width: 29.99em) { .youtube-media-atom__paid-for-overlay { display:none } } .youtube-media-atom__paid-for-label { font-size: 1rem; color: #000000; margin: 0.3125rem 0.625rem 0 0 } @media (max-width: 41.24em) { .youtube-media-atom__paid-for-label { display:none } } .youtube-media-atom__paid-for-logo-container { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; right: 0; width: auto } @media (max-width: 29.99em) { .youtube-media-atom__paid-for-logo-container { display:none } } .youtube-media-atom__paid-for-logo { width: auto; height: 5.375rem; position: relative; bottom: 0; right: 0; margin-right: 0.625rem } @media (max-width: 29.99em) { .youtube-media-atom__paid-for-logo { display:none } } .youtube-media-atom__iframe,.youtube-media-atom__overlay { height: 100%; width: 100%; position: absolute; max-height: 100vh } .youtube-media-atom__iframe { z-index: 0 } .youtube-media-atom__iframe:hover ~ .youtube-media-atom__overlay .youtube-media-atom__play-button { 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.12); transform: scale(1.12); -webkit-transform-origin: center; transform-origin: center } .youtube-media-atom__iframe:hover ~ .youtube-media-atom__overlay .youtube-media-atom__immersive-interface .youtube-media-atom__play-button { 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__iframe.youtube__video-ended ~ .youtube-media-atom__overlay { visibility: hidden; opacity: 0 } .youtube-media-atom__iframe.youtube__video-started:not(.youtube__video-ended) ~ .video-overlay { visibility: hidden; opacity: 0 } .youtube-media-atom__iframe.youtube__video-started:not(.youtube__video-ended) ~ .youtube-media-atom__overlay { visibility: hidden; opacity: 0; transition: opacity 1s linear, visibility 1s; transition-delay: 500ms; transition-duration: 500ms } youtube-media-atom:not(.youtube-related-videos) .youtube-media-atom__iframe.youtube__video-ended.youtube__video-started ~ .youtube-media-atom__overlay { visibility: visible; opacity: 1; transition: opacity 1s linear, visibility 0s } @media (min-width: 46.25em) { .youtube-media-atom__iframe.youtube__video-ended.youtube__video-started ~ .end-slate-container { display:block } } .youtube-media-atom__overlay.vjs-big-play-button { pointer-events: none } .facia-page .youtube-media-atom__overlay.vjs-big-play-button { pointer-events: auto } .youtube-media-atom__overlay { background-size: cover; background-position: 49% 49%; background-repeat: no-repeat; z-index: 0; text-align: center } .youtube-media-atom__overlay .video-overlay { text-align: initial } .youtube-media-atom__play-button.vjs-control-text { overflow: hidden !important; display: inline-block; z-index: 2; opacity: 1 } .no-player .youtube-media-atom__play-button.vjs-control-text { transition: none } .youtube-media-atom__bottom-bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 3.75rem; z-index: 1 } .youtube-media-atom__bottom-bar:after { background-color: rgba(51,51,51,0); background-image: linear-gradient(to bottom, rgba(51,51,51,0), rgba(51,51,51,0.5)); position: absolute; height: 100%; width: 100%; left: 0; z-index: -1; content: ''; opacity: .7 } .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: #ffe500; float: left; -webkit-font-smoothing: subpixel-antialiased; padding-top: 0.25rem; padding-left: 5rem; text-shadow: 0 0 1rem rgba(51,51,51,0.25) } .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%; border-radius: 100% } .immersive-main-media__media .youtube-media-atom__play-button:after { display: none } .immersive-main-media__media .youtube-media-atom__play-button .inline-play__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); border-radius: 2rem } .immersive-main-media__media .youtube-media-atom__bottom-bar__duration:before { display: none } .youtube-media-atom__play-button { background-color: #121212; border-radius: 50%; color: transparent } .vjs-big-play-button .vjs-control-text,.youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.75rem; left: 0.75rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.75rem; height: 3.75rem } .vjs-big-play-button .vjs-control-text .inline-play svg,.youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.5rem } .fc-item--full-media-75-tablet .vjs-big-play-button .vjs-control-text,.fc-item--full-media-50-tablet .vjs-big-play-button .vjs-control-text,.fc-item--three-quarters-tablet .vjs-big-play-button .vjs-control-text,.fc-item--half-tablet .vjs-big-play-button .vjs-control-text,.fc-item--full-media-75-tablet .youtube-media-atom__play-button.vjs-control-text,.fc-item--full-media-50-tablet .youtube-media-atom__play-button.vjs-control-text,.fc-item--three-quarters-tablet .youtube-media-atom__play-button.vjs-control-text,.fc-item--half-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.625rem; left: 0.625rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.125rem; height: 3.125rem } .fc-item--full-media-75-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--full-media-50-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--three-quarters-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--half-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--full-media-75-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg,.fc-item--full-media-50-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg,.fc-item--three-quarters-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg,.fc-item--half-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.25rem } .fc-item--third-tablet .vjs-big-play-button .vjs-control-text,.fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius: 50%; position: absolute; bottom: 0.625rem; left: 0.625rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3.125rem; height: 3.125rem } .fc-item--third-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1.25rem } @media (min-width: 30em) and (max-width: 46.24em) { .fc-item--third-tablet .vjs-big-play-button .vjs-control-text,.fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius:50%; position: absolute; bottom: 0.525rem; left: 0.525rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 2.625rem; height: 2.625rem } .fc-item--third-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--third-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 1rem } } @media (min-width: 46.25em) { .fc-item--standard-tablet .vjs-big-play-button .vjs-control-text,.fc-item--list-media-tablet .vjs-big-play-button .vjs-control-text,.fc-item--standard-tablet .youtube-media-atom__play-button.vjs-control-text,.fc-item--list-media-tablet .youtube-media-atom__play-button.vjs-control-text { border-radius:50%; position: absolute; bottom: 0.375rem; left: 0.375rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1.875rem; height: 1.875rem } .fc-item--standard-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--list-media-tablet .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--standard-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg,.fc-item--list-media-tablet .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 0.875rem } } @media (max-width: 46.24em) { .fc-item--list-media-mobile .vjs-big-play-button .vjs-control-text,.fc-item--list-media-mobile .youtube-media-atom__play-button.vjs-control-text { border-radius:50%; position: absolute; bottom: 0.375rem; left: 0.375rem; 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-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 1.875rem; height: 1.875rem } .fc-item--list-media-mobile .vjs-big-play-button .vjs-control-text .inline-play svg,.fc-item--list-media-mobile .youtube-media-atom__play-button.vjs-control-text .inline-play svg { position: absolute; top: 50%; left: 49%; padding: 0; margin: 0; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); fill: #ffffff; width: 0.875rem } } @media (min-width: 20em) and (max-width: 29.99em) { .element-atom--media.element-atom--main-media { margin-top:0 } } figure.element-atom .atom--explainer a.u-underline { color: inherit } figure.element-atom .atom--explainer a.u-underline:hover { border-bottom: solid 0.0625rem #a8d8f2 } @media (min-width: 71.25em) { .podcast { display:grid; grid-template: '. standfirst . ' 'cover player right' 'cover main right' 'subscribe main right' 'byline main right' 'share main right' '. main right' '. support right' '. tags right' / 9.375rem 38.75rem 1fr; grid-column-gap: 0 } } .podcast .podcast__standfirst { grid-area: standfirst } .podcast .podcast__byline { grid-area: byline } .podcast .podcast__cover { grid-area: cover } .podcast .podcast__meta { grid-area: subscribe } .podcast .podcast__share { grid-area: share } .podcast .podcast__date { grid-area: date } .podcast .podcast__player { grid-area: player } .podcast .podcast__body { grid-area: main } .podcast .podcast__submeta { grid-area: tags } .podcast .podcast__support { grid-area: support } .podcast .podcast__secondary { grid-area: right } @media (min-width: 81.25em) { .podcast { grid-template-columns:14.375rem 43.75rem 1fr } } .podcast__standfirst { max-width: 33.75rem } .podcast__standfirst .content__standfirst { font: 400 1rem/1.25rem "Guardian Egyptian Web",Georgia,serif; max-width: none } .podcast__standfirst .u-underline.u-underline:hover,.podcast__standfirst .u-underline.u-underline:focus { border-bottom-color: #dcdcdc } @media (min-width: 71.25em) { .podcast__standfirst,.podcast__body,.podcast__submeta,.podcast__support { padding-left:0.625rem; padding-bottom: 0.75rem; border-left: 0.0625rem solid #333 } } @media (max-width: 71.24em) { .podcast__byline { background-image:repeating-linear-gradient(to bottom, #333, #333 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: top; background-size: 0.0625rem 0.8125rem; padding-top: 0.75rem } } @media (min-width: 30em) { .podcast__byline { margin-top:1.5rem } } @media (min-width: 71.25em) { .podcast__byline { border-top:0.0625rem solid #333; margin-top: 0.75rem; padding: 0.375rem 0.625rem 0 0 } .podcast__byline .content__meta-container { margin-bottom: 0 } } .podcast__byline .byline { font-style: normal } .podcast__byline .content__dateline { color: #969696 } .podcast__byline .content__meta-container { margin-left: 0; padding-top: 0; position: static; width: auto } .podcast__byline .content__meta-container::before { content: none } .content .podcast__byline .content__meta-container { background-image: none } @media (max-width: 71.24em) { .content .podcast__byline .content__meta-container { margin-top:0.25rem } } .podcast__byline .meta__contact-wrap { max-width: none; padding: 0 } .podcast__support,.podcast__meta,.podcast__share,.podcast__byline,.podcast__secondary,.podcast__submeta,.podcast__body { box-sizing: border-box; max-width: 38.75rem } @media (max-width: 71.24em) { .podcast__player { max-width:38.75rem } } .podcast__body .media-primary { margin-left: 0; margin-right: 0; margin-bottom: 0 } .podcast__body .caption { padding-bottom: 0 } @media (min-width: 71.25em) { .podcast__body { padding-top:0.375rem } } .podcast__player .podcast-meta { display: none } .podcast__player .gu-media-wrapper--audio { padding-top: 0 } @media (max-width: 71.24em) { .podcast__player .gu-media-wrapper--audio { margin-top:0.75rem } } @media (min-width: 71.25em) { .podcast__player .gu-media-wrapper--audio { border-left:0.0625rem solid #333; margin-right: 0.625rem; padding-bottom: 0.375rem } } @media (min-width: 71.25em) { .podcast__cover-image { max-width:calc(100% - 0.625rem); margin-bottom: 0.375rem } } @media (max-width: 71.24em) { .podcast__cover-image { float:left; height: 7.5rem; margin-right: 0.625rem; margin-top: 0.375rem; width: 7.5rem } } @media (max-width: 41.24em) { .podcast__section { margin-left:-0.625rem; margin-right: -0.625rem; padding-left: 0.625rem; padding-right: 0.625rem } } .podcast__section-heading { color: #ffffff; font: bold 1.125rem/1.25rem "Guardian Egyptian Web",Georgia,serif; margin: 0.41667rem 0 } .podcast__section-link { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #333; color: #ffffff; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font: 500 0.875rem/1 "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; padding: 0 0.75rem } .podcast__section-link:hover,.podcast__section-link:focus { background: rgba(255,255,255,0.1); text-decoration: none } .podcast__section-icon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex } .podcast__meta { background-image: repeating-linear-gradient(to bottom, #333, #333 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: top; background-size: 0.0625rem 0.8125rem; padding-top: 0.75rem; padding-bottom: 0; margin-bottom: 0 } @media (max-width: 71.24em) { .podcast__meta { margin-top:2rem } } @media (min-width: 71.25em) and (max-width: 81.24em) { .podcast__meta .podcast__meta-heading { font-size:1rem } } .podcast__meta-items { line-height: 2.75rem; margin: 0 } .podcast__meta-item { margin-right: 0.625rem; display: block } @media (max-width: 71.24em) { .podcast__meta-item { display:inline } } .podcast__meta-icon { margin-right: 0.41667rem } .podcast__meta__item-link { border-radius: 1.0625rem; height: 2.125rem } .podcast__support { border-top: 0.0625rem solid #333 } @media (max-width: 71.24em) { .podcast__support { margin-top:0.75rem } } @media (min-width: 71.25em) { .podcast__support { padding-bottom:0.75rem } } .podcast__support-icon { margin-left: 0.41667rem } .podcast__support-link { border-radius: 1.875rem; height: 2.125rem } .from-content-api.from-content-api .podcast__support-link { border-bottom: 0; background: #ffe500; color: #121212 } .from-content-api.from-content-api .podcast__support-link:hover,.from-content-api.from-content-api .podcast__support-link:focus { background: #e6ce00 } .from-content-api.from-content-api .podcast__support-link .inline-icon { fill: currentColor } .podcast__share { border-top: 0.0625rem solid #333; margin-top: 1.125rem; padding-top: 0; padding-right: 0.625rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } @media (min-width: 71.25em) { .podcast__share { margin-top:0.75rem } } @media (min-width: 71.25em) and (max-width: 81.24em) { .podcast__share { -webkit-flex-direction:column; -ms-flex-direction: column; flex-direction: column } .podcast__share .meta__numbers.meta__numbers.meta__numbers.meta__numbers { border-top: 0.0625rem solid #333; margin-right: -0.625rem; padding-right: 0.625rem } } .podcast__share .social { padding-top: 0.375rem } .podcast__share .social-icon__svg.social-icon__svg.social-icon__svg { fill: #ededed } .podcast__share .meta__numbers { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .podcast__share .meta__numbers .sharecount__value.sharecount__value.sharecount__value { color: #999 } .podcast__share .meta__numbers .inline-share.inline-share.inline-share svg { fill: #999 } .podcast__share .meta__number.meta__number.meta__number.meta__number { padding-left: 0.3125rem; border-color: #333 } .podcast__share .commentcount2__heading.commentcount2__heading.commentcount2__heading span { fill: #999 } .podcast__share .commentcount2__value { color: #999 } .podcast__submeta { background-image: repeating-linear-gradient(to bottom, #333, #333 0.0625rem, transparent 0.0625rem, transparent 0.25rem); background-repeat: repeat-x; background-position: top; background-size: 0.0625rem 0.8125rem; padding-top: 1.125rem } .podcast__submeta .submeta.submeta.submeta.submeta { background: none; padding-top: 0; margin-top: 0 } @media (max-width: 71.24em) { .podcast__submeta { margin-top:0.75rem } } @media (min-width: 71.25em) { .podcast__submeta { padding-bottom:0 } .podcast__submeta .submeta__keywords { border: 0; margin-bottom: 0; padding-bottom: 2.25rem } } @media (max-width: 71.24em) { .podcast__secondary { border-top:0.0625rem solid #333; margin-top: 0.75rem } .podcast__secondary .most-viewed-container--media { border-top: 0; margin-top: 0 } } @media (min-width: 71.25em) { .podcast__secondary { padding-left:0.625rem } .podcast__secondary .most-viewed-container--media { border-top-color: #333 } } @media (min-width: 46.25em) and (max-width: 71.24em) { .podcast__secondary .most-viewed--media .fc-item--media { width:33.3% } .podcast__secondary .most-viewed--media .fc-item--media:nth-child(4n),.podcast__secondary .most-viewed--media .fc-item--media:nth-child(4n)::before { display: none } .podcast__secondary .most-viewed--media .fc-item--media:nth-child(1n+4) { margin-bottom: 0 } } .podcast__player { padding-left: 0; padding-right: 0; margin-top: 0.75rem; margin-bottom: 0.1875rem; border-bottom: 0.0625rem solid #333 } @media (min-width: 71.25em) { .podcast__player { border-left:0.0625rem solid #333; border-top: 0.0625rem solid #333; margin: 0 } } .video_details .fc-item--media.fc-item { width: 50%; background-color: transparent; margin-left: 0; margin-right: 0; padding: 0 0.625rem; float: left; } .content--media .content__secondary-column--media { padding-left: 0.625rem; border-left: 0.0625rem solid #333; } .most-viewed-container--media .most-viewed-container__heading { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: 900; position: relative; top: 0.1875rem; color: #ededed; } .most-viewed-container--media { border-top: 0.0625rem solid #333; } .box_lines{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #333333; border-left-color: #333333; } .gs-container { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .gs-container{ max-width: 516px; } } @media (min-width: 768px) { .gs-container{ max-width: 696px; } } @media (min-width: 992px) { .gs-container{ max-width: 936px; } } @media (min-width: 1200px) { .gs-container { max-width: 1136px; } } @media (min-width: 1400px) { .gs-container { max-width: 1336px; } } @media (min-width: 1500px) { .gs-container{ max-width: 1396px; } } .content__secondary-column { width: 25rem!important; } .fc-item__timestamp .inline-icon { margin-top:0px!important; margin-right: 5px!important; margin-bottom: 10px!important; } .fc-item__timestamp { white-space: nowrap; } .fc-item__timestamp, .fc-trail__count { display: -webkit-flex; display: -ms-flexbox; display: flex; } .fc-item--type-interview.fc-item--video .fc-item__media-meta, .fc-item--type-interview.fc-item--video .fc-item__meta, .fc-item--type-media .fc-item__media-meta, .fc-item--type-media .fc-item__meta { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-weight: 600; } .fc-item__standfirst-wrapper.fc-item__standfirst-wrapper--timestamp .fc-item__meta { padding-bottom: 5px; } .fc-item--type-media .fc-item__meta { margin-bottom: -10px; } .gallery__figcaption { font-size: 0.75rem; line-height: 1rem; font-family: "Guardian Text Sans Web","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; overflow: visible; max-height: 100%; position: relative; border: 0; width: inherit; } @media (min-width: 61.25em){ .gallery__figcaption { font-size: 0.8125rem; line-height: 1.125rem; position: absolute; width: 12rem; top: 25px; right: auto; margin-left: -13.5rem; } .gallery__item { position: relative; border-top: 0; padding: 0; } } .content--media:not(.paid-content) .inline-icon, .content--media:not(.paid-content) .meta__numbers .inline-share svg, .content--media:not(.paid-content) .social-icon__svg { fill: #dcdcdc; } .article__fullscreen, .gallery__fullscreen { background-color: rgba(51,51,51,0.6); width: 2.75rem; height: 2.75rem; } .rounded-icon { border-radius: 62.5rem; display: inline-block; vertical-align: middle; position: relative; } .gallery-expand { display: block; } .immersive-header-container { background-color: #121212; } .immersive-main-media__headline-container--gallery { margin-top: -6.25rem; position: relative; } .gallery:before { content: ''; position: absolute; top: -0.625rem; bottom: 0; left: -0.625rem; border-left: 0.0625rem solid #333; } .gallery__fullscreen-container { top: 25px; right: 0; width: 2.75rem; height: 2.75rem; margin: 0.625rem; position: absolute; } .u-responsive-ratio { width: 100%; padding-bottom: 70%; position: relative; overflow: hidden; } figure img { display: block; } .gallery__img, .gallery__img-container { width: 100%; } .gallery__figcaption{ color:#fff;} .fc-container, .facia-container { position: relative; padding-bottom: 0.75rem; margin-bottom: 0; } .fc-container__inner, .facia-container__inner, .fc-container__pagination, .index-page-header { margin-left: auto; margin-right: auto; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 81.25em){ .l-side-margins:before, .l-side-margins:after { width: calc((100% - 87rem) / 2); } } .block-share--gallery svg{ fill:#fff;} a.rounded-icon{ position: relative; background-color: transparent; border: 0.0625rem solid #707070; box-sizing: border-box; transition: border-color .15s ease-out; width: 2rem; height: 2rem; } .gallery_bg{ background-color:#0d0d0d;} .gallery_bg h2{color:#fff;} .immersive-header-container { background-color: #121212; } .gallery__caption__title { font-size: 1.0625rem; line-height: 1.25rem; font-family: "Guardian Egyptian Web",Georgia,serif; font-weight: normal; color: #dcdcdc; display: block; margin-bottom: 0.75rem; } .fc-container .fc-container__inner{ border-top: 0.0625rem solid rgba(112,112,112,0.3); } .fc-container .fc-container__inner .container_photos{ border-left: 0.0625rem solid rgba(112,112,112,0.3); border-right: 0.0625rem solid rgba(112,112,112,0.3); padding-left:15px; padding-right:15px; } .fc-container .fc-container__inner .container_photos .fc-slice__item+.fc-slice__item:before{ border-left: 0.0625rem solid rgba(112,112,112,0.3); } .fc-container__header__title:after { background-color: rgba(112,112,112,0.3); } .fc-container .fc-container__inner .most{ border-left: 0.0625rem solid rgba(112,112,112,0.3); border-right: 0.0625rem solid rgba(112,112,112,0.3); } @media only screen and (min-width: 1400px) { .meta__social { padding-top: 3rem!important; } }