The new use for abandoned oil rigs
Story Source with images

The new use for abandoned oil rigs - BBC Future /* stylelint-disable property-no-unknown */ .styled-list { list-style: none; margin: 0; padding: 0; } .styled-list__item { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .styled-list__item:not(:first-of-type) { padding-top: 8px; } .styled-list__item a { font-weight: bold; text-decoration: none; } .styled-list__item--worklife a { color: #8beed9; } .styled-list__item--future a { color: #ffc857; } .styled-list__item--culture a { color: #472479; } .styled-list__item--earth a { color: #002856; } .styled-list__item--travel a { color: #002856; } .styled-list__text { color: #444; font-size: 16px; line-height: 24px; padding-left: 20px; } .styled-list__dot { display: -ms-flexbox; display: flex; margin-top: 8px; } .article-intro { position: relative; } .article-intro__line { margin-top: 24px; } /* stylelint-disable property-no-unknown */ .author-unit { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 14px; letter-spacing: -0.1px; line-height: 35px; } .author-unit--small-mobile { line-height: 30px; } .author-unit .author-unit__container { color: #4a4a4a; margin: 0 auto; } .author-unit .author-unit__container--desktop { margin: 0; } .author-unit__container { -ms-flex-align: baseline; align-items: baseline; display: -ms-flexbox; display: flex; padding: 10px 0; } .author-unit__text { font-style: italic; font-weight: 600; padding-right: 10px; text-decoration: none; } .author-unit__icon { color: #6a6a6a; padding-right: 14px; position: relative; text-decoration: none; top: 1px; } .author-unit__icon:hover { color: #00bbf2; } /* stylelint-disable property-no-unknown */ .partner-module { border-bottom: 1px solid #472479; border-top: 0; } .partner-module__link, .partner-module__link:visited { -ms-flex-align: center; align-items: center; color: #444; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 0; text-decoration: none; } .partner-module__link:hover { background-color: #f5f5f5; } .partner-module__heading { display: inline-block; font-size: 16px; line-height: 22px; margin: 16px 0; } .partner-module__partner-name { font-weight: bold; } .partner-module__partner-logo { display: block; height: 31px; margin: 12px 0; margin-left: 17px; width: 88px; } /* stylelint-disable property-no-unknown */ .uppercase-label { color: #8f8d8d; font-size: 12px; font-style: condensed; font-weight: bold; letter-spacing: 1px; line-height: 16px; margin: 0; padding: 0; text-transform: uppercase; -webkit-transition: color 0.4s; transition: color 0.4s; } .uppercase-label--small { font-size: 11px; font-weight: 400; line-height: 14px; margin: 0; } .uppercase-label--medium { font-size: 14px; line-height: 18px; } .uppercase-label--reith-condensed { font-weight: 400; } .uppercase-label--white { color: #ebebeb; } .uppercase-label--light-grey { color: #999; } .uppercase-label--dark-grey { color: #444; } .uppercase-label--large { font-size: 16px; line-height: 18px; } .uppercase-label--true-white { color: #fff; text-shadow: 0 1px 1px #193e6d; } .uppercase-label--arial { font-family: Arial; } /* stylelint-disable property-no-unknown */ @font-face { font-family: 'CuriousSansBold'; font-style: normal; font-weight: normal; src: url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/curious-sans-bold.b389ec59.eot), url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/curious-sans-bold.b389ec59.eot) format("embedded-opentype"), url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/curious-sans-bold.ba46d70f.ttf) format("truetype"); } @font-face { font-family: 'gelicons-core'; font-style: normal; font-weight: normal; src: url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-core.cc52df12.eot); src: url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-core.cc52df12.eot) format("embedded-opentype"), url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-core.5435c223.ttf) format("truetype"); } @font-face { font-family: 'gelicons-media'; font-style: normal; font-weight: normal; src: url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-media.41063609.eot); src: url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-media.41063609.eot) format("embedded-opentype"), url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-media.28e9b877.ttf) format("truetype"); } @font-face { font-family: 'gelicons-social'; font-style: normal; font-weight: normal; src: url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-social.523533c6.eot); src: url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-social.523533c6.eot) format("embedded-opentype"), url(https://static-web-assets.gnl-common.bbcverticals.com/features/pwa/1610463078-f89303e414a3e5e8c50d8fbf06ec83fbfaf9d933/static/media/gelicons-social.407b297d.ttf) format("truetype"); } .gelicon { font-family: 'gelicons-core'; } .gelicon, .gelicon::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal !important; font-weight: normal !important; speak: none; text-decoration: none !important; } .gelicon--leading::before { margin-right: 8px; } .gelicon--trailing::before { margin-left: 8px; } .gelicon--social { font-family: 'gelicons-social' !important; } .gelicon--core { font-family: 'gelicons-core' !important; } /* Set font on all icons (need to do this as Opera doesn't fallback per Glyph) */ /* On the icon, not ::before as IE7 hack injects the icon into the element instead of a pseudo element */ .gelicon--iplayer, .gelicon--iplayer-radio, .gelicon--previous, .gelicon--up, .gelicon--down, .gelicon--next, .gelicon--tobottom, .gelicon--totop, .gelicon--zoomin, .gelicon--zoomout, .gelicon--search, .gelicon--print, .gelicon--print-invert, .gelicon--yes, .gelicon--no, .gelicon--add, .gelicon--help, .gelicon--info, .gelicon--alert, .gelicon--expires, .gelicon--duration, .gelicon--alarm, .gelicon--countdown, .gelicon--grid, .gelicon--chapters, .gelicon--list, .gelicon--listthumb, .gelicon--lock, .gelicon--unlock, .gelicon--home, .gelicon--new, .gelicon--vocab, .gelicon--degraded, .gelicon--calendar-mini, .gelicon--calendar, .gelicon--mail, .gelicon--location, .gelicon--load, .gelicon--settings, .gelicon--embed, .gelicon--external, .gelicon--traffic, .gelicon--refresh, .gelicon--link, .gelicon--point, .gelicon--upload, .gelicon--download, .gelicon--finder, .gelicon--stations, .gelicon--untitled, .gelicon--untitled-2, .gelicon--quote, .gelicon--calendar-30, .gelicon--download-desktop, .gelicon--map, .gelicon--previous-alternative, .gelicon--next-alternative, .gelicon--arrow-down { font-family: 'gelicons-core' !important; } /* Begin Icons */ .gelicon--iplayer::before { content: '\e000'; } .gelicon--iplayer-radio::before { content: '\e001'; } .gelicon--previous::before { content: '\e002'; } .gelicon--up::before { content: '\e003'; } .gelicon--down::before { content: '\e004'; } .gelicon--next::before { content: '\e005'; } .gelicon--tobottom::before { content: '\e006'; } .gelicon--totop::before { content: '\e007'; } .gelicon--zoomin::before { content: '\e008'; } .gelicon--zoomout::before { content: '\e00a'; } .gelicon--search::before { content: '\e009'; } .gelicon--print::before { content: '\e00b'; } .gelicon--print-invert::before { content: '\e00c'; } .gelicon--yes::before { content: '\e00d'; } .gelicon--no::before { content: '\e00e'; } .gelicon--add::before { content: '\e00f'; } .gelicon--help::before { content: '\e010'; } .gelicon--info::before { content: '\e011'; } .gelicon--alert::before { content: '\e012'; } .gelicon--expires::before { content: '\e013'; } .gelicon--duration::before { content: '\e014'; } .gelicon--alarm::before { content: '\e015'; } .gelicon--countdown::before { content: '\e016'; } .gelicon--grid::before { content: '\e017'; } .gelicon--chapters::before { content: '\e018'; } .gelicon--list::before { content: '\e019'; } .gelicon--listthumb::before { content: '\e01a'; } .gelicon--lock::before { content: '\e01b'; } .gelicon--unlock::before { content: '\e01c'; } .gelicon--home::before { content: '\e01d'; } .gelicon--new::before { content: '\e01e'; } .gelicon--vocab::before { content: '\e01f'; } .gelicon--degraded::before { content: '\e020'; } .gelicon--calendar-mini::before { content: '\e021'; } .gelicon--calendar::before { content: '\e022'; } .gelicon--mail::before { content: '\e023'; } .gelicon--location::before { content: '\e024'; } .gelicon--load::before { content: '\e025'; } .gelicon--settings::before { content: '\e026'; } .gelicon--embed::before { content: '\e027'; } .gelicon--external::before { content: '\e028'; } .gelicon--traffic::before { content: '\e029'; } .gelicon--refresh::before { content: '\e02a'; } .gelicon--link::before { content: '\e02b'; } .gelicon--point::before { content: '\e02c'; } .gelicon--upload::before { content: '\e02d'; } .gelicon--download::before { content: '\e02e'; } .gelicon--finder::before { content: '\e02f'; } .gelicon--stations::before { content: '\e030'; } .gelicon--untitled::before { content: '\42'; } .gelicon--untitled-2::before { content: '\43'; } .gelicon--quote::before { content: '\22'; } .gelicon--playlister-add::before { content: '\e031'; } .gelicon--calendar-30::before { content: '\e032'; } .gelicon--download-desktop::before { content: '\e033'; } .gelicon--map::before { content: '\e034'; } .gelicon--previous-alternative::before { content: '\e035'; } .gelicon--next-alternative::before { content: '\e036'; } .gelicon--arrow-down::before { content: '\e038'; } /* Media icons */ .gelicon--menu, .gelicon--live, .gelicon--subtitles, .gelicon--ws, .gelicon--sd, .gelicon--hd, .gelicon--bsl, .gelicon--ad, .gelicon--3d, .gelicon--tv, .gelicon--radio, .gelicon--mobile, .gelicon--desktop, .gelicon--game, .gelicon--tablet, .gelicon--quiz, .gelicon--guidance, .gelicon--record, .gelicon--listen, .gelicon--play, .gelicon--pause, .gelicon--rewind, .gelicon--forward, .gelicon--restart, .gelicon--image, .gelicon--document, .gelicon--slideshow, .gelicon--activity, .gelicon--360, .gelicon--podcast, .gelicon--newsletter, .gelicon--rss, .gelicon--fullscreen, .gelicon--expand, .gelicon--popout, .gelicon--mute, .gelicon--music-on, .gelicon--music-off, .gelicon--windows, .gelicon--apple, .gelicon--interactive { font-family: 'gelicons-media' !important; } /* Begin Icons */ .gelicon--menu::before { content: '\e900'; } .gelicon--live::before { content: '\e100'; } .gelicon--subtitles::before { content: '\e101'; } .gelicon--ws::before { content: '\e102'; } .gelicon--sd::before { content: '\e103'; } .gelicon--hd::before { content: '\e104'; } .gelicon--bsl::before { content: '\e105'; } .gelicon--ad::before { content: '\e106'; } .gelicon--3d::before { content: '\e107'; } .gelicon--tv::before { content: '\e108'; } .gelicon--radio::before { content: '\e109'; } .gelicon--mobile::before { content: '\e10a'; } .gelicon--desktop::before { content: '\e10b'; } .gelicon--game::before { content: '\e10c'; } .gelicon--tablet::before { content: '\e10d'; } .gelicon--quiz::before { content: '\e10e'; } .gelicon--guidance::before { content: '\e10f'; } .gelicon--record::before { content: '\e110'; } .gelicon--listen::before { content: '\e111'; } .gelicon--play::before { content: '\e112'; } .gelicon--pause::before { content: '\e113'; } .gelicon--rewind::before { content: '\e114'; } .gelicon--forward::before { content: '\e115'; } .gelicon--restart::before { content: '\e116'; } .gelicon--image::before { content: '\e117'; } .gelicon--document::before { content: '\e118'; } .gelicon--slideshow::before { content: '\e119'; } .gelicon--activity::before { content: '\e11a'; } .gelicon--360::before { content: '\e11b'; } .gelicon--podcast::before { content: '\e11c'; } .gelicon--newsletter::before { content: '\e11d'; } .gelicon--rss::before { content: '\e11e'; } .gelicon--fullscreen::before { content: '\e11f'; } .gelicon--expand::before { content: '\e120'; } .gelicon--popout::before { content: '\e121'; } .gelicon--mute::before { content: '\e122'; } .gelicon--music-on::before { content: '\e123'; } .gelicon--music-off::before { content: '\e124'; } .gelicon--windows::before { content: '\e125'; } .gelicon--apple::before { content: '\e126'; } .gelicon--interactive::before { content: '\e900'; } /* Social Icons */ .gelicon--share, .gelicon--recommend, .gelicon--comments, .gelicon--blog, .gelicon--smiley, .gelicon--love, .gelicon--twitter, .gelicon--facebook, .gelicon--google-plus, .gelicon--google, .gelicon--spotify, .gelicon--pinterest, .gelicon--tumblr, .gelicon--stumbleupon, .gelicon--linkedin, .gelicon--reddit, .gelicon--digg, .gelicon--instagram, .gelicon--whatsapp { font-family: 'gelicons-social' !important; } /* GEL */ .gelicon--share::before { content: '\e200'; } .gelicon--recommend::before { content: '\e201'; } .gelicon--comments::before { content: '\e202'; } .gelicon--blog::before { content: '\e203'; } .gelicon--smiley::before { content: '\e204'; } .gelicon--love::before { content: '\e205'; } /* THIRD PARTY */ .gelicon--twitter::before { content: '\e300'; } .gelicon--facebook::before { content: '\e301'; } .gelicon--google-plus::before { content: '\e700'; } .gelicon--google::before { content: '\e701'; } .gelicon--spotify::before { content: '\e304'; } .gelicon--pinterest::before { content: '\e305'; } .gelicon--tumblr::before { content: '\e306'; } .gelicon--stumbleupon::before { content: '\e307'; } .gelicon--linkedin::before { content: '\e308'; } .gelicon--reddit::before { content: '\e309'; } .gelicon--digg::before { content: '\e30a'; } .gelicon--instagram::before { content: '\e30b'; } .gelicon--whatsapp::before { content: '\e600'; } .label-with-line { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .label-with-line__label { margin: 0 16px 0 0; } .body-text-card-inline-video { margin: 24px 0; position: relative; } /* stylelint-disable property-no-unknown */ /* stylelint-disable property-no-unknown */ .inline-video { height: 100%; } .inline-video__container { position: relative; } .inline-video__border-line { padding: 0 10px; } .inline-video .play-button__inline-video { bottom: 0; left: 0; position: absolute; z-index: 1000; } .inline-video__smp { background-color: #000; padding-bottom: 56.25%; } .inline-video__smp--loaded { background-color: unset; padding-bottom: unset; } .inline-video__description { border-bottom: 1px solid rgba(106, 106, 106, 0.43); color: #737373; font-size: 16px; font-style: italic; line-height: 24px; margin: 0 10px 0 3%; padding: 20px 0 12px; } .inline-video__description--desktop { border-bottom: 1px solid rgba(106, 106, 106, 0.43); margin: 0 18px; padding: 28px 0 18px; } /* stylelint-disable property-no-unknown */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner { fill: #444; } .spinner__image { -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } .spinner--worklife { fill: #8beed9; } .spinner--future { fill: #ffc857; } .spinner--culture { fill: #472479; } .spinner--travel { fill: #002856; } .spinner--earth { fill: #002856; } .spinner--white { fill: #fff; } .spinner--audio { height: 32px; width: 32px; } /* stylelint-disable property-no-unknown */ .inline-image__description { border-bottom: 1px solid rgba(106, 106, 106, 0.43); font-style: italic; margin: 0 10px; padding: 20px 0 12px; } .inline-image__description--desktop { border-bottom: 1px solid rgba(106, 106, 106, 0.43); margin: 0 18px; padding: 20px 0 18px; } .inline-image img { border-radius: 0; } /* stylelint-disable property-no-unknown */ .inline-quote { border-left: 3px solid #575757; color: #575757; font-style: italic; letter-spacing: -1.69px; line-height: 32px; margin: 0; padding-left: 22px; } .inline-quote--worklife { border-left: 3px solid #8beed9; } .inline-quote--future { border-left: 3px solid #ffc857; } .inline-quote--culture { border-left: 3px solid #472479; } .inline-quote--earth { border-left: 3px solid #002856; } .inline-quote h2 { font-weight: 300; } /* stylelint-disable property-no-unknown */ .inline-audio-player { background: none; } .inline-audio-player__smp-container { display: inline-block; width: 100%; } .inline-audio-player__smp-container > div { height: 50px; position: relative; } .inline-audio-player__smp-container > div > div { padding: 0 !important; } .inline-audio-player__container { display: -ms-flexbox; display: flex; } .inline-audio-player__cta-holder { -ms-flex-align: center; align-items: center; background-color: #ededed; display: -ms-flexbox; display: flex; padding-right: 8px; } .inline-audio-player__cta-container { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .inline-audio-player__text { background: none; border: 0; color: #222; cursor: pointer; font-size: 18px; height: 25px; letter-spacing: -0.1px; line-height: 25px; margin-left: 12px; outline: inherit; padding: 0; } .inline-audio-player__text--offline { cursor: default; pointer-events: none; } .inline-audio-player__disclaimer { background-color: #e6711b; color: #fff; cursor: pointer; height: 25px; left: -110px; line-height: 12px; margin-left: 0; padding: 0 7px; position: relative; top: 25px; width: 66px; } .inline-audio-player__disclaimer:hover .inline-audio-player__arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .inline-audio-player__inner-arrow { color: #4d4d49; font-size: 10px; } .inline-audio-player__arrow-button { background-color: transparent; border: 0; margin-left: auto; outline: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .inline-audio-player__arrow-button__clicked { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .inline-audio-player__disclaimer-copy { color: #444; display: block; font-size: 12px; letter-spacing: 0; line-height: 17px; margin-top: 16px; } .inline-audio-player__arrow { border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; position: relative; top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.4s; transition: 0.4s; } .inline-audio-player__hidden { display: none; } .inline-audio-player__collapsible-container { background-color: #ededed; color: #444; font-size: 16px; line-height: 24px; padding: 1rem; } .inline-audio-player__line { margin-top: 16px; } .inline-audio-player .previous-media-button { height: 50px; margin-right: 1px; width: 50px; } .inline-audio-player .previous-button__inline-audio { margin-right: 1px; } .copyright__text { color: #737373; font-size: 16px; font-style: italic; line-height: 24px; margin-bottom: 10px; text-align: center; } @media (max-width: 767px) { .copyright__text { margin-top: 12px; } } .content-embed { width: 100%; } /* stylelint-disable property-no-unknown */ .article-video { height: 100%; position: relative; } .article-video img { bottom: -100%; display: block; height: 100%; left: -100%; margin: auto; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute; right: -100%; top: -100%; width: 100%; } .article-video__overlay { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-pack: center; justify-content: center; top: 0; width: 100%; } .article-video__play-button { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: 50%; padding: 0; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1500; } .article-video__label { margin-bottom: 16px; } .article-video__image { bottom: 0; height: 100%; position: absolute; top: 0; width: 100%; } .article-video__image--hide { opacity: 0; } .article-video__playercore { display: block; } .article-video__playercore--mobile { display: none; position: absolute; top: 0; width: 100%; } .article-video__playercore--show { display: block; } .article-video--bordered { border-radius: 4px; overflow: hidden; } .infographic-embed__frame { width: 100%; } /* stylelint-disable property-no-unknown */ .hero-video { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 180px; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } .hero-video__video { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 80%; -ms-flex-pack: center; justify-content: center; position: relative; width: 80%; z-index: 2; } .hero-video__video--desktop { left: 0; top: 65px; width: 71.5% !important; } .hero-video__video--mobile { height: 100%; width: 100%; } .hero-video__video--small-desktop { height: 70%; left: 0; top: 78px; width: 67%; } .hero-video--small-desktop, .hero-video--desktop { display: block; height: 720px; } .hero-video img { bottom: -100%; display: block; height: 100%; left: -100%; margin: auto; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute; right: -100%; top: -100%; width: 100%; -webkit-filter: brightness(40%); filter: brightness(40%); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .hero-video img { opacity: 0.5; } } .hero-video--mobile { height: 280px; } .hero-video--medium-mobile { height: 430px; } .hero-video--tablet { height: 574px; } .hero-video--tablet .hero-video__video { margin-bottom: 10px; } .hero-video__play-button { position: absolute; z-index: 100; } .hero-video__video div div { position: inherit !important; position: unset !important; } /* stylelint-disable property-no-unknown */ .bookmark-icon { background-color: transparent; cursor: pointer; height: 54px; padding: 0; width: 54px; } .bookmark-icon svg { height: 15px; margin: 15px; stroke: #949494; stroke-width: 40; -webkit-transform: scale(0.8); transform: scale(0.8); width: 15px; } .bookmark__icon--true-white svg { fill: #fff; } .bookmark__icon--black svg, .bookmark__icon--black path { fill: #000 !important; stroke: #000; } .bookmark__icon--light-grey svg { fill: currentColor !important; } /* stylelint-disable property-no-unknown */ .tooltip-box__container { position: relative; } .tooltip-box__message { background-color: #fff; border: 1px solid #e4e4e4; font-size: 14px; line-height: 20px; padding: 5px; position: absolute; right: 0; top: -80px; width: 215px; z-index: 1; } .tooltip-box__border-arrow { background-color: #fff; border: 1px solid #e4e4e4; border-bottom: 0; border-right: 0; height: 12px; left: 21px; position: absolute; top: -15px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 12px; z-index: 2; } .tooltip-box__close { border: 0 !important; height: 15px !important; margin: 0; padding: 0; position: absolute; right: 5px; top: -75px; width: 15px !important; z-index: 2; } .tooltip-box__close:hover .tooltip-box__close-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .tooltip-box__close-icon { color: #444; cursor: pointer; -webkit-transition: 0.4s; transition: 0.4s; } /* stylelint-disable property-no-unknown */ .article-share-tools { display: -ms-flexbox; display: flex; } .article-share-tools a, .article-share-tools button { background-color: transparent; border: 1px solid #e4e4e4; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #979797; display: -ms-flexbox; display: flex; height: 52px; margin-right: 2px; width: 52px; } .article-share-tools--dark a, .article-share-tools--dark button { color: #444; height: 54px; width: 54px; } .article-share-tools--dark a svg, .article-share-tools--dark button svg { stroke: #444; } .article-share-tools a:hover, .article-share-tools button:hover { background-color: #fff; } .article-share-tools .facebook-icon:hover { color: #3b5898; } .article-share-tools .email-icon:hover { color: #615f5d; } .article-share-tools .twitter-icon:hover { color: #47c7fa; } .article-share-tools .linkedin-icon:hover { color: #0077b5; } .article-share-tools .whatsapp-icon:hover { color: #25d366; } .article-share-tools .facebook-messenger { color: #0184ff; } .article-share-tools .ticked-icon { background-color: transparent; border: 1px solid #e4e4e4; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 11px; margin-right: 2px; padding: 3px; } .article-share-tools--popout > *, .article-share-tools--popout a { color: #020203; margin-bottom: 3px; -webkit-transition: 0.4s; transition: 0.4s; } .share-tools-popout { -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #979797; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 20px; position: relative; width: 300px; } .share-tools-popout__text { color: #444; font-size: 12px; font-weight: bold; letter-spacing: 3px; margin: 0 18px 18px; text-align: center; text-transform: uppercase; } .share-tools-popout__url-container { padding: 0 18px; width: 100%; } .share-tools-popout__articleurl { border: 1px solid #979797; -webkit-box-sizing: border-box; box-sizing: border-box; color: #a39f9f; font-size: 12px; letter-spacing: -0.5px; margin-bottom: 8px; margin-top: 0; padding: 12px 10px; text-align: center; width: 262px; } .share-tools-popout__close { -ms-flex-align: center; align-items: center; background-color: unset; border: unset; cursor: pointer; display: -ms-flexbox; display: flex; position: absolute; right: 8px; top: 20px; } .share-tools-popout__close:hover .share-tools-popout__close-icon { color: #888; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .share-tools-popout__close-icon { color: #000; font-size: 16px; -webkit-transition: 0.4s; transition: 0.4s; } .share-tools-popout__border-arrow { background-color: #fff; border: 1px solid #979797; border-bottom: 0; border-right: 0; height: 12px; left: 40px; position: absolute; top: -7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 12px; } .share-tools-popout__tools { margin-bottom: 13px; } .share-tools-popout__details { -ms-flex-item-align: normal; -ms-grid-row-align: normal; align-self: normal; color: #444; font-size: 12px; letter-spacing: 0; line-height: 16px; margin: 0; max-width: 180px; padding-left: 14px; } .share-tools-popout__copied, .share-tools-popout__copy { background-color: #000; border: unset; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; letter-spacing: 3px; margin-bottom: 18px; padding: 12px 6px; text-transform: uppercase; -webkit-transition: 0.4s; transition: 0.4s; width: 110px; } .share-tools-popout__copy:hover { background-color: #555; } .share-tools-popout__copied .gelicon--yes { color: #ff9700; margin-left: 8px; } .share-button-with-popout { position: relative; z-index: 9999; } .share-button-with-popout__popout { max-width: 330px; padding-right: 8px; position: absolute; top: 53px; width: 100%; } .share-button-with-popout__popout--desktop { width: auto; } .article-end__line--long { margin-bottom: 24px; } .article-end__share-tools { margin-bottom: 0; } .article-end--tablet .article-end__line--long { margin-bottom: 36px; } .article-end--desktop .article-end__line--long { margin-bottom: 44px; } .article-end--desktop .article-end__share-tools { display: -ms-flexbox; display: flex; margin-bottom: 50px; } .article-end--desktop .article-end__share { margin-top: 0; } .article-end__share { margin-top: 5px; } .domestic-disclaimer { background-color: #333; position: relative; } .domestic-disclaimer__content { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: auto; max-width: 990px; } .domestic-disclaimer__content--desktop-small { max-width: 976px; } .domestic-disclaimer__content--desktop { max-width: 1248px; } .domestic-disclaimer__text { color: #d8d8d8; font-size: 13px; line-height: 14px; margin: auto; padding: 8px 16px; } .domestic-disclaimer__text--tablet { font-size: 14px; line-height: 19px; padding: 16px 54px 16px 16px; } .domestic-disclaimer__text--desktop { font-size: 14px; line-height: 19px; margin-left: 0; max-width: 890px; padding: 14px 16px; } .domestic-disclaimer__close-button { -ms-flex-align: center; align-items: center; background-color: unset; border: unset; cursor: pointer; display: -ms-flexbox; display: flex; padding: 0 16px 0 0; position: relative; } .domestic-disclaimer__close-button--desktop { padding: 0 16px 0 0; } .domestic-disclaimer__close-icon { color: #d8d8d8; font-size: 16px; } .domestic-disclaimer__close-icon--desktop { font-size: 22px; } /* stylelint-disable property-no-unknown */ .section-header-text__text { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.5), 0 2px 5px 0 rgba(153, 153, 153, 0.5); box-shadow: 0 0 20px 0 rgba(153, 153, 153, 0.5), 0 2px 5px 0 rgba(153, 153, 153, 0.5); margin: 0 8px; opacity: 0.95; padding: 16px; position: relative; z-index: 3; } .section-header-text__text--no-margin { margin: 0; } .section-header-text__ad { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin: 0 8px 8px; position: relative; top: unset; } .section-header-text__ad--desktop { margin: 0 0 8px; } .section-header-text__title { display: inline-block; } .section-header-text__title--large-margin { margin: 0 40px 16px 0; } .section-header-text__title--premium { border: 1.78px solid; padding: 8px; } .section-header-text__title-content { color: #444; font-size: 22px; font-weight: bold; margin: unset; } .section-header-text__title-content--tablet { font-size: 24px; } .section-header-text__title-content--desktop { font-size: 28px; } .section-header-text__description { color: #555; font-size: 14px; line-height: 20px; margin: 0; } .section-header-text__description--large { font-size: 16px; line-height: 24px; } /* stylelint-disable property-no-unknown */ .label-list { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; position: relative; } .label-list__line { width: 100%; } .label-list__content { margin: 30px 0 0 16px; width: 100%; } .label-list__content--tablet { margin: 34px 0 0 38px; } .label-list__content--desktop { margin: 42px 0 0 32px; } .label-list__list-item { margin: 0; padding: 0; } .label-list__link { color: #444; font-size: 18px; line-height: 24px; text-decoration: none; } .label-list__link:hover { color: #adadad; } .label-list__link--large { font-size: 22px; line-height: 29px; } .label-list__link:not(:first-of-type) { margin-top: 8px; } .label-list__link--large:not(:first-of-type) { margin-top: 12px; } .label-list__list-items { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 36px; } .label-list__list-items--tablet { margin-top: 52px; } .label-list__list-items--desktop { margin-top: 46px; } /* stylelint-disable property-no-unknown */ .offline-reading { font-family: 'CuriousSansBold'; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .offline-reading__header { font-size: 14px; line-height: 20px; margin: 0 0 16px; max-width: 220px; text-align: center; } .offline-reading__header--desktop { font-size: 18px; max-width: 460px; } .offline-reading__buttons { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: center; } .offline-reading__buttons--desktop { -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; } .offline-reading__top-stories { margin-bottom: 24px; } .offline-reading__top-stories--desktop { margin: 0 16px 0 0; } .offline-reading__icon { display: block; height: auto; margin-bottom: 24px; width: 120px; } /* stylelint-disable property-no-unknown */ .section-header-unit { max-width: 1280px; position: relative; } .section-header-unit--tablet { height: 320px; } .section-header-unit--desktop { border-radius: 4px; height: 320px; overflow: hidden; } .section-header-unit__image { height: 320px; max-height: 320px; overflow: hidden; position: relative; } .section-header-unit__image img { left: 50%; position: relative; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-header-unit__image--right img { left: unset; min-width: 100%; right: 0; width: unset; } .section-header-unit__image--left img { left: unset; min-width: 100%; right: unset; width: unset; } .section-header-unit__content { position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .section-header-unit__content--desktop { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; max-width: 420px; position: absolute; right: 32px; top: 0; -webkit-transform: none; transform: none; } .section-header-unit__content--advert { -webkit-transform: translateY(calc(-50% - 28px)); transform: translateY(calc(-50% - 28px)); /* - half the height of the advert so the text is still centered. */ } .rectangle-article-group { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; position: relative; } .rectangle-article-group--tablet, .rectangle-article-group--desktop { -ms-flex-direction: row; flex-direction: row; } .rectangle-article-group__article { display: inline-block; padding-top: 12px; } .rectangle-article-group__article--tablet { padding: 0 16px 0 0; } .rectangle-article-group__article--desktop { padding: 0 24px 0 0; } /* stylelint-disable property-no-unknown */ .rectangle-image { background-size: cover; height: 74px; max-width: 100%; overflow: hidden; position: relative; width: 132px; } .rectangle-image img { height: 100%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; } .rectangle-image--small { -webkit-box-sizing: border-box; box-sizing: border-box; height: 32px; width: 56px; } .rectangle-image--large { -webkit-box-sizing: border-box; box-sizing: border-box; height: 162px; width: 288px; } .rectangle-image--medium { -webkit-box-sizing: border-box; box-sizing: border-box; height: 126px; width: 222px; } .rectangle-image--full-screen { padding-top: 56.25%; width: 100%; } .rectangle-image img { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .rectangle-image__overlay { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; } .rectangle-image__overlay--culture { background-color: rgba(72, 41, 120, 0.6); } .rectangle-image:hover .rectangle-image__overlay { opacity: 1; } .rectangle-image:hover img { height: 108%; } .fake-ad { -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; background: #f6f6f6; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 8px; } .fake-ad__body { -ms-flex-align: center; align-items: center; background: #5ae9cb; color: #fff; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: Arial, sans-serif; -ms-flex-pack: center; justify-content: center; } .fake-ad__text { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; color: #444; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 1.5; text-align: right; text-transform: uppercase; } .fake-ad--mpu .fake-ad__body { height: 320px; width: 320px; } .fake-ad--mpu .fake-ad__text { width: 320px; } .fake-ad--mobile-leaderboard .fake-ad__body { height: 50px; width: 300px; } .fake-ad--mobile-leaderboard .fake-ad__text { width: 300px; } .fake-ad--leaderboard .fake-ad__body { height: 90px; width: 728px; } .fake-ad--leaderboard .fake-ad__text { width: 728px; } /* stylelint-disable property-no-unknown */ .rectangle-story-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; -ms-flex-pack: justify; justify-content: space-between; margin: auto; max-width: 100%; width: 288px; } .rectangle-story-item__image-container:hover .rectangle-image__overlay { opacity: 1; } .rectangle-story-item__image-container:hover .rectangle-story-item__icon { background-color: #000; } .rectangle-story-item__image-container--culture:hover .rectangle-story-item__icon { background-color: #482978; } .rectangle-story-item__image-container:hover .rectangle-image img { height: 108%; } .rectangle-story-item__image-container { position: relative; width: 100%; } .rectangle-story-item--tablet { width: 222px; } .rectangle-story-item__container { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; margin-top: 3px; width: 100%; } .rectangle-story-item__label { color: #4a4a4a; display: block; font-size: 12px; font-weight: bold; letter-spacing: 3px; line-height: 16px; margin-right: auto; margin-top: 20px; padding-bottom: 3px; text-decoration: none; text-transform: uppercase; } .rectangle-story-item__label--worklife:hover, .rectangle-story-item__label--future:hover, .rectangle-story-item__label__travel:hover { background-image: none; } .rectangle-story-item__label--worklife > span:hover, .rectangle-story-item__label--future > span:hover, .rectangle-story-item__label__travel > span:hover { border-bottom: 1px solid #4a4a4a; } .rectangle-story-item__label--culture:hover { background-image: none; } .rectangle-story-item__label--culture > span:hover { border-bottom: 1px solid #482978; } .rectangle-story-item__line { display: block; margin: 16px 0; } .rectangle-story-item__author { color: #4a4a4a; display: block; font-size: 14px; font-style: italic; letter-spacing: 0.1px; line-height: 35px; text-decoration: none; } .rectangle-story-item__title { color: rgba(46, 46, 46, 0.85); display: block; font-size: 18px; letter-spacing: -0.21px; line-height: 30px; text-decoration: none; } .rectangle-story-item__icon { background-color: #000; bottom: 0; color: #fff; font-size: 14px; height: 44px; line-height: 44px; position: absolute; text-align: center; -webkit-transition: 0.4s ease; transition: 0.4s ease; width: 44px; } .rectangle-story-item__title--white, .rectangle-story-item__author--white, .rectangle-story-item__label--white { color: #fff; } .rectangle-story-item__label--white:hover { border-bottom: 0; } .rectangle-story-item__label--white > span:hover { border-bottom: 1px solid #fff; } .rectangle-story-item__remove-bookmark-btn { background-color: transparent; border: 0; color: #adadad; cursor: pointer; font-size: 14px; margin: 0; padding: 0; text-align: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .body-text-card-inline-image { margin: 24px 0; position: relative; } /* stylelint-disable property-no-unknown */ .body-text-card { color: #444; display: block; font-size: 16px; line-height: 1.5; } .body-text-card__image, .body-text-card__video { margin: 24px 0; } .body-text-card__text { display: block; } .body-text-card__advert { margin: 20px 0; } .body-text-card__text div a { cursor: pointer; font-weight: bold; text-decoration: none; } .body-text-card__text a:hover { text-decoration: underline; } .body-text-card__text > div > p { margin: 0 20px 16px; } .body-text-card__text > div > p:last-child { margin-bottom: 0; padding-bottom: 0; } .body-text-card__drop-capped { float: left; margin: 0 8px 0 20px; padding-top: 6px; } .body-text-card__text--drop-capped p:first-of-type::first-letter { color: transparent; font-size: 0; } .body-text-card__text--flush-text > div > p { margin-left: 0; margin-right: 0; } .body-text-card__text--future div a:visited { color: #666; } .body-text-card__text--future div a { color: #002856; -webkit-text-decoration-color: #002856; text-decoration-color: #002856; } .body-text-card__text--travel div a { color: #589e50; -webkit-text-decoration-color: #589e50; text-decoration-color: #589e50; } .body-text-card__text--worklife div a { color: #0052a1; -webkit-text-decoration-color: #0052a1; text-decoration-color: #0052a1; } .body-text-card__text--earth div a { color: #0fbb56; -webkit-text-decoration-color: #0fbb56; text-decoration-color: #0fbb56; } .body-text-card__text--culture div a { color: #472479; -webkit-text-decoration-color: #472479; text-decoration-color: #472479; } /* stylelint-disable property-no-unknown */ .branding { -webkit-box-sizing: content-box !important; box-sizing: content-box !important; display: inline-block; height: 24px; padding: 12px 16px; width: 100%; } .branding__icon { display: inline-block; height: 24px; width: 100%; } .branding__icon g { fill: #fff; } .branding--medium { padding: 16px; } .branding--large { padding: 16px 24px; } .branding--worklife { background-color: #0052a1; } .branding--future { background-color: #002856; } .branding--culture { background-color: #472479; } .branding--earth { background-color: #0fbb56; } .branding--travel { background-color: #589e50; } .branding--travel svg, .branding--earth svg, .branding--culture svg, .branding--future svg, .branding--worklife svg { height: 24px; } .branding--small, .branding--small svg { height: 17px; } .branding__icon--medium, .branding--medium, .branding--medium svg { height: 22px; } .branding__icon--large, .branding--large, .branding--large svg { height: 24px; } .branding__icon--largest, .branding--largest, .branding--largest svg { height: 32px; } .branding__icon--small, .branding--travel .branding__icon--small svg, .branding--earth .branding__icon--small svg, .branding--culture .branding__icon--small svg, .branding--future .branding__icon--small svg, .branding--worklife .branding__icon--small svg { height: 17px; } /* stylelint-disable property-no-unknown */ .swimlane-inner { background-position: center; background-repeat: no-repeat; background-size: auto 100%; display: block; padding: 24px 16px; } .swimlane-inner--small { padding: 24px 8px; } .swimlane-inner--tablet { padding: 28px 16px 42px; } .swimlane-inner--small-desktop { padding: 30px 16px 42px; } .swimlane-inner--desktop { padding: 38px 16px 42px; } .swimlane { overflow: hidden; position: relative; z-index: 0; } .swimlane__black { background-color: #0e0e0e; } .swimlane__background-image { height: 500px; position: absolute; right: 0; top: 0; width: 915px; z-index: -1; } .swimlane__background-image--mobile { height: 181px; width: 320px; } .swimlane__background-image--tablet { height: 421px; width: 752px; } .swimlane__background-image--desktop { height: 500px; width: 915px; } .swimlane__background-image--atb { background-color: rgba(51, 51, 51, 0.8); background-size: cover; height: 100%; width: 100%; } .swimlane__item { margin: 0 0 25px; width: 100%; } .swimlane__item--desktop { margin: 0; } .swimlane__item--tablet { margin: 0 16px 25px 0; width: calc((100% - 48px) / 3); } .swimlane__item--tablet:nth-of-type(3n + 3) { margin-right: 0; } .swimlane__item--two-columns { margin-right: 0 !important; max-width: 572px; width: 50%; } .swimlane__item--four-columns { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 25px; margin-right: 16px; width: calc((100% - 48px) / 4); } .swimlane__item--four-columns:nth-of-type(4n + 4) { margin-right: 0; } .swimlane__items { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 24px; text-align: left; } .swimlane__items--desktop { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin-top: 42px; } .swimlane__items--small-desktop { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; } .swimlane__items--tablet { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .swimlane__items--no-title { margin-top: 0; } .swimlane__content { margin: auto; max-width: 942px; text-align: center; } .swimlane__content--desktop { max-width: 1216px; } .swimlane__title { color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 2.92px; line-height: 19px; text-transform: uppercase; } .swimlane__title--black { color: #010101; font-weight: 400; } .see-more-button-container-alt { color: #0e0e0e; } .follow-us-on { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .follow-us-on__text { color: #fff; font-size: 16px; font-style: condensed; line-height: 20px; margin: 0 0 20px; padding: 0; text-transform: uppercase; } .follow-us-on__links { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .follow-us-on__link:first-child { margin-right: 16px; } /* stylelint-disable property-no-unknown */ .nav-bar { background-color: #fff; } .nav-bar__hidden-menu { display: none; } .nav-bar__visible-menu { display: block; } .nav-bar__no-scroll { max-height: 100vh; overflow: hidden; } /* stylelint-disable property-no-unknown */ .dot-with-label { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .dot-with-label__text { padding-left: 8px; } .dot-with-label__text a { text-decoration: none; } .dot-with-label__text:hover h2 { color: #adadad; } .sponsor-section { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: 530px; } .sponsor-section--menu { padding: 20px 0 16px 24px; } .sponsor-section__container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; } .sponsor-section__container--desktop { -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; } .sponsor-section__sponsor { color: #fff; padding-right: 16px; } .sponsor-section__sponsor-name { font-family: 'CuriousSansBold'; color: #4e4e4e; font-size: 26px; margin: 0; white-space: nowrap; } .sponsor-section__sponsor-name--mobile { padding-bottom: 16px; } .sponsor-section__sponsor-name--desktop { font-size: 22px; } .sponsor-section__sponsor-name--menu { color: #fff; } .sponsor-section__sponsor-name--menu-desktop { font-size: 32px; } .sponsor-section__summary { color: #ebebeb; font-size: 16px; line-height: 24px; padding-top: 16px; } .sponsor-section__advert { display: inline-block; } .icon-with-label { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .icon-with-label__icon { padding-right: 10px; } /* stylelint-disable property-no-unknown */ .more-articles-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 5; } .more-articles-item__link { text-decoration: none; } .more-articles-item__container { display: -ms-flexbox; display: flex; width: 100%; } .more-articles-item__label { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 8px; } .more-articles-item__type { margin-right: 16px; position: relative; } .more-articles-item__icon { color: #fff; font-size: 12px; margin-right: 8px; } .more-articles-item__text { color: #fff; font-size: 20px; font-weight: bold; line-height: 24px; padding: 0; position: relative; text-shadow: 0 1px 2px rgba(25, 62, 109, 0.7); -webkit-transition: color 0.4s; transition: color 0.4s; } .more-articles-item__text--medium { font-size: 22px; line-height: 28px; } .more-articles-item__text--large { color: #ebebeb; font-size: 30px; line-height: 37px; } .more-articles-item__container--column { -ms-flex-direction: column; flex-direction: column; } .more-articles-item__image-container { position: relative; } .more-articles-item--two-columns { margin-right: 16px; } .more-articles-item__label--desktop { margin-top: 16px; } .more-articles-item__label--tablet { margin-top: 16px; } .more-articles-item__link:hover .more-articles-item__text { color: #adadad; } .full-width-image-article { width: 100%; } .full-width-image-article__container { min-height: 325px; overflow: hidden; position: relative; } .full-width-image-article__container--desktop { min-height: 400px; } .full-width-image-article__image { height: 100%; overflow: hidden; position: absolute; width: 100%; } .full-width-image-article__image img { bottom: -100%; display: block; height: 100%; left: -100%; margin: auto; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute; right: -100%; top: -100%; width: 100%; } .full-width-image-article__text { -ms-flex-align: center; align-items: center; color: #fff; left: 50%; max-width: 488px; padding: 0 20px; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .full-width-image-article__text a { color: #fff; text-decoration: none; } .full-width-image-article__text .full-width-image-article-text__label { display: inline-block; font-size: 14.4px; font-weight: bold; letter-spacing: 3.6px; line-height: 19px; margin-bottom: 11px; text-transform: uppercase; } .full-width-image-article__text .full-width-image-article-text__header { font-size: 24px; letter-spacing: -0.25px; line-height: 42px; margin: 0; padding: 0; } .full-width-image-article__text .full-width-image-article-text__header--desktop { font-size: 33.6px; } .full-width-image-article__text .full-width-image-article-text__author { font-size: 16.6px; font-style: italic; letter-spacing: -0.13px; line-height: 42px; margin-bottom: 0; margin-top: 28px; } .full-width-image-article__text .full-width-image-article-text__author--desktop { margin-top: 32px; } .full-width-image-article__background { background-image: radial-gradient(50% 49%, rgba(5, 36, 53, 0.37) 50%, rgba(0, 0, 0, 0) 83%); height: 100%; pointer-events: none; position: absolute; top: 0; width: 100%; } .full-width-image-article__link { color: #fff; text-decoration: none; } .more-articles { background-position: center; background-repeat: no-repeat; background-size: cover; -o-object-fit: cover; object-fit: cover; overflow: hidden; position: relative; -webkit-transition: background-image 0.4s; transition: background-image 0.4s; } .more-articles__heading { display: inline-block; margin: auto; max-width: 1272px; padding: 20px 0 0 16px; position: relative; z-index: 5; } .more-articles__stories { margin: 10px 16px 42px; max-width: 1232px; padding: 8px; position: relative; z-index: 4; } .more-articles__stories--small { padding: 0; } .more-articles__stories--tablet { margin: 24px 16px 72px; max-width: 1216px; } .more-articles__stories--desktop { margin: 56px 48px 92px; max-width: 1152px; } .more-articles__story-container:not(:first-of-type) { padding-top: 16px; } .more-articles__line { opacity: 0.3; padding-top: 16px; z-index: 5; } .more-articles__image-overlay { background-color: rgba(25, 62, 109, 0.3); bottom: -100%; display: block; height: 100%; left: -100%; margin: auto; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; pointer-events: none; position: absolute; right: -100%; top: -100%; width: 100%; z-index: 1; } .more-articles__image { opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; } .more-articles__image img { bottom: -100%; display: block; height: 100%; left: -100%; margin: auto; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute; right: -100%; top: -100%; width: 100%; } .more-articles__image--right img { left: unset; min-width: 100%; right: 0; width: unset; } .more-articles__image--left img { left: unset; min-width: 100%; right: unset; width: unset; } .more-articles__image--visible { opacity: 1; } .more-articles__story--two-columns, .more-articles__story--three-columns { padding-right: 16px; width: 310px; } .more-articles__story-container:nth-child(even) .more-articles__story--two-columns { padding-right: 0; } .more-articles__story-container:nth-child(3n + 3) .more-articles__story--three-columns { padding-right: 0; } .more-articles__stories--two-columns, .more-articles__stories--three-columns { -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 16px; } .more-articles__stories--two-columns .more-articles-item__link, .more-articles__stories--three-columns .more-articles-item__link { pointer-events: all; } .more-articles__story-container--two-columns { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 50%; } .more-articles__story-container--two-columns:nth-child(2) { padding-top: 0; } .more-articles__story-container--three-columns { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 33%; } .more-articles__story-container--three-columns:nth-child(-n + 3) { padding-top: 0; } .more-articles__heading--small { padding: 20px 0 0 8px; } .more-articles__heading--desktop { max-width: 1264px; padding: 38px 0 0 16px; } .more-articles__heading--tablet { max-width: 1264px; padding: 24px 0 0 16px; } .most-popular { background-color: #f9f9f9; } .most-popular__inner { margin: 0 auto; max-width: 894px; padding: 45px 24px 21px; } .most-popular__inner--desktop { padding: 47px 0 86px; } .most-popular__header { color: #010101; font-size: 14px; letter-spacing: 2.92px; line-height: 19px; margin: 0; text-align: center; text-transform: uppercase; } .most-popular__items { display: block; } .most-popular__items--desktop { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 57px; } .most-popular-item { box-sizing: border-box; padding-top: 33px; } .most-popular-item:last-of-type { margin-bottom: 42px; } .most-popular-item--desktop { padding: 0 20px; width: calc(33.333%); } .most-popular-item--desktop:nth-child(3n + 2) { -ms-flex-order: 2; order: 2; padding: 38px 20px; } .most-popular-item--desktop:nth-child(3n + 3) { -ms-flex-order: 3; order: 3; } .most-popular-item--desktop:nth-child(n+4) { border-left: 1px solid #dadada; } .most-popular-item--desktop:last-of-type { margin-bottom: 0; } .most-popular-item a { text-decoration: none; } .most-popular-item__content { -ms-flex-align: end; align-items: flex-end; display: -ms-flexbox; display: flex; margin-top: 5px; } .most-popular-item__number { color: #cbcbcb; font-size: 40px; font-style: italic; font-weight: bold; line-height: 32px; margin: 0 20px 0 0; width: 25px; } .most-popular-item__label { color: #4a4a4a; font-size: 12px; font-weight: bold; letter-spacing: 3px; margin: 0 0 0 45px; text-transform: uppercase; } .most-popular-item__title { color: #2e2e2ecc; font-size: 14px; letter-spacing: -0.17px; line-height: 22px; margin-bottom: 0; margin-top: 0; } .most-popular-item__title--desktop { font-size: 16px; } .StickyElementContent { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .StickyElementContent--is-undocked { left: 0; position: fixed; top: 0; width: 100%; } .StickyElementContent--is-hidden { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* stylelint-disable property-no-unknown */ .error-page-header { position: relative; } .error-page-header__headers { margin-bottom: 16px; position: relative; z-index: 1; } .error-page-header__headers--tablet-plus { margin-bottom: 32px; } .error-page-header__description { color: #444; font-size: 16px; line-height: 20px; } .error-page-header__play-icon { margin-right: 16px; } .error-page-header__play-icon button { color: #adadad; } .error-page-header__dot-label { display: -ms-flexbox; display: flex; } /* stylelint-disable property-no-unknown */ .styled-line { background-color: #8beed9; height: 3px; width: 72px; } .styled-line--small { width: 45px; } .styled-line--medium { width: 135px; } .styled-line--large { height: 1px; width: auto; } .styled-line--height--large { height: 5px; } .styled-line--height--small { height: 1px; } .styled-line--xs-small { width: 25px; } .styled-line--worklife { background-color: #8beed9; } .styled-line--future { background-color: #ffc857; } .styled-line--culture { background-color: #472479; } .styled-line--earth { background-color: #002856; } .styled-line--travel { background-color: #002856; } .styled-line--white { background-color: #fff; } .styled-line--dark-grey { background-color: #6a6a6a; } .styled-line--light-grey { background-color: #4b4b4b; } .styled-line--grey { background-color: #dedede; } /* stylelint-disable property-no-unknown */ .image-gallery-item { margin: 26px 0; } .image-gallery-item img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .image-gallery-item__image--landscape { margin: 20px 0 20px -3%; width: 106%; } @media (max-width: 1000px) and (min-width: 767px) { .image-gallery-item__image--landscape { margin: 20px 0 20px -16%; width: 116%; } } @media (max-width: 1180px) and (min-width: 1024px) { .image-gallery-item__image--landscape { margin: 20px 0 20px -8%; width: 108%; } } @media (max-width: 1365px) and (min-width: 1280px) { .image-gallery-item__image--landscape { margin: 20px 0 20px -42%; width: 142%; } } @media (min-width: 1366px) { .image-gallery-item__image--landscape { margin: 20px 0 20px -55%; width: 155%; } } .image-gallery-item__image--portrait { margin: 20px 0; width: 100%; } @media (max-width: 599px) { .image-gallery-item__image--portrait { margin-left: -3%; width: 106%; } } .image-gallery-item__image--portrait, .image-gallery-item__image--portrait img { max-height: 507px; min-height: 463px; } @media (max-width: 1279px) and (min-width: 768px) { .image-gallery-item__image--portrait, .image-gallery-item__image--portrait img { min-height: 818px; } } .error-page { position: relative; } .error-page__container { margin-bottom: 16px; } .error-page__container--tablet-plus { margin-bottom: 32px; } .error-page__title { margin-bottom: 12px; } .error-page__title--desktop { margin-bottom: 24px; } /* stylelint-disable property-no-unknown */ .article-labels { font-size: 12px; line-height: 16px; text-transform: uppercase; } .article-labels a { color: #fff; letter-spacing: 1px; text-decoration: none; } .article-labels__text:first-child { font-weight: bold; } /* stylelint-disable property-no-unknown */ .rectangle-story-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: auto; position: relative; } .rectangle-story-group__articles { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; position: relative; } .rectangle-story-group__articles--small-tablet { -ms-flex-pack: unset; justify-content: unset; } .rectangle-story-group__articles--full-screen { display: block; } .rectangle-story-group__article { display: inline-block; padding-left: 18px; padding-top: 16px; } .rectangle-story-group__article--tablet { padding-left: 20px; padding-top: 22px; } .rectangle-story-group__article--desktop { padding-left: 22px; padding-top: 24px; } .rectangle-story-group__article--desktop:first-of-type { padding-left: 8px; } .rectangle-story-group__article--small-tablet { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } .rectangle-story-group__article--full-screen { display: block; padding: 16px; } .rectangle-story-group__article--full-screen:first-of-type { padding-top: 0; } .rectangle-story-group__article--small-desktop { padding-left: 10px; } .rectangle-story-group__article--small-desktop:last-of-type { padding-right: 8px; } .rectangle-story-group__articles-container { margin: auto; max-width: 950px; overflow: hidden; width: 100%; } .rectangle-story-group__advert-mpu { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; padding: 16px 16px 24px; } .rectangle-story-group__advert-mpu--desktop { border-left: 1px solid #dadada; display: block; padding: 0 0 0 16px; padding-top: 0; } .rectangle-story-group__advert-mpu--small-desktop { display: block; padding: 0 0 0 8px; } .rectangle-story-group__hero--desktop { display: -ms-flexbox; display: flex; } .rectangle-story-group__article-hero--tablet { display: -ms-flexbox; display: flex; } .article-title-card-rectangle { width: 100%; } .article-title-card-rectangle__image:hover .article-title-card-rectangle__overlay { opacity: 1; } .article-title-card-rectangle__overlay { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; right: 0; top: 0; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; width: 100%; will-change: transform; } .article-title-card-rectangle__overlay--culture { background-color: rgba(72, 41, 120, 0.6); } .article-title-card-rectangle__image { margin-right: 40px; max-height: 390px; max-width: 620px; overflow: hidden; position: relative; width: auto; } .article-title-card-rectangle__image img { display: block; min-height: 194px; min-width: 344px; width: 100%; } .article-title-card-rectangle__image--tablet, .article-title-card-rectangle__image--desktop { margin-right: 0; width: 100%; } .article-title-card-rectangle__image--tablet img, .article-title-card-rectangle__image--desktop img { width: 110%; } .article-title-card-rectangle__image--preview-article { margin-right: 0; } .article-title-card-rectangle__container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .article-title-card-rectangle__container--tablet, .article-title-card-rectangle__container--desktop { -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; } .article-title-card-rectangle__container--preview-article { margin-right: 8px; } .article-title-card-rectangle__text-box { background-color: #fff; margin-left: 40px; padding: 16px 22px 0; position: relative; top: -22px; } .article-title-card-rectangle__text-box__label { color: #4a4a4a; font-size: 12px; font-weight: bold; letter-spacing: 3px; line-height: 20px; margin: 0; text-transform: uppercase; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .article-title-card-rectangle__text-box__label--worklife:hover, .article-title-card-rectangle__text-box__label--future:hover { border-bottom: 1px solid #4a4a4a; } .article-title-card-rectangle__text-box__label--culture:hover { border-bottom: 1px solid #482978; } .article-title-card-rectangle__text-box__header { color: #2e2e2e; font-size: 18px; letter-spacing: -0.21px; line-height: 30px; margin-bottom: 30px; margin-top: 12px; } .article-title-card-rectangle__text-box__header--desktop { font-size: 28px; } .article-title-card-rectangle__text-box__header--tablet { font-size: 26px; } .article-title-card-rectangle__text-box__author { color: #4a4a4a; font-size: 14px; font-style: italic; letter-spacing: -0.1px; line-height: 35px; margin: 8px 0 0; } .article-title-card-rectangle__text-box__author--tablet { margin: 14px 0 0; } .article-title-card-rectangle__text-box--tablet, .article-title-card-rectangle__text-box--desktop { left: -40px; margin: 0; padding: 40px; top: 0; -webkit-transform: none; transform: none; } .article-title-card-rectangle__text-box--desktop { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .article-title-card-rectangle__text-box--tablet { padding: 35px 22px 22px; } .article-title-card-rectangle__link { color: #000; text-decoration: none; } .article-title-card-rectangle__text-container { display: block; max-width: 252px; } .article-title-card-rectangle__text-container--tablet, .article-title-card-rectangle__text-container--desktop { max-width: 320px; } .article-title-card-rectangle__preview-container { color: #4d4d4d; text-decoration: none; } .article-title-card-rectangle__preview-text { display: block; font-size: 16px; line-height: 24px; margin-top: 27px; max-width: 396px; } .article-title-card-rectangle__read-more { display: inline-block; font-size: 15px; letter-spacing: 4px; margin: 25px 16px 0 0; text-transform: uppercase; } .article-title-card-rectangle__arrow { color: #bababa; display: inline-block; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .article-headline { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 43px 0; } .article-headline .article-labels { text-align: center; } .article-headline__line--short { margin-bottom: 40px; } .article-headline--largeTablet .article-headline__text { font-size: 32px; text-align: center; } .article-headline--tablet { padding: 31px 0; } .article-headline--tablet .article-headline__collection { margin-bottom: 24px; } .article-headline--tablet .article-headline__text { font-size: 32px; letter-spacing: -0.84px; margin: 0 15px 23px; text-align: center; } .article-headline--mobile { padding: 20px 0; } .article-headline--mobile .article-headline__text { font-size: 24px; letter-spacing: -0.63px; margin: 0 15px 15px; text-align: center; } .article-headline--mobile .article-headline__collection { margin-bottom: 15px; } .article-headline__collection { margin-bottom: 40px; } .article-headline__collection a { color: #242424; } .article-headline__text { font-size: 45px; letter-spacing: -1.26px; line-height: 30px; margin-bottom: 44px; } /* stylelint-disable property-no-unknown */ .loading-spinner { margin: 0 auto; text-align: center; } .loading-spinner__message { color: #002756; display: block; font-size: 1.2rem; font-weight: bold; margin: 12px 0; text-align: center; text-transform: uppercase; } .loading-spinner__image { display: block; margin: 0 auto; width: 48px; } @media only screen and (min-width: 1600px) { .hero-image { height: 900px; position: relative; } .hero-image img { bottom: -100%; display: block; height: 100%; left: -100%; margin: auto; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute; right: -100%; top: -100%; width: 100%; } } @media only screen and (max-width: 1600px) { .hero-image { height: 0; overflow: hidden; padding-top: 56.25%; position: relative; } .hero-image img { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } } /* stylelint-disable property-no-unknown */ .article-hero { height: 672px; margin: 0; overflow: hidden; position: relative; width: 100%; } .article-hero--small-mobile { height: 373px; } .article-hero--mobile { height: 486px; } .article-hero--small-tablet { height: 433px; } .article-hero--tablet { height: 433px; } .article-hero--tablet .article-hero__content { padding: 60px 15px 0; } .article-hero__content { margin: auto; max-width: 1004px; pointer-events: none; position: relative; z-index: 1; } .article-hero--desktop { height: 573px; } .article-hero--desktop .article-hero__content { padding: 50px 30px 0; } .article-hero--large-desktop .article-hero__content { max-width: 1276px; } .article-hero--small-tablet .article-hero__content, .article-hero--mobile .article-hero__content, .article-hero--small-mobile .article-hero__content { padding: 60px 10px 0; } .article-hero--small-tablet .article-hero__content-title, .article-hero--mobile .article-hero__content-title, .article-hero--small-mobile .article-hero__content-title { font-size: 24px; line-height: 30px; max-width: 220px; } .article-hero--small-tablet .article-hero__content-line, .article-hero--mobile .article-hero__content-line, .article-hero--small-mobile .article-hero__content-line { margin-bottom: 16px; margin-top: 16px; } .article-hero--small-tablet .article-hero__content-labels, .article-hero--mobile .article-hero__content-labels, .article-hero--small-mobile .article-hero__content-labels { margin-bottom: 15px; } .article-hero--small-tablet .article-hero__content-cta, .article-hero--mobile .article-hero__content-cta, .article-hero--small-mobile .article-hero__content-cta { line-height: 22px; } .article-hero--small-tablet .article-hero__content-cta a, .article-hero--mobile .article-hero__content-cta a, .article-hero--small-mobile .article-hero__content-cta a { letter-spacing: 3px; } .article-hero__ambient-hidden { display: none; } .article-hero__background-ambient { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .article-hero__background::after { background-image: linear-gradient(-63deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.06) 24%, rgba(0, 0, 0, 0.2) 51%, rgba(0, 0, 0, 0.32) 67%, rgba(0, 0, 0, 0.51) 100%); content: ''; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } .article-hero__background img { bottom: -100%; display: block; height: 100%; left: -100%; margin: auto; min-height: 100%; min-width: 100%; object-fit: cover; position: absolute; right: -100%; top: -100%; width: 100%; } .article-hero__background--parallax img { -webkit-transform: scale(1.1); transform: scale(1.1); } .article-hero a { color: #fff; letter-spacing: 3px; text-decoration: none; } .article-hero__content-cta { clear: both; font-size: 16px; font-weight: 400; letter-spacing: 4px; line-height: 20px; max-width: 170px; pointer-events: all; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); text-transform: uppercase; } .article-hero__content-cta a { display: -ms-flexbox; display: flex; letter-spacing: 4px; } .article-hero__content-labels { font-size: 12px; letter-spacing: 1px; line-height: 16px; margin-bottom: 20px; pointer-events: all; } .article-hero__content-line { background-color: #fff; border: 0; display: block; float: left; height: 1px; margin-bottom: 18px; margin-right: 300px; margin-top: 25px; width: 120px; } .article-hero__content-right-arrow { position: relative; } .article-hero__content-right-arrow::before { background: #fff; content: ''; height: 2px; left: 5px; margin-top: -1px; opacity: 0.4; position: absolute; top: 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 20px; } .article-hero__content-right-arrow::after { border-right: 2px solid #fff; border-top: 2px solid #fff; content: ''; display: inline-block; height: 10px; left: 16px; margin-top: 5px; opacity: 0.4; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; } .article-hero__content-right-arrow--small::before { opacity: 1; } .article-hero__content-right-arrow--small::after { margin-top: 6px; opacity: 1; } .article-hero__content-right-arrow img { height: 11px; margin-left: 10px; width: 19px; } .article-hero__content-title { color: #fff; font-size: 50px; line-height: 54px; margin-top: 0; max-width: 450px; pointer-events: all; text-shadow: 0 1px 2px rgba(51, 51, 51, 0.7); } .article-hero__content-title a { letter-spacing: -1.32px; } .article-hero__title-text { display: inline; } .article-hero__content-title > a:hover > div, .article-hero__content-subtitle > a:hover { background-image: -webkit-gradient(linear, left top, right top, color-stop(100%, currentColor), color-stop(0%, transparent)); background-image: linear-gradient(to right, currentColor 100%, transparent 0%); background-position: 0 1.15em; background-repeat: repeat-x; background-size: 100% 2px; } .article-hero__content-subtitle { clear: both; color: #fff; font-size: 23px; font-weight: 500; line-height: 32px; margin-bottom: 16px; margin-top: 0; max-width: 440px; pointer-events: all; text-shadow: 0 1px 2px rgba(51, 51, 51, 0.5); } .article-hero__content-subtitle a { letter-spacing: -1px; } .article-hero__content-title--small { font-size: 30px; line-height: 35px; } .article-hero__content-title--tablet { clear: both; font-size: 32px; letter-spacing: -0.84px; line-height: 42px; max-width: 264px; } .article-hero__content-title--small a { letter-spacing: -0.63px; } .article-hero__down-arrow { background-color: transparent; border: 0; bottom: 0; color: #fff; cursor: pointer; display: inline-block; left: calc(50% - 29px); margin: 0; margin-bottom: 15px; padding: 0; position: absolute; -webkit-transform: scale(0.5); transform: scale(0.5); } .see-more-button-container { color: #fff; } .similar-articles-list { background-color: #f9f9f9; position: relative; text-align: center; } .similar-articles-list__container { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin-left: -50px; } .similar-articles-list__collection { color: #4a4a4a; display: block; font-size: 12px; font-weight: bold; letter-spacing: 3px; padding-bottom: 3px; text-decoration: none; text-transform: uppercase; } .similar-articles-list__header { background-color: #000; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 3px; margin: 0 0 36px; padding: 8px; text-transform: uppercase; } .similar-articles-list__title { color: rgba(46, 46, 46, 0.85); display: block; font-size: 16px; letter-spacing: -0.19px; line-height: 22px; margin-top: 3px; text-decoration: none; } .similar-articles-list__number { color: #000; font-size: 40px; font-style: italic; font-weight: bold; letter-spacing: 0; margin-right: 26px; opacity: 0.18; } .similar-articles-list__articles-article { display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 262px; padding-bottom: 32px; position: relative; } .similar-articles-list__articles-article:last-child { padding-bottom: 58px; } .similar-articles-list__number, .similar-articles-list__text { display: inline-block; } .similar-articles-list__text { margin-left: 50px; max-width: 210px; text-align: left; } /* stylelint-disable property-no-unknown */ .see-more-button { border-bottom: 1px solid #979797; text-align: center; } .see-more-button__inner { background-color: transparent; border: 0; color: #6c6c6c; cursor: pointer; font-size: 14px; letter-spacing: 2.92px; line-height: 19px; margin-bottom: 13px; position: relative; text-transform: uppercase; -webkit-transition: linear 0.6s; transition: linear 0.6s; } .see-more-button__inner-arrow { color: #6c6c6c; font-size: 10px; position: absolute; right: 9px; top: 2px; -webkit-transition: linear 0.3s; transition: linear 0.3s; } .see-more-button__inner-text { margin-right: 24px; } .see-more-button__inner:hover { color: #4a4a4a; } .see-more-button__inner:hover .see-more-button__inner-arrow { color: #4a4a4a; -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* stylelint-disable property-no-unknown */ .beta-btn { background-color: #e6711b; color: #fff; cursor: pointer; height: 25px; line-height: 12px; padding: 0 7px; width: 66px; } .beta-btn:hover .beta-btn__arrow { cursor: pointer; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .beta-btn:hover .beta-btn__arrow--expanded { -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } .beta-btn__copy { color: #444; display: block; font-size: 12px; letter-spacing: 0; line-height: 17px; margin: 16px auto; max-width: 50%; } .beta-btn__arrow { border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; position: relative; top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.4s; transition: 0.4s; } .beta-btn__arrow--expanded { -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* stylelint-disable property-no-unknown */ .load-more-button { -webkit-box-sizing: border-box; box-sizing: border-box; } .load-more-button__refresh.gelicon--refresh { margin-right: 16px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .load-more-button__downarrow { color: #adadad; font-size: 22px; -webkit-transition: 0.6s; transition: 0.6s; } .load-more-button__loading .load-more-button__refresh.gelicon--refresh { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .load-more-button__downarrow:first-of-type { padding-right: 16px; } .load-more-button__downarrow:not(:first-of-type) { padding-left: 16px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } } @keyframes spin { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 100% { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } } /* stylelint-disable property-no-unknown */ .basic-button { -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #adadad; border-radius: 4px; -webkit-box-shadow: inset 0 0 0 0 #fff, 0 2px 0 0 rgba(0, 0, 0, 0.08); box-shadow: inset 0 0 0 0 #fff, 0 2px 0 0 rgba(0, 0, 0, 0.08); color: #193e6d; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 20px; height: 54px; -ms-flex-pack: center; justify-content: center; min-width: 222px; text-align: center; -webkit-transition: 0.6s; transition: 0.6s; } .basic-button--worklife { color: #0052a1; } .basic-button--future { color: #002856; } .basic-button--culture { color: #472479; } .basic-button--earth { color: #0fbb56; } .basic-button--travel { color: #589e50; } .basic-button__text { color: #444; font-family: 'BBC Reith Sans Cd'; font-size: 18px; line-height: 24px; -webkit-transition: 0.6s; transition: 0.6s; } .basic-button__text--white { color: #fff; } .basic-button__text--curious { font-family: 'CuriousSansBold'; } .basic-button__text--worklife { color: #0052a1; } .basic-button__text--future { color: #002856; } .basic-button__text--culture { color: #472479; } .basic-button__text--earth { color: #0fbb56; } .basic-button__text--travel { color: #589e50; } .basic-button::before { padding-right: 16px; } .basic-button:hover { background-color: #dedede; } .basic-button--background-light-blue:hover { background-color: #dfe8ff; } .basic-button--background-worklife { background-color: #0052a1; } .basic-button--background-future { background-color: #002856; } .basic-button--background-culture { background-color: #472479; } .basic-button--background-earth { background-color: #0fbb56; } .basic-button--background-travel { background-color: #589e50; } .basic-button--background-worklife:hover { background-color: #4494e4; } .basic-button--background-future:hover { background-color: #ffc857; } .basic-button--background-culture:hover { background-color: #472479; } .basic-button--background-earth:hover { background-color: #002856; } .basic-button--background-travel:hover { background-color: #002856; } .basic-button__text--bold { font-weight: bold; } /* stylelint-disable property-no-unknown */ .read-more-button { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-weight: bold; position: relative; width: 224px; } /* stylelint-disable property-no-unknown */ .AdFrame { display: -ms-inline-flexbox; display: inline-flex; } .AdFrame--default { background-color: #f6f6f6; } .AdFrame--dark-grey { background-color: rgba(26, 26, 26, 0.8); } .AdFrame--centre-aligned { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } /* stylelint-disable property-no-unknown */ .see-more-button { border-bottom: 1px solid #979797; text-align: center; } .see-more-button-inner { background-color: transparent; border: 0; color: #6c6c6c; cursor: pointer; font-size: 14px; letter-spacing: 2.92px; line-height: 19px; margin-bottom: 13px; position: relative; text-transform: uppercase; } .see-more-button-inner--light { color: #b4b4b4; } .see-more-button-inner__arrow { color: #6c6c6c; font-size: 10px; position: absolute; right: 9px; top: 2px; } .see-more-button-inner__arrow--light { color: #b4b4b4; } .see-more-button-inner__text { margin-right: 24px; } /* stylelint-disable property-no-unknown */ .simple-header { color: #444; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; } .simple-header--large { font-size: 28px; line-height: 34px; } .simple-header--simple { font-size: 18px; line-height: 22px; } .simple-header--small { font-size: 18px; letter-spacing: -0.5px; line-height: 28px; } .simple-header--smallest { font-family: Helvetica; font-size: 14px; line-height: 24px; } .simple-header--medium { font-size: 24px; line-height: 28px; } .simple-header--regular { font-size: 22px; line-height: 28px; } .simple-header--condensed-bold { font-stretch: condensed; } .simple-header--condensed-bold.simple-header--large { line-height: 37px; } .simple-header--condensed-bold.simple-header--regular { line-height: 28px; } .simple-header--white { color: #fff; } /* stylelint-disable property-no-unknown */ .text-with-styled-background { height: inherit; position: relative; width: 100%; } .text-with-styled-background--collection { display: inline-block; width: unset; } .text-with-styled-background--center-align { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .text-with-styled-background__text { font-family: 'CuriousSansBold'; color: #444; display: block; font-size: 20px; line-height: 24px; padding: 0 0 0 10px; position: relative; } .text-with-styled-background__text--large { font-size: 26px; line-height: 30px; padding: 0 0 0 24px; } .text-with-styled-background__text--medium { font-size: 22px; line-height: 28px; } .text-with-styled-background__text--remove-padding { padding: 0; width: 100%; } .text-with-styled-background__text--largest { font-size: 38px; line-height: 47px; } .text-with-styled-background__text--worklife { color: #0052a1; } .text-with-styled-background__text--future { color: #002856; } .text-with-styled-background__text--culture { color: #472479; } .text-with-styled-background__text--earth { color: #0fbb56; } .text-with-styled-background__text--travel { color: #589e50; } .text-with-styled-background__text--blue { color: #0052a1; } .text-with-styled-background__text--collection { font-size: 28px; line-height: 34px; padding: 0; } .text-with-styled-background__text--collection--medium { font-size: 32px; line-height: 38px; } .text-with-styled-background__text--collection--large { font-size: 38px; line-height: 47px; } .text-with-styled-background__line-container { bottom: 0; margin-left: 13px; position: absolute; width: calc(100% - 26px); } .text-with-styled-background__line { background-color: rgba(25, 62, 109, 0.05); height: 26px; max-width: 240px; position: relative; } .text-with-styled-background__line--large { bottom: -10px; height: 42px; max-width: 340px; } .text-with-styled-background__line--narrow { height: 26px; max-width: 100%; } .text-with-styled-background__line--medium { bottom: -10px; height: 36px; max-width: 340px; } .text-with-styled-background__line--largest { max-width: 100%; } .text-with-styled-background__line-container--collection { width: calc(100% + 26px); } .text-with-styled-background__line-container--no-margin { margin: 0; } .text-with-styled-background__line--collection { height: 26px; } /* stylelint-disable property-no-unknown */ .play-button__inline-audio, .play-button__inline-video { -ms-flex-align: center; align-items: center; background-color: #000; border: 0; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 16px; height: 49px; -ms-flex-pack: center; justify-content: center; outline: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 49px; } .play-button__inline-audio .gelicon--play, .play-button__inline-video .gelicon--play { color: #ececec; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .play-button__inline-audio--worklife .gelicon--play, .play-button__inline-video--worklife .gelicon--play { color: #8beed9; } .play-button__inline-audio--travel .gelicon--play, .play-button__inline-video--travel .gelicon--play { color: #002856; } .play-button__inline-audio--future .gelicon--play, .play-button__inline-video--future .gelicon--play { color: #ffc857; } .play-button__inline-audio--culture .gelicon--play, .play-button__inline-video--culture .gelicon--play { color: #472479; } .play-button__inline-audio--earth .gelicon--play, .play-button__inline-video--earth .gelicon--play { color: #002856; } .play-button__inline-video:hover { background-color: #ececec; } .play-button__inline-video:hover .gelicon--play { color: #000; } .play-button__inline-audio { color: #fff; font-size: 22px; height: 50px; padding: 0; width: 50px; } .play-button { -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); border: 2px solid #5ae9cb; border-radius: 50%; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 22px; height: 80px; -ms-flex-pack: center; justify-content: center; outline: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 80px; } .play-button:hover { color: #5ae9cb; } .play-button--white { border: 4px solid #fff; } .play-button--white:hover { color: #fff; } .play-button--white .gelicon--play { color: inherit; } .play-button--worklife { border: 2px solid #8beed9; } .play-button--worklife:hover { color: #8beed9; } .play-button--travel { border: 2px solid #002856; } .play-button--travel:hover { color: #002856; } .play-button--future { border: 2px solid #ffc857; } .play-button--future:hover { color: #ffc857; } .play-button--culture { border: 2px solid #472479; } .play-button--culture:hover { color: #472479; } .play-button--earth { border: 2px solid #002856; } .play-button--earth:hover { color: #002856; } .play-button--desktop { font-size: 30px; height: 76px; width: 76px; } .play-button--background-hover:hover { background-color: rgba(0, 0, 0, 0.6); } /* stylelint-disable property-no-unknown */ .error-button { -ms-flex-align: center; align-items: center; background-color: #000; border: 0; display: -ms-flexbox; display: flex; font-size: 22px; height: 50px; -ms-flex-pack: center; justify-content: center; outline: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; } .error-button .gelicon--alert { color: #ececec; } /* stylelint-disable property-no-unknown */ .previous-media-button { -ms-flex-align: center; align-items: center; background-color: #000; border: 0; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 16px; height: 50px; -ms-flex-pack: center; justify-content: center; outline: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; } .previous-media-button__icon--white svg { fill: #fff; } .previous-media-button span { height: 18px; width: 16px; } /* stylelint-disable property-no-unknown */ .text-summary__text { font-size: 16px; line-height: 24px; margin: 0; text-align: left; } .text-summary__text--blue { color: #193e6d; } .text-summary__text--black { color: #000; } .text-summary__text--grey { color: #6a6a6a; } .text-summary__text--dark-grey { color: #444; } .text-summary__text--left { text-align: left; } .text-summary__text--right { text-align: right; } .screen-reader-only { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } /* stylelint-disable property-no-unknown */ .simple-p-tag { color: #444; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; } .simple-p-tag--large { font-size: 28px; line-height: 34px; } .simple-p-tag--medium { font-size: 27px; letter-spacing: -1.69px; line-height: 32px; } .simple-p-tag--quote { color: #575757; } .simple-header--serif-light-italic { font-style: italic; line-height: inherit; } .inline-html { display: block; } /* stylelint-disable property-no-unknown */ .drop-capped { -ms-flex-align: center; align-items: center; border: 2px solid #444; color: #444; display: -ms-flexbox; display: flex; float: left; font-size: 58px; font-weight: bold; height: 84px; -ms-flex-pack: center; justify-content: center; margin: 8px 10px 4px 0; text-transform: uppercase; width: 84px; } .drop-capped--worklife { border-color: #8beed9; } .drop-capped--future { border-color: #ffc857; } .drop-capped--culture { border-color: #444; } .drop-capped--earth { border-color: #002856; } .drop-capped--travel { border-color: #002856; } .drop-capped--desktop { margin-right: 24px; } /* stylelint-disable property-no-unknown */ .nav-links__link { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: 100%; -ms-flex-pack: center; justify-content: center; padding-right: 24px; position: relative; text-decoration: none; white-space: nowrap; } .nav-links__link--active p { border-bottom: 2px solid #002856; font-weight: bold; } .nav-links__link--active--menu p { border-bottom: unset; } .nav-links__link--active--worklife p { border-bottom: 2px solid #0052a1; } .nav-links__link--active--culture p { border-bottom: 2px solid #472479; } .nav-links__link--active--earth p { border-bottom: 2px solid #0fbb56; } .nav-links__link--active--travel p { border-bottom: 2px solid #589e50; } .nav-links__icon { background-color: #0052a1; bottom: 10px; height: 2px; position: absolute; width: 80px; } .nav-links__link--menu { display: block; padding-right: unset; } .nav-links__icon--menu { display: none; } .nav-links__icon--menu-tablet { width: 60px; } .nav-links__icon--worklife { background-color: #0052a1; } .nav-links__icon--future { background-color: #002856; } .nav-links__icon--culture { background-color: #472479; } .nav-links__icon--earth { background-color: #0fbb56; } .nav-links__icon--travel { background-color: #589e50; } .nav-links__link--menu p { font-size: 26px; padding: 0 0 32px 24px; } .nav-links__link--menu-desktop p { font-size: 32px; line-height: 42px; padding: 0 0 44px 100px; } /* stylelint-disable property-no-unknown */ .close-nav { -ms-flex-align: center; align-items: center; background-color: unset; border: unset; cursor: pointer; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: 0.4s; transition: 0.4s; } .close-nav__icon { color: #fff; display: -ms-flexbox; display: flex; font-size: 20px; -webkit-transition: 0.4s; transition: 0.4s; } .close-nav:hover .close-nav__icon { color: #cecece; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .close-nav__label { display: inline-block; margin-right: 12px; } /* stylelint-disable property-no-unknown */ .nav-label { color: #4e4e4e; font-size: 16px; line-height: 22px; margin: auto; max-width: 1280px; -webkit-transition: 0.4s; transition: 0.4s; } .nav-label:hover { color: #8e8e8e; } .nav-label--menu { color: #ebebeb; } .nav-label--menu:hover { color: #cecece; } .nav-label--white { color: #fff; } .nav-label--curiousSans { font-family: 'CuriousSansBold'; } /* stylelint-disable property-no-unknown */ .ad-slot { display: inline-block; } .ad-slot__container { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .ad-slot__label { max-width: 120px; min-width: 112px; padding-right: 8px; text-align: right; } .ad-slot--leaderboard { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .ad-slot__label--mpu, .ad-slot__label--leaderboard { margin-bottom: 8px; max-width: unset; padding-right: unset; text-align: right; } .ad-slot__container--mpu, .ad-slot__container--leaderboard { display: inline-block; -ms-flex-wrap: unset; flex-wrap: unset; } .ad-slot__fake--sponsor { background-color: #5ae9cb; height: 31px; min-width: 88px; } .ad-slot__fake--mpu { background-color: #5ae9cb; height: 250px; min-width: 300px; } .ad-slot__fake--mpu-large { background-color: #5ae9cb; height: 600px; min-width: 300px; } .ad-slot__fake--leaderboard-large { background-color: #5ae9cb; height: 90px; min-width: 728px; } .ad-slot__fake--leaderboard-medium { background-color: #5ae9cb; height: 50px; min-width: 320px; } .ad-slot__fake--leaderboard-small { background-color: #5ae9cb; height: 50px; min-width: 300px; } .ad-slot__label--dark { color: #dcdcdc; } .ad-slot--dark { background-color: #f6f6f6; padding: 8px; } .ad-slot--black { background-color: rgba(26, 26, 26, 0.8); padding: 8px; } /* stylelint-disable property-no-unknown */ .nav-menu { background-color: #0052a1; display: block; height: 100%; left: 0; min-height: 100vh; opacity: 0.98; overflow: auto; position: fixed; top: 0; width: 100vw; } .nav-menu--worklife { background-color: #0052a1; } .nav-menu--future { background-color: #002856; } .nav-menu--culture { background-color: #472479; } .nav-menu--earth { background-color: #0fbb56; } .nav-menu--travel { background-color: #589e50; } .nav-menu__close-nav { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: auto; max-width: 1280px; padding: 16px 8px 60px; } .nav-menu__close-nav--desktop { padding: 20px 16px 70px; } .nav-menu__sponsored { background-color: rgba(34, 34, 34, 0.5); height: 100%; margin-bottom: 32px; } .nav-menu__sponsored--desktop { margin-bottom: 44px; } .nav-menu__sponsored-container { padding: 20px 16px 16px 24px; } .nav-menu__sponsored--desktop-container { margin: auto; max-width: 1264px; padding: 20px 16px 20px 100px; } .nav-menu__follow-us { padding: 52px 0 34px; } .open-nav { -ms-flex-align: center; align-items: center; background-color: unset; border: unset; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; padding: 0; position: relative; -webkit-transition: 0.4s; transition: 0.4s; } .open-nav__icon { display: -ms-flexbox; display: flex; } .open-nav__label { display: inline-block; margin-right: 12px; } /* stylelint-disable property-no-unknown */ .burger-nav { background: transparent; border: 0; color: #0052a1; cursor: pointer; font-size: 20px; outline: none; padding: 0; } .burger-nav--worklife { color: #0052a1; } .burger-nav--future { color: #002856; } .burger-nav--culture { color: #472479; } .burger-nav--earth { color: #0fbb56; } .burger-nav--travel { color: #589e50; } .burger-nav--medium { font-size: 16px; } .burger-nav--small { font-size: 12px; } .play-icon { background: transparent; border: 0; color: #fff; font-size: 12px; outline: none; padding: 0; } .play-icon--red { color: #f00; } .play-icon--grey { color: #999; } .play-icon--medium { font-size: 16px; } .play-icon--large { font-size: 20px; } /* stylelint-disable property-no-unknown */ .nav-build-bar { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; height: auto; margin: auto; max-width: 1280px; width: 100%; } .nav-build-bar--mobile { height: auto; -ms-flex-pack: justify; justify-content: space-between; } .nav-build-bar--mobile .nav-build-bar__title-content { white-space: pre-wrap; } .nav-build-bar--tablet { height: 58px; } .nav-build-bar--desktop { height: 60px; } .nav-build-bar__links { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; overflow: hidden; } .nav-build-bar__sponsored-brand { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; margin-left: 8px; text-decoration: none; white-space: nowrap; } .nav-build-bar__sponsored-brand--no-brand { margin-left: 0; } .nav-build-bar__branding { display: -ms-flexbox; display: flex; padding: 0 8px 0 0; } .nav-build-bar__branding--tablet { padding: 0 30px 0 0; } .nav-build-bar__branding--desktop { padding: 0 80px 0 0; } .nav-build-bar__title-content { border: 1.78px solid; color: #444; font-size: 22px; font-weight: bold; margin: unset; padding: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .nav-build-bar__title-content--tablet { font-size: 24px; white-space: nowrap; } .nav-build-bar__title-content--desktop { font-size: 28px; } .nav-build-bar__open-nav { display: -ms-flexbox; display: flex; height: 48px; } .nav-build-bar__open-nav-button { display: -ms-flexbox; display: flex; padding-left: 8px; } .nav-build-bar__sponsored { background-color: #f6f6f6; border: 1px solid #d3d3d3; height: 48px; padding: 0 16px; } .nav-build-bar__open-nav--desktop { padding-right: 16px; } .nav-build-bar__open-nav--mobile { -ms-flex-pack: end; justify-content: flex-end; max-width: 100px; width: 100%; } /* stylelint-disable property-no-unknown */ .styled-dot { background-color: #5ae9cb; border-radius: 50%; -webkit-box-shadow: 0 1px 2px 0 rgba(25, 62, 109, 0.5); box-shadow: 0 1px 2px 0 rgba(25, 62, 109, 0.5); cursor: pointer; display: inline-block; height: 6px; width: 6px; } .styled-dot--no-cursor { cursor: unset; } .styled-dot--medium { -webkit-box-shadow: unset; box-shadow: unset; height: 10px; width: 10px; } .styled-dot--dark-blue { background-color: #193e6d; } .styled-dot--purple { background-color: #362e67; -webkit-box-shadow: unset; box-shadow: unset; } .styled-dot--black { background-color: #000; -webkit-box-shadow: unset; box-shadow: unset; } .styled-dot--grey-green { background-color: #008e9b; -webkit-box-shadow: unset; box-shadow: unset; } .styled-dot--dark-green { background-color: #589e50; -webkit-box-shadow: unset; box-shadow: unset; } .styled-dot--worklife { background-color: #8beed9; } .styled-dot--future { background-color: #ffc857; } .styled-dot--culture { background-color: #472479; } .styled-dot--earth { background-color: #002856; } .styled-dot--travel { background-color: #002856; } .styled-dot--worklife-prime { background-color: #0052a1; } .styled-dot--future-prime { background-color: #002856; } .styled-dot--culture-prime { background-color: #472479; } .styled-dot--earth-prime { background-color: #0fbb56; } .styled-dot--travel-prime { background-color: #589e50; } .styled-dot--large { -webkit-box-shadow: 0 1px 1px 0 rgba(25, 62, 109, 0.5); box-shadow: 0 1px 1px 0 rgba(25, 62, 109, 0.5); height: 16px; width: 16px; } .styled-dot--small { -webkit-box-shadow: unset; box-shadow: unset; height: 8px; width: 8px; } .styled-dot--grey { background-color: rgba(0, 0, 0, 0.2); } .camera-icon { background: transparent; border: 0; color: #fff; font-size: 12px; outline: none; padding: 0; } .camera-icon--red { color: #f00; } .camera-icon--grey { color: #999; } .camera-icon--medium { font-size: 16px; } .camera-icon--large { font-size: 20px; } .info-icon { background: transparent; border: 0; color: #fff; font-size: 12px; outline: none; padding: 0; } .info-icon--red { color: #f00; } .info-icon--grey { color: #999; } .info-icon--medium { font-size: 16px; } .info-icon--large { font-size: 20px; } /* stylelint-disable property-no-unknown */ .email-icon { -ms-flex-align: center; align-items: center; background-color: #193e6d; border-radius: 50%; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 11px; height: 50px; -ms-flex-pack: center; justify-content: center; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; z-index: 55; } .email-icon:hover { background-color: #000; } .email-icon--red:hover { background-color: #f00; } /* stylelint-disable property-no-unknown */ .facebook-icon { -ms-flex-align: center; align-items: center; background-color: #193e6d; border-radius: 50%; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 15px; height: 50px; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; z-index: 55; } .facebook-icon:hover { background-color: #3b5998; } .facebook-icon--blue { background-color: transparent; border: 1px solid #3b5998; color: #3b5998; } .facebook-icon--blue:hover { background-color: #3b5998; color: #fff; } .facebook-icon--white { background-color: transparent; border: 1px solid #fff; color: #fff; } .facebook-icon--white:hover { background-color: #fff; color: #3b5998; } .facebook-icon--small { font-size: 20px; height: 38px; width: 38px; } /* stylelint-disable property-no-unknown */ .hero-header { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; } .hero-header__header { font-family: 'CuriousSansBold'; color: #fff; font-size: 38px; line-height: 40px; margin: 0; text-shadow: 0 1px 2px rgba(25, 62, 109, 0.7); } .hero-header__header--large { font-size: 44px; line-height: 48px; } .hero-header__header--medium { font-size: 38px; line-height: 47px; } .hero-header__header--small { font-size: 28px; line-height: 34px; } .hero-header__header--black { color: #000; text-shadow: unset; } .hero-header__header--grey { color: #adadad; text-shadow: unset; } .ticked-icon { -ms-flex-align: center; align-items: center; background-color: #13de99; border-radius: 50%; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); display: -ms-flexbox; display: flex; height: 50px; -ms-flex-pack: center; justify-content: center; width: 50px; z-index: 55; } .ticked-icon--small { font-size: 12px; height: 38px; width: 38px; } /* stylelint-disable property-no-unknown */ .google-plus-icon { -ms-flex-align: center; align-items: center; background-color: #193e6d; border-radius: 50%; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 26px; height: 50px; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; z-index: 55; } .google-plus-icon:hover { background-color: #d34836; } .google-plus-icon--red:hover { background-color: #f00; } /* stylelint-disable property-no-unknown */ .linkedin-icon { -ms-flex-align: center; align-items: center; background-color: #193e6d; border-radius: 50%; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 13px; height: 50px; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; z-index: 55; } .linkedin-icon:hover { background-color: #0077b5; } .linkedin-icon--red:hover { background-color: #f00; } /* stylelint-disable property-no-unknown */ .reddit-icon { -ms-flex-align: center; align-items: center; background-color: #193e6d; border-radius: 50%; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 26px; height: 50px; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; z-index: 55; } .reddit-icon:hover { background-color: #ff4500; } .reddit-icon__hide { display: none; } .reddit-icon--red:hover { background-color: #f00; } .share-button { -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #e4e4e4; color: #444; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 12px; font-weight: bold; -ms-flex-pack: center; justify-content: center; letter-spacing: 3px; padding: 18px 16px; text-transform: uppercase; -webkit-transition: 0.6s; transition: 0.6s; width: 110px; z-index: 55; } .share-button .gelicon--share { margin-right: 10px; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; } .share-button:hover .gelicon--share, .share-button .gelicon--share-sharing { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /* stylelint-disable property-no-unknown */ .whatsapp-icon { -ms-flex-align: center; align-items: center; background-color: #193e6d; border-radius: 50%; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 13px; height: 50px; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; z-index: 55; } .whatsapp-icon:hover { background-color: #25d366; } .whatsapp-icon--red:hover { background-color: #f00; } /* stylelint-disable property-no-unknown */ .twitter-icon { -ms-flex-align: center; align-items: center; background-color: #193e6d; border-radius: 50%; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; font-size: 13px; height: 50px; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; width: 50px; z-index: 55; } .twitter-icon:hover { background-color: #1da1f2; } .twitter-icon--light-blue { background-color: transparent; border: 1px solid #1da1f2; color: #1da1f2; } .twitter-icon--light-blue:hover { background-color: #1da1f2; color: #fff; } .twitter-icon--white { background-color: transparent; border: 1px solid #fff; color: #fff; } .twitter-icon--white:hover { background-color: #fff; color: #1da1f2; } .twitter-icon--small { font-size: 18px; height: 38px; width: 38px; }html, body { margin: 0; padding: 0; } #root *, #root *::before, #root *::after { box-sizing: border-box; } #root article, #root aside, #root figure, #root footer, #root header, #root nav, #root section { display: block; } body { background: #fff; } .app__body { display: flex; flex-direction: column; min-height: 100vh; overflow: visible; position: relative; } .app__domestic-disclaimer { bottom: 0; position: fixed; width: 100%; z-index: 5000; } .main { display: flex; flex: 1 0 auto; flex-direction: column; } .navigation { background-color: #fff; display: none; margin: auto; max-width: 1248px; padding: 4px 16px 0; position: relative; z-index: 1000; } @media (min-width: 1008px) and (max-width: 1279px) { .navigation { max-width: 976px; } } @media (min-width: 600px) { .navigation { padding: 0 16px 1px; } } @media (min-width: 600px) and (max-width: 1007px) { .navigation { max-width: 990px; } } @media (min-width: 300px) and (max-width: 399px) { .navigation { padding: 4px 8px; } } .navigation--display { display: block; } .navigation-sticky--undocked { background-color: #fff; width: 100%; z-index: 10000; } .StickyElement { position: relative; z-index: 1501; } .loader { display: none; height: 100%; left: -99999px; opacity: 0; position: absolute; top: 0; transition: 0.2s opacity; width: 100%; z-index: 1000; } .loader--is-active { background: white; display: block; left: 0; opacity: 1; } .loader__body { display: none; left: 50%; position: fixed; top: 50%; transform: translateX(-50%) translateY(-50%); } .loader__body--show-loader { display: block; } .no-js .loader { display: none; } .article__main { display: flex; justify-content: flex-end; margin: 0; width: 100%; } @media (max-width: 1023px) and (min-width: 768px) { .article__main { width: 80%; } } .article__subcontainer { display: flex; justify-content: flex-end; position: relative; width: 100%; z-index: 1000; } @media (max-width: 1667px) and (min-width: 1194px) { .article__subcontainer { width: 97%; } } @media (min-width: 1680px) { .article__subcontainer { justify-content: center; width: 80% !important; } } @media (min-width: 1900px) { .article__subcontainer { margin: auto; width: 71% !important; } } .article__side-mpu { min-height: 810px; } .article__side-mpu > div { background: #f1f1f1; display: inline-block; padding: 0 8px 8px 8px; } .article__body { background-color: #fff; flex: 1 1 auto; margin-top: -56px; max-width: 700px; width: 100%; } .article__body-content { overflow-wrap: break-word; } @media (min-width: 768px) and (max-width: 1007px) { .article__body { margin: 0 auto; position: relative; top: -56px; width: 82%; z-index: 100; } } @media (max-width: 767px) { .article__body { margin-top: 0; } } @media (min-width: 1024px) and (max-width: 1180px) { .article__body { margin-left: 3%; width: 97%; } } @media (max-width: 1007px) { .article__body { margin-top: 0; } } .article__mpu { flex-basis: 333px; flex-grow: 0; height: auto; } .article__body-content, .article__body .article__partner, .article__author-unit { padding: 0 10px; margin-bottom: 0; } @media (min-width: 650px) { .article__body-content, .article__body .article__partner, .article__author-unit { padding: 0 18px; } } @media (min-width: 1023px) { .article__body-content, .article__body .article__partner, .article__author-unit { padding: 0 6% 0 18px; } } .article__container { display: flex; justify-content: center; width: 100%; } .article__intro { color: #4d4d49; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; line-height: 28px; margin-bottom: 24px; padding: 14px 0 0; } @media (min-width: 650px) { .article__intro { font-size: 26px; font-weight: 400; letter-spacing: -1.63px; line-height: 37px; } } .article__end { clear: both; padding-top: 36px; } .article__fade-story { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%); bottom: 0; height: 210px; position: absolute; width: 100%; z-index: 1501; } .article__fade-story--show { display: block !important; } .article__body--short { height: 700px; overflow: hidden; position: relative; } @media (min-width: 768px) { .article__body--short { height: 800px; } } .article__load-more { bottom: 24px; display: block !important; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; left: 50%; position: absolute; transform: translateX(-50%); z-index: 1502; } .article--hidden { display: none !important; } .article__similar-articles { flex: 1 0 333px; max-width: 333px; } .article__similar-articles--hidden { display: none; } .article__similar-articles--show { display: block; } @media (max-width: 1365px) and (min-width: 1280px) { .hero-video__video { max-height: 534px; width: 73.5% !important; } } @media (min-width: 1366px) { .hero-video__video { left: 5.5%; max-height: 534px; max-width: 949px; width: 70% !important; } } @media (min-width: 1668px) { .hero-video__video { left: 14%; } } @media (min-width: 1900px) { .hero-video__video { left: 18.5%; } } .inline-audio { display: block; padding-top: 8px; } .article__audio-ad { display: flex; position: relative; margin: 17px 0 14px; } @media (max-width: 767px) { .article__audio-ad { margin: 2px 0 6px; } } .article__audio-ad .bbccom_slot { padding: 0; } .article__audio-ad .bbccom_advert { display: flex !important; max-width: 100%; } .article__audio-ad .bbccom_slot .bbccom_text { color: #000 !important; font-size: 9px !important; font-family: ArialMT !important; font-weight: normal !important; line-height: 15px !important; letter-spacing: 0 !important; text-transform: uppercase !important; text-align: left !important; margin: auto 12px 0 0 !important; width: 144px; } @media (min-width: 1280px) { .article-header .article-headline__text { font-size: 48px !important; } } .article-header__leaderboard > div > div { background: #f1f1f1; min-height: 100px; } .article-header__hero-ad { display: flex; flex-direction: row-reverse; } .article-header__hero-ad > div > div { background: #f1f1f1; } .article-header__video .article-video__video { height: 100%; margin: auto; width: 100%; } @media (max-width: 1179px) and (min-width: 768px) { .article-header__video .article-video__video { height: 80%; width: 64%; } } @media (max-width: 1180px) and (min-width: 1024px) { .article-header__video .article-video__video { height: 80%; margin-left: 0; width: 90%; } } @media (min-width: 1181px) { .article-header__video .article-video__video { height: 80%; width: 64%; } } @media (min-width: 1024px) { .article-header__video--ads .article-video__video { margin-left: 0; width: calc(100% - 333px); } } .article-body-native-ad { margin-bottom: 41px; } .article-body-native-ad > div > div { background: #f1f1f1; clear: both; overflow: hidden; padding: 0 0 8px; } .article-body-native-ad a { padding-right: 15px; } @media screen and (max-width: 320px) { .article-body-native-ad { margin-left: -10px; width: 320px; } } .article-body__iframe { padding-top: 20px; } .article-body__pull-quote { clear: both; margin: 20px 0; padding-top: 0; } .article-body__video-text { clear: both; margin: 0; padding: 20px 0 0; width: 100%; } @media (max-width: 767px) { .article-body__video-text { margin-left: -10px; width: 107%; } } .article-body__image-text { padding: 0; } .article-body__mpu-title { color: #444444; font-family: inherit; font-size: 14px; font-style: italic; text-align: center; } .article-body__image-text--portrait { margin: 20px 0; } @media (max-width: 599px) { .article-body__image-text--portrait { margin-left: -3%; width: 106%; } } .article-body__image-text img { width: 100%; } .article-body__video-text, .article-body__image-text--landscape { margin: 20px 0 20px -3%; width: 106%; } @media (max-width: 1000px) and (min-width: 767px) { .article-body__video-text, .article-body__image-text--landscape { margin: 20px 0 20px -16%; width: 116%; } } @media (max-width: 1180px) and (min-width: 1024px) { .article-body__video-text, .article-body__image-text--landscape { margin: 20px 0 20px -8%; width: 108%; } } @media (max-width: 1365px) and (min-width: 1280px) { .article-body__video-text, .article-body__image-text--landscape { margin: 20px 0 20px -39%; width: 139%; } } @media (min-width: 1366px) { .article-body__video-text, .article-body__image-text--landscape { margin: 20px 0 20px -52%; width: 152%; } } .article-body__image-gallery .swipe-items__container, .article-body__image-gallery .swipe-items__gallery { padding: 0; } .article-body__image-gallery { margin: 20px 0; } .around-the-bbc-swimlane { margin-top: auto; }
Loading
The new use for abandoned oil rigs
Share on Linkedin
As offshore oil and gas platforms come to the end of their working lives, the remarkable ecosystems beneath the waves come into their own.
T

The grey steel girders of Platform Holly rise 235ft (72m) above the waters of the Pacific Ocean, just a couple of miles off the Santa Barbara coast. Above the water, this decommissioned oil rig is dull and lifeless, but the view below the surface is very different. Beneath the waves, colourful fish, crabs, starfish and mussels congregate on the huge steel pylons, which stretch for more than 400ft (120m) to the ocean floor.

There are more than 12,000 offshore oil and gas platforms worldwide. As they drain their reservoirs of fossil fuels below the sea, they eventually become defunct when they produce too little fuel for extraction to be profitable to their operators.

The big question is what to do with these enormous structures when the fossil fuels stop flowing. With curbing climate change rising up the international agenda, and with some questioning whether we have already passed peak oil, hastened by the coronavirus pandemic, the number of defunct rigs in the ocean is set to get bigger. Removing them from the water is incredibly expensive and labour-intensive. Allowing them to rust and fall into disrepair is an environmental risk that could seriously damage marine ecosystems.

For some species, offshore rigs are even better nurseries than natural reefs. The towering pylons are the perfect spawning grounds for tiny fish larvae

But there is one way in which these old rigs can be remarkably useful: the subsurface rig provides the ideal skeleton for coral reefs. Teeming with fish and other wildlife, offshore rigs like Platform Holly are in fact the most bountiful human-made marine habitats in the world.

The subsea structures are a vertical spine that gradually turn into reefs over time (Credit: Alamy)

The practice of transforming rigs into reefs in the United States dates back almost 40 years. In 1984, the US Congress signed the National Fishing Enhancement Act which recognised the benefits artificial reefs provided and encouraged states to draw up plans to turn defunct rigs into reefs. The five coastal states on the Gulf of Mexico – Alabama, Florida, Louisiana, Mississippi and Texas – all have rigs-to-reefs programmes and have converted more than 500 oil and gas platforms into artificial reefs.

When oil companies cease drilling in these states, they decommission their platform by sealing the oil well. Then they can either choose to remove the entire platform or convert it into a reef by removing just the upper section of the structure.

You might also like:

Reefing a platform is an attractive proposition for oil and gas companies as it is significantly less expensive than total removal and is estimated to save the industry millions of dollars each year. Campaigners say it is a win-win situation as companies spend half of their decommissioning savings on the state's artificial reef programme. This money goes towards maintaining the platforms, marine conservation and education. Due to the abundant marine species living there, the platforms in the Gulf of Mexico have become hotspots for diving, snorkelling and recreational fishing.

Marine scientists Emily Hazelwood and Amber Sparks are on a mission to replicate this conservation success in other parts of the world. They founded the California-based organisation Blue Latitudes in 2014 to raise awareness about the benefits of rigs and persuade oil companies and governments to designate them as permanent reefs.

In 2019, gas made up 21% and oil 34% of the world’s CO2 emissions from fuel, with a significant proportion coming from offshore rigs like these

"We're trying to help the general public understand that conservation isn't always just about saving the whales," says Sparks. "There are other ways we can look at complex ideas in our oceans, such as repurposing manmade structures like artificial reefs."

Hazelwood and Sparks have reefed rigs from Thailand to West Africa, preventing more than a dozen large marine ecosystems from being wiped out.

When offshore rigs become defunct, they can either be left in place and maintained for wildlife, or dismantled (Credit: Alamy)

Offshore rigs are among the most productive fish habitats in the world, according to marine biologist Milton Love who has spent 20 years studying fish populations around oil and gas platforms in California. They provide marine wildlife with food, shelter from predators and a safe breeding ground.

For some species, the rigs are even better nurseries than natural reefs, says Love. The towering pylons are the perfect spawning grounds for tiny fish larvae. "A lot of them are just drifting," says Love. "They want to settle." The 500ft (150m) high underwater structures provide an opportunity for just that.

One of the big beneficiaries is rockfish, stocks of which have been heavily depleted due to overfishing along the US West Coast. These fish are found in abundance around oil platforms. For instance, the platforms have helped revive the critically endangered bocaccio rockfish. "We've found a very high density of young bocaccio at platforms, around 400,000 at six platforms. We didn't see that at natural reefs," says Love, adding that the number of juvenile bocaccio found at rigs was enough to boost the adult stock of the Pacific Coast population by around 3%.

The abundant fish populations found at Californian platforms can partly be attributed to the fact that oil rigs serve as de facto marine protected areas, says Love. In California, fishing around oil and gas platforms is prohibited.

Displaced fish will often return to their home platforms, which provide a safe and versatile habitat (Credit: James Wiseman)

Chris Lowe, a marine biologist at California State University who has been tracking fish populations in southern California since 2008, says there is clear evidence that fish are drawn to the platforms.

For one study, Lowe attached sensors to fish living by three oil platforms, before moving them to a natural reef located up to 18km (11 miles) away and monitoring their movements over two years. A quarter of the fish, across all species, quickly returned to their home oil platform, while others would migrate back during non-breeding seasons. "They had a higher likelihood of going back to their original platform than somewhere else. They really like their home platform. This showed us a lot about how the fish treat the platform as a habitat," says Lowe.

Californians are very opposed to offshore oil and gas and many of them want their coastline and view free of those structures – Kristen Hislop

One reason for this affinity is that the rigs offer a property rarely found in featureless open water: their considerable height. The platform acts as a pinnacle and allows fish to move into deeper water as they mature, without having to leave their habitat, according to Lowe. Typically, fish living in shallow reefs will leave their habitat when they are fully grown and venture out to open sea. The fish found on oil rigs simply have to move down the platform, without ever venturing far from their refuge.

Many scientists are calling for Californian platforms to be preserved as artificial reefs, given the bountiful ecosystems they harbour. The state introduced a law in 2010 allowing for rigs to be converted in reefs, but to date no platforms have been reefed. That could change in the next decade; eight of the state's 27 rigs are no longer operating and several will be decommissioned in the next few years.

Blue Latitudes' Sparks says it is a challenge convincing Californians, "the greenest folks you'll meet", of the merits of keeping rigs in the ocean. California is the US state with the most ambitious climate goals. By 2030 the state aims to slash emissions by 40% compared with 1990 levels and has passed a law that all electricity must come from carbon-free sources by 2045.

"Californians are very opposed to offshore oil and gas and many of them want their coastline and view free of those structures," says Kristen Hislop, a marine conservationist at the Environmental Defense Center, an advocacy group based in the Santa Barbara region, where there are 20 platforms.

While marine life might benefit from the subsurface structures, there are concerns about the rigs-to-reefs programmes also supporting extractive industries (Credit: Alamy)

It's not hard to see why some are reluctant. The extraction and burning of fossil fuels including oil and gas are major drivers of climate change. Overall, in 2019, gas made up 21% and oil 34% of the world’s CO2 emissions from fuel, with a significant proportion coming from offshore rigs like these and thousands of others.

But the objections are not just symbolic. There are concerns that the cost savings offered to oil companies under the rigs-to-reefs programme could encourage them to expand, Hislop notes. She adds that research and discussions about what to do with the rigs once they have been decommissioned are ongoing.

But Blue Latitudes says the aim of rigs to reefs is not to reward polluters and boost the oil industry, but to protect valuable marine habitats by offering an alternative to complete platform removal.

If California's platforms are toppled, it would result in the loss of 27 huge marine ecosystems. Some of these rigs are taller than the Eiffel Tower – the Harmony platform in the Santa Barbara Channel, for example, reaches depths of 1198ft (365m). "California platforms are some of the largest and deepest in the world," says Hazelwood. "You don't even see the beams, they are so encrusted with marine wildlife."

--

The emissions from travel it took to report this story were 0kg CO2. The digital emissions from this story are an estimated 1.2g to 3.6g CO2 per page view. Find out more about how we calculated this figure here.

--

Join one million Future fans by liking us on Facebook, or follow us on Twitter or Instagram.

If you liked this story, sign up for the weekly bbc.com features newsletter, called "The Essential List". A handpicked selection of stories from BBC FutureCultureWorklife, and Travel, delivered to your inbox every Friday.

Around the BBC


Continue reading the full story



Search articles and images relating to this story.
Courtesy, The Boston Sun.

Image Search:    |    
Last 24 Hours    |    Last 7 Days    |    All Time

Story Search:    |    Last 24 Hours    |    Last 7 Days    |    All Time