html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: inherit; font-family: inherit; font-size: 100%; font-style: inherit; font-variant: inherit; font-weight: inherit; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } table { border-collapse: collapse; border-spacing: 0; } *, *::after, *::before { box-sizing: border-box; -webkit-box-sizing: border-box; } ::selection { background: rgb(180, 231, 248); } html { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { background: rgb(255, 255, 255); color: rgb(0, 0, 0); line-height: 1; -ms-overflow-x: hidden; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeSpeed; -webkit-overflow-scrolling: touch; -webkit-osx-font-smoothing: grayscale; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; display: block; } audio, canvas, video { display: inline; -ms-zoom: 1; } main { margin: 0px auto; width: 100%; } i { display: inline-block; } a { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: inherit; text-decoration: none; -ms-word-wrap: break-word; -webkit-transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); overflow-wrap: break-word; -o-transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); } a:active, a:hover { outline: 0px; color: rgb(0, 0, 0); cursor: pointer; } a img { border: 0px currentColor; border-image: none; } audio, canvas, video { display: inline-block; } b, strong { font-weight: bold; } blockquote::after, blockquote::before { content: none; } button { background: none; padding: 0px; border: 0px currentColor; border-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button, input, select, textarea { margin: 0px; font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button; -moz-appearance: button; appearance: button; } button[disabled], html input[disabled] { cursor: default; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } figure { margin: 0px; } h1, h2, h3, h4, h5, h6 { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(0, 0, 0); -ms-word-wrap: break-word; -webkit-transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); } i { font-style: normal; display: inline-block; } img, iframe, picture { border: 0px currentColor; border-image: none; display: block; } img { height: auto; margin-right: auto; margin-left: auto; } picture img { width: 100%; } img, code, kbd, pre, samp, video, object, picture, figure, iframe { max-width: 100%; } input { border-radius: 0px; } input[type='checkbox'], input[type='radio'] { padding: 0px; } input[type='search'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type='text'], input[type='password'] { padding: 16px; border-radius: 0px; border: 1px solid rgb(204, 204, 204); border-image: none; } [hidden] { display: none; } hr { background: rgba(0, 0, 0, 0.8); border-style: none solid solid; margin: 0px auto; width: calc(100% - (16px * 2)); height: 0px; border-top-color: currentColor; border-top-width: 0px; box-sizing: content-box; opacity: 0.18; -webkit-box-sizing: content-box; } code, kbd, pre, samp { background: rgb(246, 246, 246); margin: 64px auto; padding: 25px; color: rgba(0, 0, 0, 0.8); font-family: "Source Code Pro", monospace, sans-serif; -webkit-overflow-scrolling: touch; overflow-wrap: break-word; } legend { padding: 0px; border: 0px currentColor; border-image: none; } ol, ul { list-style: none; } p:empty, ul:empty, ol:empty, dl:empty, blockquote:empty { display: none; } p { -ms-word-wrap: break-word; overflow-wrap: break-word; } pre { font-size: 80%; white-space: normal; } small { font-size: 10px; } sub, sup { line-height: 0; font-size: 75%; vertical-align: baseline; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(root) { overflow: hidden; } textarea { overflow: auto; vertical-align: top; } .visually-hidden { margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); } @font-face { font-family: canela; src: url(68cd12510d8ee7d52785b596e873b0f069ed7f3e.eot) , url(1ed8f9c71b1ca1baddf7643ee46e18161417e2d2.eot) format("embedded-opentype"), url(a80c50ca4a390af411651702397b9a653118f3c8.woff) format("woff"), url(29773e2d3b005b5ebc1e1cd2cbc3b5e4d274b397.ttf) format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: abstract-sunday; src: url(38d79aedd2fd28e88b6bcedf5f62eb630be99e13.eot) , url(9fa4a6d2c4d460b3f2f2f61860955ec148be9f04.woff) format("woff"), url(a112df705c0fee1de78834f64cd1c248fa9c31f7.ttf) format("truetype"), url(0bcd9562564d0b96aed391b87c4f9dc2115201ce.svg) format("svg"), url(830785f803f0bb05f4ad749737a14f219c1b20d5.eot) format("embedded-opentype"); font-weight: normal; font-style: normal; } .ad-component--box { min-height: 50px; } @media all and (min-width:600px) { .ad-component--box { min-height: 250px; min-width: 300px; } } .ad-component--box-2 { margin-bottom: 16px; } .ad-component--box-4 { padding-bottom: 16px; } @media all and (min-width:900px) { .reverse-siderail-order .sidebar-component { flex-flow:column nowrap; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; } .reverse-siderail-order .siderail-rad { order: 2; -webkit-box-ordinal-group: 3; -webkit-order: 2; } } .advertisement__leaderboard { padding: 16px 0px; width: 100%; display: flex; min-height: 122px; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-align-items: center; -webkit-justify-content: center; } @media all and (max-width:599px) { .advertisement__leaderboard { min-height: 82px; } } .leaderboard-rad { width: 100%; } .cns-ads-slot-type-post-nav.cns-ads-slot-size-9x1.cns-ads-slot-state-filled { margin-top: -16px; } .cns-ads-slot-type-siderail-1.cns-ads-slot-state-filled, .cns-ads-slot-type-siderail-3.cns-ads-slot-state-filled { padding-bottom: 16px; } .mid-banner-wrap .cns-ads-slot-type-article-in-copy-mobile, .mid-banner-wrap .cns-ads-slot-type-article-in-copy { width: 100vw; padding-top: 16px; padding-bottom: 16px; margin-top: 50px; margin-bottom: 50px; margin-left: -20px; position: relative; background-color: rgb(246, 246, 246); } @media all and (min-width:600px) { .mid-banner-wrap .cns-ads-slot-type-article-in-copy-mobile, .mid-banner-wrap .cns-ads-slot-type-article-in-copy { margin-left: -200px; } } @media all and (min-width:1200px) { .mid-banner-wrap .cns-ads-slot-type-article-in-copy-mobile, .mid-banner-wrap .cns-ads-slot-type-article-in-copy { margin-left: calc(((1132px - 100vw)/2) - 250px); } } .cm-subscribe-link-wrapper { padding: 10px 20px; top: 0px; right: 0px; position: absolute; } @media all and (min-width:600px) { .cm-subscribe-link-wrapper { right: 40px; padding-top: 22px; padding-bottom: 22px; } } .cm-subscribe-link { padding: 4px 2px; position: absolute; } @media all and (max-width:899px) { .cns-ads-slot-type-post-nav.cns-ads-slot-state-filled.cns-ads-slot-size-970x250 { top: -14px; height: 224px; position: relative; } .cns-ads-slot-type-post-nav.cns-ads-slot-state-filled.cns-ads-slot-size-970x250 iframe { transform: scale(0.79); -webkit-transform: scale(0.79); } } @media all and (max-width:899px) { .cns-ads-slot-type-article-in-copy.cns-ads-slot-state-filled.cns-ads-slot-size-970x251 .cns-ads-container { width: 766px !important; } .cns-ads-slot-type-article-in-copy.cns-ads-slot-state-filled.cns-ads-slot-size-970x251 iframe { transform-origin: left 50%; transform: scale(0.79); -webkit-transform: scale(0.79); -webkit-transform-origin: left; } } @media all and (max-width:899px) { .cns-ads-slot-type-post-nav.cns-ads-slot-state-filled.cns-ads-slot-size-932x372 { top: -20px; height: 333px; position: relative; } .cns-ads-slot-type-post-nav.cns-ads-slot-state-filled.cns-ads-slot-size-932x372 iframe { transform: scale(0.79); -webkit-transform: scale(0.79); } } @media all and (max-width:899px) { .cns-ads-slot-type-article-in-copy.cns-ads-slot-state-filled.cns-ads-slot-size-932x373 .cns-ads-container { width: 750px !important; } .cns-ads-slot-type-article-in-copy.cns-ads-slot-state-filled.cns-ads-slot-size-932x373 iframe { transform-origin: left 50%; transform: scale(0.79); -webkit-transform: scale(0.79); -webkit-transform-origin: left; } } .cns-ads-slot-type-wide-index.cns-ads-slot-state-filled { padding-bottom: 16px; } @media all and (min-width:900px) { .cns-ads-slot-type-wide-index.cns-ads-slot-state-filled.cns-ads-slot-size-971x250, .cns-ads-slot-type-wide-index.cns-ads-slot-state-filled.cns-ads-slot-size-971x418, .cns-ads-slot-type-wide-index.cns-ads-slot-state-filled.cns-ads-slot-size-971x66 { margin-left: -20px; display: table; } } .cns-ads-slot-type-wide-index.cns-ads-slot-state-filled.cns-ads-slot-size-9x2 { width: 100vw; margin-left: -20px; } @media all and (min-width:600px) { .cns-ads-slot-type-wide-index.cns-ads-slot-state-filled.cns-ads-slot-size-9x2 { margin-left: -50px; } } @media all and (min-width:1047px) { .cns-ads-slot-type-wide-index.cns-ads-slot-state-filled.cns-ads-slot-size-9x2 { margin-left: calc(((1132px - 100vw)/2) - 100px); } } .polar-hide { display: none; } .archive-item-component { padding: 16px 0px; font-size: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } .archive-item-component__link:hover .archive-item-component__byline, .archive-item-component__link:hover .archive-item-component__title, .archive-item-component__link:hover .archive-item-component__desc { color: rgb(102, 102, 102); } .archive-item-component__img { width: 100%; padding-right: 0px; padding-left: 0px; font-size: 16px; display: inline-block; } @media all and (min-width:900px) { .archive-item-component__img { width: 33.33%; vertical-align: top; } } @media all and (min-width:900px) { .archive-item-component__img { width: 100%; padding-right: 16px; padding-left: 0px; font-size: 16px; display: inline-block; } } @media all and (min-width:900px) { .archive-item-component__img { width: 33.33%; vertical-align: top; } } .archive-item-component__info { width: 100%; padding-right: 16px; padding-left: 0px; font-size: 16px; margin-top: 16px; display: inline-block; } @media all and (min-width:900px) { .archive-item-component__info { width: 66.66%; vertical-align: middle; } } @media all and (min-width:900px) { .archive-item-component__info { margin-top: 0px; } } .archive-item-component__byline { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(102, 102, 102); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; margin-bottom: 8px; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .archive-item-component__byline .byline-component { margin-left: -4px; display: inline; } .archive-item-component__title { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(0, 0, 0); line-height: 20px; overflow: hidden; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 18px; font-style: normal; font-weight: 400; -ms-text-overflow: ellipsis; max-height: 100px; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-box-orient: vertical; -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-line-clamp: 5; -o-text-overflow: ellipsis; } .archive-item-component__title em, .archive-item-component__title cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .archive-item-component__desc { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(0, 0, 0); line-height: 16px; overflow: hidden; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 13px; margin-top: 4px; -ms-text-overflow: ellipsis; max-height: 48px; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-box-orient: vertical; -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-line-clamp: 3; -o-text-overflow: ellipsis; } .archive-item-component__desc em, .archive-item-component__desc cite { font-family: "Exchange SSm 4i",ExchangeWeb-Italic,"Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-style: normal; } .archive-list-component__items { list-style: none; padding: 0px 16px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; } .pagination-component { padding: 15px 0px 28px; text-align: center; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; } .pagination-component__page { margin-right: 16px; display: inline; } .pagination-component__page--current-page { color: rgb(0, 0, 0); } .pagination-component__caret--right, .pagination-component__caret--left { top: 11px; display: inline-block; position: relative; } .pagination-component__caret--right i, .pagination-component__caret--left i { margin: 0px; opacity: 0.6; } .pagination-component__caret--left { margin-right: 16px; } .archive-listing-component { clear: left; } .link--arrow { padding: 16px; height: 62px; text-decoration: none; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center; } .link--arrow .icon { transition:opacity 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); margin-right: 8px; opacity: 0.6; -webkit-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .link--arrow span { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(102, 102, 102); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .link--arrow:hover .icon { opacity: 1; } .link--arrow:hover span { color: rgb(37, 37, 37); } @media all and (max-width:899px) { .link--arrow { max-width: 100%; } } @media all and (max-width:599px) { .aspect-ratio-component.extra-small-only-16-9 { position: relative; } .aspect-ratio-component.extra-small-only-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.extra-small-only-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-small-only-2-1 { position: relative; } .aspect-ratio-component.extra-small-only-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.extra-small-only-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-small-only-1-1 { position: relative; } .aspect-ratio-component.extra-small-only-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.extra-small-only-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-small-only-4-3 { position: relative; } .aspect-ratio-component.extra-small-only-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.extra-small-only-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } @media all and (min-width:600px) { .aspect-ratio-component.small-up-16-9 { position: relative; } .aspect-ratio-component.small-up-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.small-up-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.small-up-2-1 { position: relative; } .aspect-ratio-component.small-up-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.small-up-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.small-up-1-1 { position: relative; } .aspect-ratio-component.small-up-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.small-up-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.small-up-4-3 { position: relative; } .aspect-ratio-component.small-up-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.small-up-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } @media all and (max-width:899px) { .aspect-ratio-component.medium-down-16-9 { position: relative; } .aspect-ratio-component.medium-down-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.medium-down-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.medium-down-2-1 { position: relative; } .aspect-ratio-component.medium-down-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.medium-down-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.medium-down-1-1 { position: relative; } .aspect-ratio-component.medium-down-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.medium-down-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.medium-down-4-3 { position: relative; } .aspect-ratio-component.medium-down-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.medium-down-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } @media all and (min-width:900px) { .aspect-ratio-component.medium-up-16-9 { position: relative; } .aspect-ratio-component.medium-up-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.medium-up-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.medium-up-2-1 { position: relative; } .aspect-ratio-component.medium-up-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.medium-up-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.medium-up-1-1 { position: relative; } .aspect-ratio-component.medium-up-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.medium-up-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.medium-up-4-3 { position: relative; } .aspect-ratio-component.medium-up-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.medium-up-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } @media all and (min-width:1200px) { .aspect-ratio-component.large-up-16-9 { position: relative; } .aspect-ratio-component.large-up-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.large-up-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.large-up-2-1 { position: relative; } .aspect-ratio-component.large-up-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.large-up-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.large-up-1-1 { position: relative; } .aspect-ratio-component.large-up-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.large-up-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.large-up-4-3 { position: relative; } .aspect-ratio-component.large-up-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.large-up-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } @media all and (min-width:1800px) { .aspect-ratio-component.extra-large-up-16-9 { position: relative; } .aspect-ratio-component.extra-large-up-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.extra-large-up-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-large-up-2-1 { position: relative; } .aspect-ratio-component.extra-large-up-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.extra-large-up-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-large-up-1-1 { position: relative; } .aspect-ratio-component.extra-large-up-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.extra-large-up-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-large-up-4-3 { position: relative; } .aspect-ratio-component.extra-large-up-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.extra-large-up-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .aspect-ratio-component.retina-16-9 { position: relative; } .aspect-ratio-component.retina-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.retina-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.retina-2-1 { position: relative; } .aspect-ratio-component.retina-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.retina-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.retina-1-1 { position: relative; } .aspect-ratio-component.retina-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.retina-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.retina-4-3 { position: relative; } .aspect-ratio-component.retina-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.retina-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } @media all and (min-width:1047px) { .aspect-ratio-component.extra-medium-up-16-9 { position: relative; } .aspect-ratio-component.extra-medium-up-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.extra-medium-up-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-medium-up-2-1 { position: relative; } .aspect-ratio-component.extra-medium-up-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.extra-medium-up-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-medium-up-1-1 { position: relative; } .aspect-ratio-component.extra-medium-up-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.extra-medium-up-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.extra-medium-up-4-3 { position: relative; } .aspect-ratio-component.extra-medium-up-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.extra-medium-up-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } } .aspect-ratio-component.all-16-9 { position: relative; } .aspect-ratio-component.all-16-9::before { width: 100%; padding-top: 56.25%; display: block; content: ""; } .aspect-ratio-component.all-16-9 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.all-2-1 { position: relative; } .aspect-ratio-component.all-2-1::before { width: 100%; padding-top: 50%; display: block; content: ""; } .aspect-ratio-component.all-2-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.all-1-1 { position: relative; } .aspect-ratio-component.all-1-1::before { width: 100%; padding-top: 100%; display: block; content: ""; } .aspect-ratio-component.all-1-1 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .aspect-ratio-component.all-4-3 { position: relative; } .aspect-ratio-component.all-4-3::before { width: 100%; padding-top: 75%; display: block; content: ""; } .aspect-ratio-component.all-4-3 > .aspect-ratio-component__inner-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; } .brow-component { color: rgba(0, 0, 0, 0.6); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; overflow: hidden; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-style: normal; font-weight: 400; display: block; position: relative; z-index: 3; } .brow-component--micro { font-size: 10px; margin-bottom: 4px; } .brow-component--backchannel { color: rgb(0, 170, 234); } .byline-component { color: rgba(0, 0, 0, 0.6); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; overflow: hidden; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-style: normal; font-weight: 400; text-decoration: none; display: block; position: relative; z-index: 3; -ms-text-overflow: ellipsis; max-height: 39px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -o-text-overflow: ellipsis; } .byline-component--micro { font-size: 10px; margin-top: 4px; } .byline-component__link:hover { background: rgb(180, 231, 248); } .icon--backchannel { margin: 0px auto; width: 70px; height: 70px; background-image: url(e586a4320d0c7022102a29fe243043407b08be82.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--backchannel { background-image: url(90ce93471e099bf86a1e388b65c11bfd0b331fee.png) ; } } .icon--business { margin: 0px auto; width: 70px; height: 70px; background-image: url(009f702549189582a728a63c085200f060eef562.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--business { background-image: url(4aca2a2f43d08fe3d5b32d76f5e8b2cd745a95e1.png) ; } } .icon--culture { margin: 0px auto; width: 70px; height: 70px; background-image: url(119a1f9ba05baf441a8f3bde496ee25a95419dbb.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--culture { background-image: url(df4db216c0ca68ed08ccacce032d49d8c8f1c10b.png) ; } } .icon--design { margin: 0px auto; width: 70px; height: 70px; background-image: url(b6c0b94888d67d0ce912cc44061d23a24f4f55b3.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--design { background-image: url(cfdf8f68141f126f0640085d3236a7bc68a8949f.png) ; } } .icon--gear { margin: 0px auto; width: 70px; height: 70px; background-image: url(1e193968d5cbe28cd9b1164004e64427a5b448b6.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--gear { background-image: url(20f161777bf28d908d1109d946b9ea76ce67e282.png) ; } } .icon--science { margin: 0px auto; width: 70px; height: 70px; background-image: url(6d55f207c0415713abf502503b17f8bfd7128d34.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--science { background-image: url(6802ed8de1f385fea308e292e64989e6e80b1aab.png) ; } } .icon--security { margin: 0px auto; width: 70px; height: 70px; background-image: url(fd50007e10995720d602cce1268f0b9f09b06dfa.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--security { background-image: url(32ed063d9d7c6224ecc7e0f1f41e0392f1d33386.png) ; } } .icon--photo { margin: 0px auto; width: 70px; height: 70px; background-image: url(474e9f77daf53cf03e4f53821f8666e834b8a3f3.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--photo { background-image: url(7caa5423c27db795015a1a54659f2c2eb6fa1df7.png) ; } } .icon--transportation { margin: 0px auto; width: 70px; height: 70px; background-image: url(d1864b552045791a997aea27db9eaf318ab8a8b3.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--transportation { background-image: url(c52eefa519ce47b161068623b41a021c102b40f1.png) ; } } .icon--video { margin: 0px auto; width: 70px; height: 70px; background-image: url(66f8858c7513f7dd8d554300a729b8b7543f3fac.png) ; background-size: 70px; } @media not all, not all, not all, not all, all and (min-resolution:240dpi) { .icon--video { background-image: url(d9a60b3a0bf4583976d756c47c19ffdb0e405b36.png) ; } } .footer { text-align: center; clear: both; display: block; position: relative; box-shadow: -3px -3px 3px 0px rgba(0,0,0,0.19), 3px 0px 3px 0px rgba(0,0,0,0.19), 0px 3px 3px 0px rgba(0,0,0,0.23); background-color: rgb(255, 255, 255); -webkit-box-shadow: -3px -3px 3px 0 rgba(0, 0, 0, 0.19), 3px 0 3px 0 rgba(0, 0, 0, 0.19), 0 3px 3px 0 rgba(0, 0, 0, 0.23); } @media all and (min-width:600px) { .footer { padding-top: 32px; padding-bottom: 32px; } } @media all and (max-width:599px) { .footer { padding-top: 1px; } } .logo--footer { width: 150px; margin-right: auto; margin-left: auto; display: block; } @media all and (min-width:600px) { .logo--footer .icon { margin-bottom: 32px; } } @media all and (max-width:599px) { .logo--footer .icon { margin-top: 16px; margin-bottom: 16px; transform: scale(0.6); -webkit-transform: scale(0.6); } } .footer__list--social { width: calc(100% - (50px * 2)); margin-right: auto; margin-left: auto; display: block; max-width: 932px; } @media all and (max-width:599px) { .footer__list--social { width: 290px; margin-bottom: 16px; } } .footer__listitem--social { display: inline-block; } @media all and (max-width:599px) { .footer__listitem--social .icon { width: 80px; height: 80px; background-size: 80px; } } @media all and (min-width:600px) { .footer__listitem--social { margin-right: 16px; } } @media all and (max-width:599px) { :nth-child(-n+3).footer__listitem--social { margin-bottom: 16px; } :nth-child(1).footer__listitem--social { margin-right: 16px; } :nth-child(2).footer__listitem--social { margin-right: 16px; } :nth-child(4).footer__listitem--social { margin-right: 16px; } :nth-child(5).footer__listitem--social { margin-right: 16px; } } .footer__list--links { width: calc(100% - (50px * 2)); margin-right: auto; margin-left: auto; max-width: 1230px; } @media all and (min-width:600px) { .footer__list--links { margin-top: 32px; margin-bottom: 32px; } } @media all and (max-width:599px) { .footer__list--links { width: calc(100% - (20px * 2)); margin-bottom: 30px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } } .footer__listitem--links { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(102, 102, 102); text-transform: uppercase; line-height: 10px; letter-spacing: 0.08em; padding-right: 8px; padding-left: 8px; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; margin-bottom: 8px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; display: inline-block; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } :last-child.footer__listitem--links { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } @media all and (max-width:599px) { .footer__listitem--links { margin: 0px; padding: 25px 0px; width: calc(50% - 1px); border-top-color: rgb(204, 204, 204); border-right-color: currentColor; border-top-width: 1px; border-right-width: 0px; border-top-style: solid; border-right-style: none; } :nth-child(2n+1).footer__listitem--links { border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; } :last-child.footer__listitem--links { width: 100%; border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } } .footer__legal p { width: calc(100% - (50px * 2)); color: rgba(0, 0, 0, 0.6); line-height: 20px; font-family: proxima-nova,ProximaNova-Bold,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 14px; margin-right: auto; margin-bottom: 8px; margin-left: auto; display: block; max-width: 932px; } .footer__legal p a { transition:background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: inherit; text-decoration: none; border-bottom-color: rgb(180, 231, 248); border-bottom-width: 0px; border-bottom-style: solid; box-shadow: inset 0px -4px 0px #b4e7f8; background-color: transparent; -webkit-box-shadow: inset 0 -4px 0 #b4e7f8; -webkit-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .footer__legal p a:hover { color: rgb(0, 0, 0); background-color: rgb(180, 231, 248); } @media all and (max-width:599px) { .footer__legal p { width: calc(100% - (20px * 2)); padding-bottom: 16px; } } .header { left: 0px; top: 0px; width: 100%; position: fixed; z-index: 9999999; box-shadow: -3px -3px 3px 0px rgba(0,0,0,0.19), 3px 0px 3px 0px rgba(0,0,0,0.19), 0px 3px 3px 0px rgba(0,0,0,0.23); background-color: rgb(255, 255, 255); -webkit-box-shadow: -3px -3px 3px 0 rgba(0, 0, 0, 0.19), 3px 0 3px 0 rgba(0, 0, 0, 0.19), 0 3px 3px 0 rgba(0, 0, 0, 0.23); } .logo-bar { margin: 0px; padding: 0px; transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); width: 100%; height: 60px; overflow: hidden; clear: both; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; display: block; position: relative; -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } @media all and (max-width:599px) { .logo-bar { height: 40px; } } .logo-bar--backchannel { border-bottom-color: rgb(0, 170, 234); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(0, 170, 234); } .logo-bar--business { border-bottom-color: rgb(0, 159, 94); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(0, 159, 94); } .logo-bar--culture { border-bottom-color: rgb(65, 39, 75); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(65, 39, 75); } .logo-bar--design { border-bottom-color: rgb(160, 201, 204); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(160, 201, 204); } .logo-bar--gear { border-bottom-color: rgb(31, 132, 159); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(31, 132, 159); } .logo-bar--science { border-bottom-color: rgb(255, 192, 54); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(255, 192, 54); } .logo-bar--security { border-bottom-color: rgb(98, 18, 0); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(98, 18, 0); } .logo-bar--photo { border-bottom-color: rgb(29, 29, 29); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(29, 29, 29); } .logo-bar--transportation { border-bottom-color: rgb(228, 76, 80); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(228, 76, 80); } .logo-bar--video { border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(0, 0, 0); } .logo-bar--default { border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(255, 255, 255); } .logo-bar__wrapper { margin: 0px auto; width: 50%; display: flex; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-align-items: center; -webkit-justify-content: center; } .logo-bar__wrapper :not(.backchannel).icon { margin: 0px; width: 40px; height: 40px; display: inline-block; background-size: 40px; } .logo-bar__wrapper .icon.backchannel { top: 20px; height: 20px; position: relative; } @media all and (max-width:599px) { .logo-bar__wrapper { display: none; } } .logo-bar__title { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); text-align: center; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .logo-bar__title--sm { margin: 0px auto; color: rgb(255, 255, 255); line-height: 60px; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 18px; font-style: normal; font-weight: 400; display: block; } .logo-bar__title--sm em, .logo-bar__title--sm cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .logo-bar__title--lg { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 60px; font-family: ambroise-francois-std,"Bodoni 72",Didot,"Hoe­fler Text",serif; font-size: 45px; font-style: normal; font-weight: 400; display: inline-block; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .logo-bar__title--lg em, .logo-bar__title--lg cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } @media all and (max-width:599px) { .logo-bar__title { display: none; } } .link--subscribe { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); top: 50%; right: 60px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; opacity: 1; transform: translateY(-50%); -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1) opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform: translateY(-50%); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1) opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .link--subscribe:hover { color: rgb(255, 255, 255); opacity: 0.6; } @media all and (max-width:599px) { .link--subscribe { right: 20px; } } .icon--logo { transition:opacity 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); left: 65px; top: 50%; width: 100px; height: 20px; position: absolute; cursor: pointer; opacity: 1; transform: translateY(-50%); background-image: url(110c80da6a18d2a1c922ecc4efadf0e4e6ee01db.svg) ; background-repeat: no-repeat; background-size: 100px; -webkit-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform: translateY(-50%); -o-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .icon--logo:hover { opacity: 0.6; } @media all and (max-width:599px) { .icon--logo { margin: 0px auto; transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); left: 0px; top: 0px; width: 80px; height: 25px; display: block; position: relative; transform: translateY(50%); background-size: 80px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform: translateY(50%); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } } .icon--menu { width: 30px; height: 30px; background-image: url(1c28ed10324816683dc4cd4b1d2275cffbe6ffc8.svg) ; background-size: 30px; } .icon--search { width: 30px; height: 30px; background-image: url(a5b75c42197d00cb3e22a3b3bf298c424c87b08d.svg) ; background-size: 30px; } .logo-bar--default { border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } .header--collapsed .logo-bar { border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } .header--collapsed .logo-bar, .logo-bar--default .logo-bar { background-color: rgb(255, 255, 255); } .header--collapsed .logo-bar__title, .logo-bar--default .logo-bar__title { color: rgb(0, 0, 0); } .header--collapsed .link--subscribe, .logo-bar--default .link--subscribe { color: rgb(102, 102, 102); } .header--collapsed .link--subscribe:hover, .logo-bar--default .link--subscribe:hover { color: rgb(37, 37, 37); } .header--collapsed .icon--logo, .logo-bar--default .icon--logo { background-image: url(07b7c98e15ec866677a0ead4e12bf373d6e65a9b.svg) ; } .header--collapsed .icon--menu, .logo-bar--default .icon--menu { background-image: url(b3972f0adf4ce2f478533fac2eb3f0ff1cccf429.svg) ; } .header--collapsed .icon--search, .logo-bar--default .icon--search { background-image: url(1785bbc99f7ff6dcd8e72b26098fddf0c92761c8.svg) ; } .header--collapsed .toggle--menu, .logo-bar--default .toggle--menu { opacity: 0.6; } .header--collapsed .toggle--menu:hover, .logo-bar--default .toggle--menu:hover { opacity: 1; } .header--collapsed .toggle--menu.active .icon--menu, .logo-bar--default .toggle--menu.active .icon--menu { background-image: url(87cace4c853e76487a5fd3121642f108a68cc787.svg) ; } .header--collapsed .toggle--search, .logo-bar--default .toggle--search { opacity: 0.6; } .header--collapsed .toggle--search:hover, .logo-bar--default .toggle--search:hover { opacity: 1; } .header--collapsed .toggle--search.active .icon--search, .logo-bar--default .toggle--search.active .icon--search { background-image: url(87cace4c853e76487a5fd3121642f108a68cc787.svg) ; } .header__social--mobile { transition:opacity 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), visibility 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); top: 0px; width: calc(100% - 60px); height: 40px; right: 0px; visibility: hidden; position: absolute; opacity: 0; background-color: rgb(255, 255, 255); -webkit-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1), visibility .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1), visibility .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .header--show-social .header__social--mobile { visibility: visible; opacity: 1; } .header__social--mobile .social-share { height: 100%; } .header__social--mobile .social-share__listing { height: 100%; display: flex; } .header__social--mobile .social-share__listing .social-share__listitem { transition:opacity 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); flex:1 1 0px; height: 100%; padding-top: 1px; display: block; opacity: 1; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-box-flex: 1; -webkit-box-pack: center; -o-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-align-items: center; -webkit-justify-content: center; -webkit-flex: 1; } .header__social--mobile .social-share__listing .social-share__listitem--facebook { background-color: rgb(60, 88, 154); } .header__social--mobile .social-share__listing .social-share__listitem--twitter { background-color: rgb(104, 172, 210); } .header__social--mobile .social-share__listing .social-share__listitem--pinterest { background-color: rgb(222, 33, 39); } .header__social--mobile .social-share__listing .social-share__listitem--comments { background-color: rgb(7, 74, 106); } .header__social--mobile .social-share__listing .social-share__listitem--email { background-color: rgb(0, 0, 0); } .header__social--mobile .social-share__listing .social-share__listitem:hover { opacity: 0.6; } .header__social--mobile .social-comment.icon { background-color: rgb(7, 74, 106); } @media all and (min-width:600px) { .header__social--mobile { display: none; } } .icon { margin: 0px auto; display: block; background-repeat: no-repeat; } .icon--16 { width: 16px; height: 16px; background-size: 16px; } .icon--20 { width: 20px; height: 20px; background-size: 20px; } .icon--30 { width: 30px; height: 30px; background-size: 30px; } .icon--35 { width: 35px; height: 35px; background-size: 35px; } .icon--50 { width: 50px; height: 50px; background-size: 50px; } .icon--70 { width: 70px; height: 70px; background-size: 70px; } .icon--80 { width: 80px; height: 80px; background-size: 80px; } .icon--logo--150 { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 150px; height: 32px; background-size: 150px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } .icon--logo--160 { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 160px; height: 32px; background-size: 160px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } .icon--logo--200 { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 200px; height: 32px; background-size: 200px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } .icon--logo--300 { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 300px; height: 32px; background-size: 300px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--backchannel { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--backchannel:hover { color: rgb(255, 255, 255); background-color: rgb(0, 170, 234); } .nav--backchannel.nav--is-active { border-top-color: rgb(0, 170, 234); border-top-width: 1px; border-top-style: solid; background-color: rgb(0, 170, 234); } .nav--backchannel.nav--is-active a { color: rgb(255, 255, 255); } .nav--business { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--business:hover { color: rgb(255, 255, 255); background-color: rgb(0, 159, 94); } .nav--business.nav--is-active { border-top-color: rgb(0, 159, 94); border-top-width: 1px; border-top-style: solid; background-color: rgb(0, 159, 94); } .nav--business.nav--is-active a { color: rgb(255, 255, 255); } .nav--culture { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--culture:hover { color: rgb(255, 255, 255); background-color: rgb(65, 39, 75); } .nav--culture.nav--is-active { border-top-color: rgb(65, 39, 75); border-top-width: 1px; border-top-style: solid; background-color: rgb(65, 39, 75); } .nav--culture.nav--is-active a { color: rgb(255, 255, 255); } .nav--design { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--design:hover { color: rgb(255, 255, 255); background-color: rgb(160, 201, 204); } .nav--design.nav--is-active { border-top-color: rgb(160, 201, 204); border-top-width: 1px; border-top-style: solid; background-color: rgb(160, 201, 204); } .nav--design.nav--is-active a { color: rgb(255, 255, 255); } .nav--gear { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--gear:hover { color: rgb(255, 255, 255); background-color: rgb(31, 132, 159); } .nav--gear.nav--is-active { border-top-color: rgb(31, 132, 159); border-top-width: 1px; border-top-style: solid; background-color: rgb(31, 132, 159); } .nav--gear.nav--is-active a { color: rgb(255, 255, 255); } .nav--science { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--science:hover { color: rgb(255, 255, 255); background-color: rgb(255, 192, 54); } .nav--science.nav--is-active { border-top-color: rgb(255, 192, 54); border-top-width: 1px; border-top-style: solid; background-color: rgb(255, 192, 54); } .nav--science.nav--is-active a { color: rgb(255, 255, 255); } .nav--security { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--security:hover { color: rgb(255, 255, 255); background-color: rgb(98, 18, 0); } .nav--security.nav--is-active { border-top-color: rgb(98, 18, 0); border-top-width: 1px; border-top-style: solid; background-color: rgb(98, 18, 0); } .nav--security.nav--is-active a { color: rgb(255, 255, 255); } .nav--photo { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--photo:hover { color: rgb(255, 255, 255); background-color: rgb(29, 29, 29); } .nav--photo.nav--is-active { border-top-color: rgb(29, 29, 29); border-top-width: 1px; border-top-style: solid; background-color: rgb(29, 29, 29); } .nav--photo.nav--is-active a { color: rgb(255, 255, 255); } .nav--transportation { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--transportation:hover { color: rgb(255, 255, 255); background-color: rgb(228, 76, 80); } .nav--transportation.nav--is-active { border-top-color: rgb(228, 76, 80); border-top-width: 1px; border-top-style: solid; background-color: rgb(228, 76, 80); } .nav--transportation.nav--is-active a { color: rgb(255, 255, 255); } .nav--video { transition:background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1), color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background-color .15s cubic-bezier(0.33, 0.66, 0.66, 1), color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .nav--video:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .nav--video.nav--is-active { border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid; background-color: rgb(0, 0, 0); } .nav--video.nav--is-active a { color: rgb(255, 255, 255); } .nav--photo, .nav--video, .nav--backchannel { display: none; } @media all and (min-width:1800px) { .nav--photo, .nav--video, .nav--backchannel { display: block; } } @media all and (max-width:599px) { .nav--photo, .nav--video, .nav--backchannel { display: block; } } .nav--design { display: block; } @media all and (max-width:599px) { .nav--design { display: none; } } .header__nav--links { display: none; } .header__nav--links ul { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%; height: 30px; display: flex; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; } .header__nav--links a { color: rgb(102, 102, 102); text-decoration: none; display: block; } .header__nav--links li { margin: 0px; padding: 0px; width: calc(100% /7); text-align: center; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 30px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 8px; vertical-align: middle; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; float: left; cursor: pointer; } .header__nav--links li:nth-child(10) { border: 0px currentColor; border-image: none; } .header__nav--links li:hover a { color: rgb(255, 255, 255); } @media all and (min-width:900px) { .header__nav--links li { font-size: 10px; } } @media all and (min-width:1800px) { .header__nav--links li { width: calc(100% /9); } .header__nav--links li:nth-child(7) { border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; } .header__nav--links li:nth-child(10) { border: 0px currentColor; border-image: none; } } @media all and (min-width:600px) { .header--default .header__nav--links { display: block; } .header--collapsed .header__nav--links { display: none; } } .header__nav--icons { display: none; } .header--menu-open .header__nav--icons { display: block; } .header__nav--icons ul { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 100%; } .header__nav--icons li { margin: 0px; padding: 0px; width: 14.28%; height: 14.28vw; text-align: center; text-transform: uppercase; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; float: left; position: relative; cursor: pointer; background-color: rgb(255, 255, 255); } .header__nav--icons li:hover a { color: rgb(255, 255, 255); } @media all and (min-width:900px) { .header__nav--icons li:nth-child(8) { border: 0px currentColor; border-image: none; } } @media all and (min-width:1800px) { .header__nav--icons li { width: 10%; height: 10vw; } .header__nav--icons li:nth-child(8) { border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; } .header__nav--icons li:nth-child(10) { border: 0px currentColor; border-image: none; } } @media all and (max-width:599px) { .header__nav--icons li { width: 33.33%; height: 33.33vw; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } .header__nav--icons li:nth-last-child(-n+3) { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } } .header__nav--icons a { width: 100%; height: 100%; color: rgb(102, 102, 102); text-decoration: none; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -webkit-align-items: center; -webkit-justify-content: center; -webkit-flex-direction: column; } @media all and (max-width:599px) { .header__nav--icons { border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; } } .panel--nav { display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; } .newsletter-rad-desktop { left: 0px; top: 0px; height: 500vh; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 10000001; background-color: rgba(0, 0, 0, 0.5); } .newsletter-rad-desktop iframe { left: 50%; top: 50%; width: 768px !important; height: 500px !important; position: fixed; z-index: 10000001; min-width: 768px !important; max-width: 768px !important; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .newsletter-rad-mobile { height: 500vh; background-color: rgb(0, 0, 0); } .newsletter-rad-mobile iframe { left: 0px; top: 0px; width: 100% !important; height: 100% !important; right: 0px; bottom: 0px; position: absolute; z-index: 10000001; } .newsletter-sign-up-component__subheader { color: rgba(0, 0, 0, 0.8); line-height: 16px; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 13px; min-height: 32px; } .newsletter-sign-up-component__subheader em, .newsletter-sign-up-component__subheader cite { font-family: "Exchange SSm 4i",ExchangeWeb-Italic,"Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-style: normal; } .newsletter-sign-up-component__form { margin: 35px 0px 0px; } .newsletter-sign-up-component__email-input { padding: 8px 0px; outline: 0px; border: 0px currentColor; border-image: none; width: 100%; color: rgb(102, 102, 102); line-height: 16px; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 16px; font-style: normal; font-weight: 400; } .newsletter-sign-up-component__email-input em, .newsletter-sign-up-component__email-input cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .newsletter-sign-up-component__dummy-submit { display: none; } .newsletter-sign-up-component--subscribe-page .panel-component { border-right-color: currentColor; border-left-color: currentColor; border-right-width: 0px; border-left-width: 0px; border-right-style: none; border-left-style: none; min-height: 0px; } .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__subheader { color: rgb(153, 153, 153); line-height: 28px; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 18px; margin-bottom: 16px; } .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__subheader em, .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__subheader cite { font-family: "Exchange SSm 4i",ExchangeWeb-Italic,"Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-style: normal; } .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__form { margin: 16px 0px 0px; font-size: 0px; } .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__email-input { border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(77, 238, 46) currentColor rgb(77, 238, 46) rgb(77, 238, 46); padding: 8px; border-image: none; width: 100%; line-height: 27px; font-size: 16px; display: inline-block; background-color: rgb(0, 0, 0); } @media all and (min-width:900px) { .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__email-input { width: 75%; vertical-align: top; } } @media all and (max-width:899px) { .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__email-input { width: 75%; vertical-align: top; } } .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__email-input--error { border: 1px solid red; border-image: none; } .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__validation { width: 100%; padding-right: 0px; padding-left: 0px; font-size: 16px; display: inline-block; } @media all and (min-width:900px) { .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__validation { width: 25%; vertical-align: top; } } @media all and (max-width:899px) { .newsletter-sign-up-component--subscribe-page .newsletter-sign-up-component__validation { width: 25%; vertical-align: top; } } .newsletter-submit-component--simple { width: 25%; display: inline-block; } .newsletter-submit-result-component.newsletter-submit-result-component--arrow .newsletter-submit-result-component__message { padding: 16px 0px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; display: flex; align-items: center; -webkit-box-align: center; -webkit-align-items: center; } .newsletter-submit-result-component.newsletter-submit-result-component--arrow .newsletter-submit-result-component__message i { margin: 0px 8px 0px 0px; } .newsletter-submit-result-component.newsletter-submit-result-component--arrow .newsletter-submit-result-component__message-text { text-transform: uppercase; line-height: 10px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; } .newsletter-submit-result-component.newsletter-submit-result-component--simple { padding: 8px; text-align: center; color: rgb(255, 255, 255); line-height: 27px; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 16px; font-style: normal; font-weight: 400; display: block; } .newsletter-submit-result-component.newsletter-submit-result-component--simple em, .newsletter-submit-result-component.newsletter-submit-result-component--simple cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .newsletter-submit-result-component.newsletter-submit-result-component--simple.newsletter-submit-result-component--success { border: 1px solid rgb(77, 238, 46); border-image: none; background-color: rgb(77, 238, 46); } .newsletter-submit-result-component.newsletter-submit-result-component--simple.newsletter-submit-result-component--error { padding: 8px 0px; border: 1px solid red; border-image: none; background-color: red; } .newsletter-submit-button-component.newsletter-submit-button-component--simple a { color: rgb(255, 255, 255); background-color: rgb(77, 238, 46); } .page-wrapper { margin: 90px 0px 0px; } @media all and (max-width:599px) { .page-wrapper { margin: 40px 0px 0px; } } .wrapper-cards { width: 100%; display: block; } @media all and (min-width:900px) { .wrapper-cards { width: 100%; display: flex; } } .wrapper-cards__column { display: block; } @media all and (min-width:900px) { .wrapper-cards__column { margin-right: 16px; max-width: 300px; flex-direction: column; flex-shrink: 0; flex-basis: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -webkit-flex-basis: auto; -webkit-flex-shrink: 0; } } .panel-component { border-radius: 1px; min-height: 295px; box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.12), 1px 0px 2px 0px rgba(0,0,0,0.12), 0px 1px 1px 0px rgba(0,0,0,0.24); -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } @media all and (min-width:900px) { .panel-component { border-top-color: currentColor; border-top-width: 0px; border-top-style: none; box-shadow: none; -webkit-box-shadow: none; } } .panel-component__header { padding: 16px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 37px; font-family: ambroise-francois-std,"Bodoni 72",Didot,"Hoe­fler Text",serif; font-size: 45px; font-style: normal; font-weight: 400; } .panel-component__header em, .panel-component__header cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .panel-component__content { margin: 0px 16px; padding: 16px 0px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; } @media all and (min-width:900px) { .panel-component__content { padding: 16px 0px 0px; } } @media all and (min-width:900px) { .panel-component--newsletter { border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; } } .panel-component--subscribe-page { padding-right: 0px; padding-left: 0px; margin-bottom: 50px; min-height: 0px; } .panel-component--subscribe-page .panel-component__header { padding: 16px 0px 8px; color: rgb(255, 255, 255); text-transform: none; line-height: 24px; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 24px; font-style: normal; font-weight: 400; } .panel-component--subscribe-page .panel-component__header em, .panel-component--subscribe-page .panel-component__header cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .panel-component--subscribe-page .panel-component__subheader { color: rgb(153, 153, 153); line-height: 28px; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 18px; margin-bottom: 16px; } .panel-component--subscribe-page .panel-component__subheader em, .panel-component--subscribe-page .panel-component__subheader cite { font-family: "Exchange SSm 4i",ExchangeWeb-Italic,"Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-style: normal; } .panel-component--subscribe-page .panel-component__action { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(153, 153, 153); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; margin-bottom: 8px; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .panel-component--subscribe-page .panel-component__content { margin: 0px; padding: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; } .post-listing-component__wrapper { transition:opacity 1s cubic-bezier(0.33, 0.66, 0.66, 1); margin-bottom: 16px; border-top-color: rgb(0, 0, 0); border-top-width: 10px; border-top-style: solid; position: relative; min-width: 300px; background-color: rgb(255, 255, 255); -webkit-transition: opacity 1s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity 1s cubic-bezier(0.33, 0.66, 0.66, 1); } .post-listing-component__wrapper .post-listing-list-item__post { padding: 16px 0px; clear: both; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; display: block; } .post-listing-component__wrapper .post-listing-list-item__post::before, .post-listing-component__wrapper .post-listing-list-item__post::after { display: table; content: " "; } .post-listing-component__wrapper .post-listing-list-item__post::after { clear: both; } .post-listing-component__wrapper .post-listing-list-item__post--featured { display: block; } .post-listing-component__wrapper :first-child.post-listing-list-item__post { border-top-color: currentColor; border-top-width: 0px; border-top-style: none; } .post-listing-component__wrapper .post-listing-list-item__link { text-decoration: none; } .post-listing-component__wrapper .post-listing-list-item__link:hover { cursor: pointer; } .post-listing-component__wrapper .post-listing-list-item__link:hover .post-listing-list-item__title { color: rgb(102, 102, 102); } .post-listing-component__wrapper .post-listing-list-item__byline { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(102, 102, 102); text-transform: uppercase; line-height: 9px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; margin-bottom: 4px; display: block; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .post-listing-component__wrapper .post-listing-list-item__image--small { margin-right: 16px; float: left; min-height: 61px; min-width: 61px; } @media all and (max-width:599px) { .post-listing-component__wrapper .post-listing-list-item__image--small { min-height: 75px; min-width: 75px; } } .post-listing-component__wrapper .post-listing-list-item__image--featured { margin: 0px 0px 16px; } .post-listing-component__wrapper .post-listing-list-item__title { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: rgb(37, 37, 37); line-height: 16px; overflow: hidden; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 13px; -ms-text-overflow: ellipsis; max-height: 64px; -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-box-orient: vertical; -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-line-clamp: 4; -o-text-overflow: ellipsis; } .post-listing-component__wrapper .post-listing-list-item__title em, .post-listing-component__wrapper .post-listing-list-item__title cite { font-family: "Exchange SSm 4i",ExchangeWeb-Italic,"Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-style: normal; } .post-listing-component__wrapper .post-listing-list-item__title--featured { background: rgb(255, 255, 255); color: rgb(0, 0, 0); line-height: 20px; overflow: hidden; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 18px; font-style: normal; font-weight: 400; -ms-text-overflow: ellipsis; max-height: 100px; -webkit-box-orient: vertical; -webkit-line-clamp: 5; -o-text-overflow: ellipsis; } .post-listing-component__wrapper .post-listing-list-item__title--featured em, .post-listing-component__wrapper .post-listing-list-item__title--featured cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } @media all and (min-width:900px) { .post-listing-component__wrapper { max-width: 300px; } } .post-listing-component--with-border .post-listing-component__wrapper { box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.12), 1px 0px 2px 0px rgba(0,0,0,0.12), 0px 1px 1px 0px rgba(0,0,0,0.24); -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } .post-listing-component__list { padding: 0px 16px; } .post-listing-component .icon--next-round-black { margin: 0px 8px 0px 0px; width: 32px; height: 32px; background-image: url(badf9f3a209c16fc283de89c90c618b1ed062ac7.svg) ; } @media all and (max-width:899px) { .post-listing-component { float: none; min-width: 100%; } } .post-listing-component .post-listing-list-item__image--small { min-height: 75px; min-width: 75px; } .post-listing-component .post-listing-list-item__title { overflow: hidden; -ms-text-overflow: ellipsis; max-height: 48px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -o-text-overflow: ellipsis; } .post-listing-component .post-listing-list-item__title--featured { overflow: hidden; -ms-text-overflow: ellipsis; max-height: 100px; -webkit-box-orient: vertical; -webkit-line-clamp: 5; -o-text-overflow: ellipsis; } .search-form-component { display: none; } .header--search-open .search-form-component { display: block; } .search-form-component .search--form { height: calc(100vh - 61px); position: relative; } @media all and (max-width:599px) { .search-form-component .search--form { height: 100px; background-color: rgb(246, 246, 246); } } .search-form-component .search--form fieldset { top: calc(50% - 61px); width: 100%; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); } @media all and (max-width:599px) { .search-form-component .search--form fieldset { top: 50%; height: 100px; } } .search-form-component .search--input { border: 0px currentColor; border-image: none; top: -15px; width: 100%; text-align: center; color: rgb(0, 0, 0); line-height: 80px; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 80px; font-style: normal; font-weight: 400; position: absolute; z-index: 1; background-color: transparent; } .search-form-component .search--input em, .search-form-component .search--input cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .search-form-component .search--input:focus { } .search-form-component .search--input:focus + label { opacity: 0.2; } .search-form-component :valid.search--input + label { opacity: 0; } @media all and (max-width:599px) { .search-form-component .search--input { padding: 0px; top: calc(50% - 20px); height: 40px; line-height: 0; font-size: 30px; } } .search-form-component .search--label { transition:opacity, 0.15s, cubic-bezier(0.33, 0.66, 0.66, 1); left: 0px; top: 0px; width: 100%; text-align: center; right: 0px; color: rgb(0, 0, 0); line-height: 80px; font-family: brandon-text-wired,brandon-text,brandon-grotesque-1,brandon-grotesque-2,BrandonText-Bold,Gill Sans,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 80px; font-style: normal; font-weight: 400; position: absolute; opacity: 0.5; -webkit-transition: opacity, .15s, cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity, .15s, cubic-bezier(0.33, 0.66, 0.66, 1); } .search-form-component .search--label em, .search-form-component .search--label cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .search-form-component .search--label:hover { cursor: text; opacity: 1; } @media all and (max-width:599px) { .search-form-component .search--label { line-height: 100px; font-size: 30px; } } .search-form-component .search--submit { right: 0px; visibility: hidden; position: absolute; } @media all and (max-width:599px) { .header--menu-open .search-form-component { display: block; } } .secondary-links-component { border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; display: none; } @media all and (max-width:599px) { .secondary-links-component { width: 100%; } } .header--menu-open .secondary-links-component { display: block; } .secondary-links-component .secondary-links-component__list { margin: 0px auto; width: 85%; height: 30px; } @media all and (min-width:900px) { .secondary-links-component .secondary-links-component__list { width: 65%; } } @media all and (max-width:599px) { .secondary-links-component .secondary-links-component__list { width: 100%; } } .secondary-links-component .secondary-links-component__listitem { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); width: calc(100%/5); text-align: center; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 30px; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; text-decoration: none; vertical-align: middle; float: left; cursor: pointer; background-color: rgb(255, 255, 255); -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } @media all and (max-width:599px) { .secondary-links-component .secondary-links-component__listitem { width: 50%; } } @media all and (min-width:1800px) { .secondary-links-component .secondary-links-component__listitem { width: 50%; } } .secondary-links-component .secondary-links-component__listitem:hover { color: rgb(0, 0, 0); } .secondary-links-component .secondary-links-component__listitem--photo, .secondary-links-component .secondary-links-component__listitem--video, .secondary-links-component .secondary-links-component__listitem--backchannel { display: inline-block; } @media all and (min-width:1800px) { .secondary-links-component .secondary-links-component__listitem--photo, .secondary-links-component .secondary-links-component__listitem--video, .secondary-links-component .secondary-links-component__listitem--backchannel { display: none; } } @media all and (max-width:599px) { .secondary-links-component .secondary-links-component__listitem--photo, .secondary-links-component .secondary-links-component__listitem--video, .secondary-links-component .secondary-links-component__listitem--backchannel { display: none; } } @media all and (max-width:599px) { .secondary-links-component .secondary-links-component__listitem--magazine, .secondary-links-component .secondary-links-component__listitem--wired-insider { border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; } } .secondary-links-component .secondary-links-component__listitem a { transition:color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); width: 100%; text-align: center; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 30px; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; text-decoration: none; vertical-align: middle; float: left; display: inline-block; cursor: pointer; background-color: rgb(255, 255, 255); -webkit-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: color .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .secondary-links-component .secondary-links-component__listitem a:hover { color: rgb(0, 0, 0); } @media all and (max-width:599px) { .secondary-links-component .secondary-links-component__listitem a { padding: 15px 0px; } } .sidebar-component { height: 100%; } @media all and (min-width:600px) { .sidebar-component--social-share { height: 100%; position: absolute; } } .sidebar-component--right { display: none; } @media all and (min-width:900px) { .sidebar-component--right { width: 300px; display: inline-block; } } .sidebar-component--left { display: none; } @media all and (min-width:600px) { .sidebar-component--left { display: inline-block; } } @media all and (min-width:1200px) { .sidebar-component--left { display: inline-block; } } .social-media-information-component__subheader { font: 13px/16px "Exchange SSm 4r", ExchangeWeb-Roman, Georgia, serif; font-size-adjust: none; font-stretch: normal; } .social-media-information-component__container--twitter { display: flex; min-height: 105px; } .social-media-information-component__image--twitter { margin: 6px 8px 32px 0px; height: 43px; max-width: 43px; } .social-media-information-component__time--twitter { color: rgba(0, 0, 0, 0.6); text-transform: uppercase; line-height: 13px; letter-spacing: 0.08em; font-family: ff-oxide-solid-web,OxideSolidOT,oxidesolidot-webfont,HelveticaNeue-Bold,"Helvetica Neue Bold","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 10px; font-style: normal; font-weight: 400; text-decoration: none; } .social-media-information-component__text--twitter { margin: 4px 0px 0px; color: rgba(0, 0, 0, 0.8); line-height: 16px; overflow: hidden; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 13px; -ms-text-overflow: ellipsis; max-height: 50px; -webkit-line-clamp: 3; -o-text-overflow: ellipsis; } .social-media-information-component__subheader--facebook { background: url(1577b68462ce2f93f3306c747acc3aea6e18a9b7.png) no-repeat right top / contain; height: 105px; } .social-media-information-component__subheader--pinterest { background: url(be1d34cc1895868c9e3c316c594a768a78684c2e.png) no-repeat right top / contain; height: 105px; } .social-media-information-component__subheader--youtube { background: url(d709a0edf1f26f197d7317cfadbf7da9e0e92d03.png) no-repeat right top / contain; height: 105px; } .social-media-information-component__subheader-link--facebook, .social-media-information-component__subheader-link--pinterest, .social-media-information-component__subheader-link--youtube { width: 45%; color: rgba(0, 0, 0, 0.8); line-height: 16px; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 13px; display: block; } .loading-indicator-component { top: 0px; width: 100%; height: 3px; display: block; position: fixed; z-index: 10000000; } .loading-indicator-component .progress-bar { transition:width 0.2s cubic-bezier(0.4, 0, 0.2, 1); left: 0px; top: 0px; width: 0%; bottom: 0px; display: block; position: absolute; z-index: 1; animation-name: progressbar; animation-duration: 1.5s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-duration: 1.5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-name: progressbar; -o-transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .loading-indicator-component .progress-bar--solid-black { background-color: rgb(0, 0, 0); } .loading-indicator-component .progress-bar--solid-white { background-color: rgb(255, 255, 255); } .loading-indicator-component .progress-bar--transparent-black { background: linear-gradient(to right, transparent, rgb(0, 0, 0)); } .loading-indicator-component .progress-bar--transparent-white { background: linear-gradient(to right, transparent, rgb(255, 255, 255)); } @keyframes progressbar { 0% { left: 0%; width: 0%; } 50% { left: 25%; width: 75%; } 75% { left: 100%; width: 0%; } } .panel--subscribe { display: none; } @media all and (min-width:900px) { .header--subscribe-open .panel--subscribe { display: block; } .panel--subscribe .subscribe-panel-component { padding: 20px; } } @media all and (min-width:900px) { .panel--subscribe .subscribe-panel-component { padding: 0px; margin-right: auto; margin-left: auto; max-width: 932px; } } .subscribe-panel-component { width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; } @media all and (min-width:900px) { .subscribe-panel-component { background-color: rgb(255, 255, 255); } } @media all and (min-width:900px) { .subscribe-panel-component { margin: 0px auto; display: flex; box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.12), 1px 0px 2px 0px rgba(0,0,0,0.12), 0px 1px 1px 0px rgba(0,0,0,0.24); flex-direction: row; -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; } } .subscribe-panel-component__cm, .subscribe-panel-component__social, .subscribe-panel-component__newsletter { margin: 0px 0px 20px; flex:1 1 0px; border-top-color: rgb(0, 0, 0); border-top-width: 10px; border-top-style: solid; background-color: rgb(255, 255, 255); -webkit-box-flex: 1; -webkit-flex: 1; } @media all and (min-width:900px) { .subscribe-panel-component__cm, .subscribe-panel-component__social, .subscribe-panel-component__newsletter { margin: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; } } .subscribe-panel-component__cm { box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.12), 1px 0px 2px 0px rgba(0,0,0,0.12), 0px 1px 1px 0px rgba(0,0,0,0.24); -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } @media all and (min-width:900px) { .subscribe-panel-component__cm { margin: 0px; box-shadow: none; -webkit-box-shadow: none; } } .subscribe-panel-component--footer { margin: 0px; display: flex; } @media all and (min-width:900px) { .subscribe-panel-component--footer { margin: 0px auto 16px; border-top-color: rgb(0, 0, 0); border-top-width: 10px; border-top-style: solid; } } .subscribe-panel-component--backchannel :last-child.subscribe-panel-component__social { border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; } .subscribe-panel-component .link--arrow { padding: 16px 0px 0px; transition:opacity 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); height: 49px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; opacity: 0.5; -webkit-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .subscribe-panel-component .link--arrow:hover { opacity: 1; } .subscribe-panel-component .link--arrow .icon { opacity: 1; } .subscribe-panel-component .link__text { color: rgb(0, 0, 0); } .subscribe-panel-component .icon--next-round-black { margin: 0px 8px 0px 0px; width: 30px; height: 30px; background-image: url(badf9f3a209c16fc283de89c90c618b1ed062ac7.svg) ; } .title-bar-component { padding: 16px; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 34px; font-family: ambroise-francois-std,"Bodoni 72",Didot,"Hoe­fler Text",serif; font-size: 45px; font-style: normal; font-weight: 400; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; } .title-bar-component em, .title-bar-component cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .title-bar-component .icon.backchannel { display: none; } .title-bar-component .title-bar-component__icon { display: inline-block; } .title-bar-component .title-bar-component__icon .icon { margin: 0px; width: 35px; height: 35px; float: left; display: inline-block; background-size: 35px; } .title-bar-component--social-share-sidebar { padding: 16px 0px; border-top-color: rgb(0, 0, 0); border-top-width: 10px; border-top-style: solid; } .title-bar-component--social-share-sidebar__title-text { border: 0px currentColor; border-image: none; } @media all and (min-width:1200px) { .title-bar-component--social-share-sidebar { padding: 16px; } } .title-bar-component--backchannel { background-color: rgb(0, 170, 234); } .title-bar-component--backchannel h4 { display: none; } .title-bar-component--backchannel .icon.backchannel { top: 6px; display: block; position: relative; } .title-bar-component--linked:hover { color: rgba(0, 0, 0, 0.6); } .toggle--menu, .toggle--search { border-width: 0px; margin: 0px; padding: 0px; outline: 0px; transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); top: 15px; display: inline-block; position: absolute; cursor: pointer; opacity: 1; background-color: transparent; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1); } .toggle--menu:hover, .toggle--search:hover { opacity: 0.6; } .logo-bar--default .toggle--menu, .logo-bar--default .toggle--search { opacity: 0.6; } .logo-bar--default .toggle--menu:hover, .logo-bar--default .toggle--search:hover { opacity: 1; } .toggle--menu { left: 20px; } @media all and (max-width:599px) { .toggle--menu { left: 15px; top: 5px; } .toggle--menu .icon--menu { transform: scale(0.8); -webkit-transform: scale(0.8, 0.8); } } .toggle--search { right: 20px; } @media all and (max-width:599px) { .toggle--search { display: none; } } .toggle--menu.active .icon--menu { background-image: url(c970b939c1f56e5bf474e007b2983603d4c596aa.svg) ; } .toggle--search.active .icon--search { background-image: url(c970b939c1f56e5bf474e007b2983603d4c596aa.svg) ; } .error-main-component { margin: 0px 20px; width: calc(100% - (20px * 2)); } .error-main-component__heading a { transition:background 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); color: inherit; text-decoration: none; border-bottom-color: rgb(180, 231, 248); border-bottom-width: 3px; border-bottom-style: solid; box-shadow: inset 0px -2px 0px #b4e7f8; background-color: transparent; -webkit-box-shadow: inset 0 -2px 0 #b4e7f8; -webkit-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1); } .error-main-component__heading a:hover { color: rgb(0, 0, 0); background-color: rgb(180, 231, 248); } @media all and (min-width:600px) { .error-main-component { margin: 0px auto; width: calc(100% - (50px * 2)); max-width: 932px; } } .error-main-component__heading { background: rgb(255, 255, 255); border-radius: 1px; margin-bottom: 16px; border-top-color: rgb(0, 0, 0); border-top-width: 10px; border-top-style: solid; position: relative; box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.12), 1px 0px 2px 0px rgba(0,0,0,0.12), 0px 1px 1px 0px rgba(0,0,0,0.24); -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } .error-main-component__hed { padding: 16px; width: 100%; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 40px; font-family: ambroise-francois-std,"Bodoni 72",Didot,"Hoe­fler Text",serif; font-size: 45px; font-style: normal; font-weight: 400; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; } .error-main-component__hed em, .error-main-component__hed cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .error-main-component__txt-wrapper { padding: 16px; } .error-main-component__dek, .error-main-component__msg, .error-main-component .error-stack__line { color: rgba(0, 0, 0, 0.8); line-height: 16px; font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-size: 13px; } .error-main-component__dek em, .error-main-component__dek cite, .error-main-component__msg em, .error-main-component__msg cite, .error-main-component .error-stack__line em, .error-main-component .error-stack__line cite { font-family: "Exchange SSm 4i",ExchangeWeb-Italic,"Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-style: normal; } .error-main-component .error-stack-component { margin-top: 16px; } .error-main-component__dek { margin-bottom: 16px; } .offline-main-component { background: rgb(255, 255, 255); border-radius: 1px; border-top-color: rgb(0, 0, 0); border-top-width: 10px; border-top-style: solid; position: relative; box-shadow: -1px 0px 2px 0px rgba(0,0,0,0.12), 1px 0px 2px 0px rgba(0,0,0,0.12), 0px 1px 1px 0px rgba(0,0,0,0.24); -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.12), 1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); } @media all and (min-width:900px) { .offline-main-component { margin: 0px 16px 16px 0px; width: calc(100% - 316px); } } .offline-main-component__hed { padding: 16px; width: 100%; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 40px; font-family: ambroise-francois-std,"Bodoni 72",Didot,"Hoe­fler Text",serif; font-size: 45px; font-style: normal; font-weight: 400; display: inline-block; } .offline-main-component__hed em, .offline-main-component__hed cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .offline-main-component__msg { padding: 16px; color: rgba(0, 0, 0, 0.8); line-height: 16px; clear: both; font-size: 13px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; display: block; } .offline-main-component__msg::before, .offline-main-component__msg::after { display: table; content: " "; } .offline-main-component__msg::after { clear: both; } .offline-main-component__msg p { font-family: "Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; } .offline-main-component__msg p em, .offline-main-component__msg p cite { font-family: "Exchange SSm 4i",ExchangeWeb-Italic,"Exchange SSm 4r",ExchangeWeb-Roman,Georgia,serif; font-style: normal; } .offline-main-component .fallback-w { display: none; } @media all and (min-width:900px) { .offline-main-component .fallback-w { display: block; } } .offline-main-component .archive-item-component__info { padding-right: 0px; margin-top: 0px; } .loading-page { left: 0px; top: 0px; right: 0px; bottom: 0px; text-transform: uppercase; font-family: ambroise-francois-std,"Bodoni 72",Didot,"Hoe­fler Text",serif; font-style: normal; font-weight: 400; display: flex; position: fixed; z-index: 9999998; flex-direction: column; justify-content: center; align-items: center; background-color: white; -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -webkit-align-items: center; -webkit-justify-content: center; -webkit-flex-direction: column; } .loading-page em, .loading-page cite { line-height: inherit; font-family: inherit; font-style: inherit; display: inline-block; transform: skew(-5deg); -webkit-transform: skew(-5deg); } .loading-page .logo { background-position: center; width: 100%; height: 132px; background-image: url(83e9fe327d6cbd5f8f4633da3f4c67b2d349367a.svg) ; background-repeat: no-repeat; } .app-shell-component--error, .app-shell-component--offline, .app-shell-component--app-shell { background-color: rgb(246, 246, 246); } .app-shell-component--error .logo--header, .app-shell-component--offline .logo--header, .app-shell-component--app-shell .logo--header { margin: 0px auto; transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); top: 50%; width: 160px; height: 32px; display: block; position: relative; transform: translateY(-50%); background-size: 160px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform: translateY(-50%); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } @media all and (max-width:599px) { .app-shell-component--error .logo--header, .app-shell-component--offline .logo--header, .app-shell-component--app-shell .logo--header { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 90px; height: 18px; background-size: 90px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } } .app-shell-component--error .icon--logo, .app-shell-component--offline .icon--logo, .app-shell-component--app-shell .icon--logo { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); left: 0px; width: 160px; height: 32px; background-size: 160px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } @media all and (max-width:599px) { .app-shell-component--error .icon--logo, .app-shell-component--offline .icon--logo, .app-shell-component--app-shell .icon--logo { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 90px; height: 18px; transform: none; background-size: 90px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform: none; -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } } @media all and (min-width:600px) { .app-shell-component--error .header--collapsed .logo--header, .app-shell-component--offline .header--collapsed .logo--header, .app-shell-component--app-shell .header--collapsed .logo--header { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 100px; height: 24px; background-size: 100px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } .app-shell-component--error .header--collapsed .icon--logo, .app-shell-component--offline .header--collapsed .icon--logo, .app-shell-component--app-shell .header--collapsed .icon--logo { transition:opacity 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1), transform 0.35s cubic-bezier(0.33, 0.66, 0.66, 1); width: 100px; height: 24px; background-size: 100px; -webkit-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), -webkit-transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); -o-transition: opacity .35s cubic-bezier(0.33, 0.66, 0.66, 1), transform .35s cubic-bezier(0.33, 0.66, 0.66, 1); } } .app-shell-component--offline { background-color: rgba(0, 0, 0, 0.035); } .app-shell-component--offline .main--offline__wrapper { margin: 0px auto; padding: 16px; display: flex; } @media all and (min-width:900px) { .app-shell-component--offline .main--offline__wrapper { max-width: 932px; } }