/* Project: AREA 17 Version: 1.0 Author: Description: -------------------------------------------------------------------*/ /* [Notes] -------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; background: transparent; font: inherit; font-size: 100%; vertical-align: baseline; outline: 0; } article, aside, dialog, figure, footer, header, hgroup, nav, section, main { display: block; } html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; box-sizing: border-box; touch-action: manipulation; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *, *::before, *::after { box-sizing: inherit; touch-action: inherit; } .svg-sprite { position: absolute; z-index: -1; left: -1px; top: -1px; width: 1px; height: 1px; overflow: hidden; } @-ms-viewport { width: device-width; } /* @function get-breakpoint-directions Sorts through breakpoints SASS map, generates a full SASS map containing all the breakpoint variations we'll require Parameters: none */ /* @mixin breakpoint Inserts a media query Parameters: $name - name of breakpoint, choose from: xsmall, small, medium, large, xlarge, xxlarge - *just* that breakpoint small-, medium-, large-, xlarge-, xxlarge- - that breakpoint *and* below xsmall+, small+, medium+, large+, xlarge+ - that breakpoint *and* up NB: the we're mobile up, so the minus values should be avoided.. */ /* @function get-media Returns start and stop points of a given media query Parameters: $bp - the breakpoint you want the stop and stop points of */ /* @mixin placeholder Style form placeholder text */ /* @mixin styled-select https://github.com/filamentgroup/select-css Parameters: - none */ /* @function colspan Returns a calc() that represents a column span Parameters: $number-of-columns - the number of columns you want to span $breakpoint - at which breakpoint $bump - if you want the colspan + an arbitrary number $inverse - if you want to return a negative number (to move things backwards) NB: only works with breakpoint names, not the +/- variants */ /* @mixin width Returns a width and a calc() to correctly span columns with breakpoint selection and optional bump value Parameters: $number-of-columns - the number of columns you want to span $breakpoint - at which breakpoint $bump - if you want the colspan + an arbitrary number NB: only works with breakpoint names, not the +/- variants */ /* @mixin width-multi A mix of @mixin width and @mixin column. Pass a map of the number of columns to span at each breakpoint. Use when you don't need to float on the grid. Parameters: $colspans - scss map detailing how many design columns this column needs to span on each breakpoint. Omitting a breakpoint from the map will not set a width at that breakpoint. $bump - if you want the colspan + an arbitrary number ```scss $column-spans__list-articles: ( xsmall: 3, small: 3, medium: 4, large: 4, xlarge: 3, xxlarge: 3 ); .list-articles__item { @include width-multi($column-spans__list-articles); } ``` NB: only works with breakpoint names, not the +/- variants */ /* @mixin push Returns a margin-left and a calc() to correctly push a block a number of columns with breakpoint selection and optional bump value Parameters: $number-of-columns - the number of columns you want to push $breakpoint - at which breakpoint $bump - if you want the colspan + an arbitrary number NB: only works with breakpoint names, not the +/- variants */ /* @mixin push-multi A mix of @mixin push and @mixin column. Pass a map of the number of columns to push at each breakpoint. Parameters: $colspans - scss map detailing how many design columns this column needs to push on each breakpoint. Omitting a breakpoint from the map will not set a width at that breakpoint. $bump - if you want the colspan + an arbitrary number ```scss $column-spans__list-articles: ( xsmall: 3, small: 3, medium: 4, large: 4, xlarge: 3, xxlarge: 3 ); .list-articles__item { @include push-multi($column-spans__list-articles); } ``` NB: only works with breakpoint names, not the +/- variants */ /* @mixin push-gutter Adds gutter margin to the sides passed to the set breakpoints. Defaults to left margin across all breakpoints. Parameters: $sides - the sides you'd like to apply margin to $bps - at which breakpoints NB: only works with breakpoint names, not the +/- variants */ /* @mixin columns-container Sets up columns container Parameters: none ```scss .list-articles { @include columns-container; } ``` */ /* @mixin column Sets up single column Parameters: $colspans - scss map detailing how many design columns this column needs to span on each breakpoint ```scss $column-spans__list-articles: ( xsmall: 3, small: 3, medium: 4, large: 4, xlarge: 3, xxlarge: 3 ); .list-articles__item { @include column($column-spans__list-articles); } ``` NB: only works with breakpoint names, not the +/- variants */ /* @mixin columns-container-flex Sets up columns container - flex version Parameters: none ```scss .list-articles { @include columns-container-flex; } ``` */ /* @mixin column-flex Sets up single column Parameters: $colspans - scss map detailing how many design columns this column needs to span on each breakpoint ```scss $column-spans__list-articles: ( xsmall: 3, small: 3, medium: 4, large: 4, xlarge: 3, xxlarge: 3 ); .list-articles__item { @include column-flex($column-spans__list-articles); } ``` NB: only works with breakpoint names, not the +/- variants */ /* $f-h1: ( font-family: $serif-font, font-family-loaded: $serif-font--loaded, font-loaded-class: $serif-font-loaded-class, settings: ( 'small+': ( font-size: 28, line-height: 30, font-weight: normal ), 'medium+': ( font-size: 36, line-height: 40 ), 'large+': ( font-size: 40, line-height: 45, letter-spacing: -.01em ), ) ); @mixin f-h1() { @include font-styles($f-h1); } %f-h1, .f-h1 { @include f-h1; } $f-ui: ( font-family: $sans-serif-font, font-family-loaded: $sans-serif-font--loaded, font-loaded-class: $sans-serif-font-loaded-class, settings: ( 'small+': ( font-size: 15, line-height: 20, font-weight: 300, push: 1), ), tuck-method: 'padding', // <-- swaps to using padding-top/margin-bottom to allow you to align multiple items on one line ); @mixin f-ui() { @include font-styles($f-ui); } %f-ui, .f-ui { @include f-ui; } */ /* @mixin font_smoothing Set font smoothing ON or OFF */ /* @mixin text-underline Inserts vendor prefixed box shadows Parameters: $off - color $on - color for hover $pos - vertical position */ /* @mixin hide_text Hides text in an element */ /* @font-face { font-family: Graphik; src: url('/app/themes/wyss-institute/assets/fonts/Graphik-Bold-Web.eot'); src: url('/app/themes/wyss-institute/assets/fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('/app/themes/wyss-institute/assets/fonts/Graphik-Bold-Web.woff2') format('woff2'), url('/app/themes/wyss-institute/assets/fonts/Graphik-Bold-Web.woff') format('woff'); } */ @font-face { font-family: 'GT-America'; font-weight: normal; font-style: normal; src: url("/dist/fonts/GT-America-Standard-Regular.eot"); src: url("/dist/fonts/GT-America-Standard-Regular.eot#iefix") format("embedded-opentype"), url("/dist/fonts/GT-America-Standard-Regular.woff2") format("woff2"), url("/dist/fonts/GT-America-Standard-Regular.woff") format("woff"); } @font-face { font-family: 'GT-America'; font-weight: normal; font-style: italic; src: url("/dist/fonts/GT-America-Standard-Regular-Italic.eot"); src: url("/dist/fonts/GT-America-Standard-Regular-Italic.eot#iefix") format("embedded-opentype"), url("/dist/fonts/GT-America-Standard-Regular-Italic.woff2") format("woff2"), url("/dist/fonts/GT-America-Standard-Regular-Italic.woff") format("woff"); } @font-face { font-family: 'GT-America'; font-weight: 700; font-style: normal; src: url("/dist/fonts/GT-America-Standard-Bold.eot"); src: url("/dist/fonts/GT-America-Standard-Bold.eot#iefix") format("embedded-opentype"), url("/dist/fonts/GT-America-Standard-Bold.woff2") format("woff2"), url("/dist/fonts/GT-America-Standard-Bold.woff") format("woff"); } @font-face { font-family: 'GT-America'; font-weight: 700; font-style: italic; src: url("/dist/fonts/GT-America-Standard-Bold-Italic.eot"); src: url("/dist/fonts/GT-America-Standard-Bold-Italic.eot#iefix") format("embedded-opentype"), url("/dist/fonts/GT-America-Standard-Bold-Italic.woff2") format("woff2"), url("/dist/fonts/GT-America-Standard-Bold-Italic.woff") format("woff"); } @font-face { font-family: 'GT-America-Compressed'; font-weight: 700; font-style: normal; src: url("/dist/fonts/GT-America-Compressed-Bold.eot"); src: url("/dist/fonts/GT-America-Compressed-Bold.eot#iefix") format("embedded-opentype"), url("/dist/fonts/GT-America-Compressed-Bold.woff2") format("woff2"), url("/dist/fonts/GT-America-Compressed-Bold.woff") format("woff"); } @font-face { font-family: 'GT-America-Mono'; font-weight: normal; font-style: normal; src: url("/dist/fonts/GT-America-Mono-Regular.eot"); src: url("/dist/fonts/GT-America-Mono-Regular.eot#iefix") format("embedded-opentype"), url("/dist/fonts/GT-America-Mono-Regular.woff2") format("woff2"), url("/dist/fonts/GT-America-Mono-Regular.woff") format("woff"); } @font-face { font-family: 'Lyon'; font-weight: normal; font-style: normal; src: url("/dist/fonts/LyonText-Regular-Web.eot"); src: url("/dist/fonts/LyonText-Regular-Web.eot#iefix") format("embedded-opentype"), url("/dist/fonts/LyonText-Regular-Web.woff2") format("woff2"), url("/dist/fonts/LyonText-Regular-Web.woff") format("woff"); } @font-face { font-family: 'Lyon'; font-weight: normal; font-style: italic; src: url("/dist/fonts/LyonText-RegularItalic-Web.eot"); src: url("/dist/fonts/LyonText-RegularItalic-Web.eot#iefix") format("embedded-opentype"), url("/dist/fonts/LyonText-RegularItalic-Web.woff2") format("woff2"), url("/dist/fonts/LyonText-RegularItalic-Web.woff") format("woff"); } @font-face { font-family: 'Lyon'; font-weight: 700; font-style: normal; src: url("/dist/fonts/LyonDisplay-Bold-Web.eot"); src: url("/dist/fonts/LyonDisplay-Bold-Web.eot#iefix") format("embedded-opentype"), url("/dist/fonts/LyonDisplay-Bold-Web.woff2") format("woff2"), url("/dist/fonts/LyonDisplay-Bold-Web.woff") format("woff"); } .a-input, .a-link--readmore, .a-select select, .m-filtersMobile__sorting .m-filters__sorting__button, .m-filtersMobile__footer .a-switchButton__label, body, .f-body { font-family: Arial; font-size: 14px; line-height: 25px; font-weight: normal; } .s-GT-America-loaded .a-input, .s-GT-America-loaded .a-link--readmore, .s-GT-America-loaded .a-select select, .a-select .s-GT-America-loaded select, .s-GT-America-loaded .m-filtersMobile__sorting .m-filters__sorting__button, .m-filtersMobile__sorting .s-GT-America-loaded .m-filters__sorting__button, .s-GT-America-loaded .m-filtersMobile__footer .a-switchButton__label, .m-filtersMobile__footer .s-GT-America-loaded .a-switchButton__label, .s-GT-America-loaded body, .s-GT-America-loaded .f-body { font-family: "GT-America", Arial; } .a-input::before, .a-link--readmore::before, .a-select select::before, .m-filtersMobile__sorting .m-filters__sorting__button::before, .m-filtersMobile__footer .a-switchButton__label::before, body::before, .a-input::after, .a-link--readmore::after, .a-select select::after, .m-filtersMobile__sorting .m-filters__sorting__button::after, .m-filtersMobile__footer .a-switchButton__label::after, body::after, .f-body::before, .f-body::after { content: ""; display: block; width: 1px; } .a-input::before, .a-link--readmore::before, .a-select select::before, .m-filtersMobile__sorting .m-filters__sorting__button::before, .m-filtersMobile__footer .a-switchButton__label::before, body::before, .f-body::before { padding-top: 7.32px; } .a-input::after, .a-link--readmore::after, .a-select select::after, .m-filtersMobile__sorting .m-filters__sorting__button::after, .m-filtersMobile__footer .a-switchButton__label::after, body::after, .f-body::after { margin-bottom: -7.32px; } @media screen and (min-width: 990px) { .a-input, .a-link--readmore, .a-select select, .m-filtersMobile__sorting .m-filters__sorting__button, .m-filtersMobile__footer .a-switchButton__label, body, .f-body { font-size: 17px; line-height: 30px; font-weight: normal; } .a-input::before, .a-link--readmore::before, .a-select select::before, .m-filtersMobile__sorting .m-filters__sorting__button::before, .m-filtersMobile__footer .a-switchButton__label::before, body::before, .f-body::before { padding-top: 8.71px; } .a-input::after, .a-link--readmore::after, .a-select select::after, .m-filtersMobile__sorting .m-filters__sorting__button::after, .m-filtersMobile__footer .a-switchButton__label::after, body::after, .f-body::after { margin-bottom: -8.71px; } } .g-megaNav, .f-navlinks { font-family: Arial; font-size: 20px; line-height: 30px; font-weight: normal; } .s-GT-America-loaded .g-megaNav, .s-GT-America-loaded .f-navlinks { font-family: "GT-America", Arial; } .g-megaNav::before, .g-megaNav::after, .f-navlinks::before, .f-navlinks::after { content: ""; display: block; width: 1px; } .g-megaNav::before, .f-navlinks::before { padding-top: 7.6px; } .g-megaNav::after, .f-navlinks::after { margin-bottom: -7.6px; } @media screen and (min-width: 650px) { .g-megaNav, .f-navlinks { font-size: 17px; line-height: 30px; font-weight: normal; } .g-megaNav::before, .f-navlinks::before { padding-top: 8.71px; } .g-megaNav::after, .f-navlinks::after { margin-bottom: -8.71px; } } h1, .pageTitle, .a-timelinePreview__date, .f-h1 { font-family: Arial; font-size: 40px; line-height: 35px; font-weight: 700; text-transform: uppercase; } .s-GT-America-Compressed-loaded h1, .s-GT-America-Compressed-loaded .pageTitle, .s-GT-America-Compressed-loaded .a-timelinePreview__date, .s-GT-America-Compressed-loaded .f-h1 { font-family: "GT-America-Compressed", Arial; } h1::before, .pageTitle::before, .a-timelinePreview__date::before, h1::after, .pageTitle::after, .a-timelinePreview__date::after, .f-h1::before, .f-h1::after { content: ""; display: block; width: 1px; } h1::before, .pageTitle::before, .a-timelinePreview__date::before, .f-h1::before { padding-top: 2.9px; } h1::after, .pageTitle::after, .a-timelinePreview__date::after, .f-h1::after { margin-bottom: -2.9px; } @media screen and (min-width: 990px) { h1, .pageTitle, .a-timelinePreview__date, .f-h1 { font-size: 75px; line-height: 70px; font-weight: 700; } h1::before, .pageTitle::before, .a-timelinePreview__date::before, .f-h1::before { padding-top: 7.625px; } h1::after, .pageTitle::after, .a-timelinePreview__date::after, .f-h1::after { margin-bottom: -7.625px; } } .a-factSlider__title, .f-h1-fact { font-family: Arial; font-size: 65px; line-height: 55px; font-weight: 700; text-transform: uppercase; } .s-GT-America-Compressed-loaded .a-factSlider__title, .s-GT-America-Compressed-loaded .f-h1-fact { font-family: "GT-America-Compressed", Arial; } .a-factSlider__title::before, .a-factSlider__title::after, .f-h1-fact::before, .f-h1-fact::after { content: ""; display: block; width: 1px; } .a-factSlider__title::before, .f-h1-fact::before { padding-top: 3.775px; } .a-factSlider__title::after, .f-h1-fact::after { margin-bottom: -3.775px; } @media screen and (min-width: 990px) { .a-factSlider__title, .f-h1-fact { font-size: 75px; line-height: 70px; font-weight: 700; } .a-factSlider__title::before, .f-h1-fact::before { padding-top: 7.625px; } .a-factSlider__title::after, .f-h1-fact::after { margin-bottom: -7.625px; } } h2, .sectionTitle, .f-h2 { font-family: Arial; font-size: 40px; line-height: 35px; font-weight: 700; text-transform: uppercase; } .s-GT-America-Compressed-loaded h2, .s-GT-America-Compressed-loaded .sectionTitle, .s-GT-America-Compressed-loaded .f-h2 { font-family: "GT-America-Compressed", Arial; } h2::before, .sectionTitle::before, h2::after, .sectionTitle::after, .f-h2::before, .f-h2::after { content: ""; display: block; width: 1px; } h2::before, .sectionTitle::before, .f-h2::before { padding-top: 2.9px; } h2::after, .sectionTitle::after, .f-h2::after { margin-bottom: -2.9px; } @media screen and (min-width: 990px) { h2, .sectionTitle, .f-h2 { font-size: 60px; line-height: 55px; font-weight: 700; } h2::before, .sectionTitle::before, .f-h2::before { padding-top: 5.6px; } h2::after, .sectionTitle::after, .f-h2::after { margin-bottom: -5.6px; } } .m-hero__title, .f-h2-hero { font-family: Arial; font-size: 40px; line-height: 35px; font-weight: 700; text-transform: uppercase; } .s-GT-America-Compressed-loaded .m-hero__title, .s-GT-America-Compressed-loaded .f-h2-hero { font-family: "GT-America-Compressed", Arial; } .m-hero__title::before, .m-hero__title::after, .f-h2-hero::before, .f-h2-hero::after { content: ""; display: block; width: 1px; } .m-hero__title::before, .f-h2-hero::before { padding-top: 2.9px; } .m-hero__title::after, .f-h2-hero::after { margin-bottom: -2.9px; } @media screen and (min-width: 650px) { .m-hero__title, .f-h2-hero { font-size: 60px; line-height: 55px; font-weight: 700; } .m-hero__title::before, .f-h2-hero::before { padding-top: 5.6px; } .m-hero__title::after, .f-h2-hero::after { margin-bottom: -5.6px; } } .m-articleList--editorial .m-articleList__title, .o-editorialArticle__episodeTitle, .f-h3 { font-family: "Times New Roman"; font-size: 30px; line-height: 35px; font-weight: 700; text-transform: none; } .s-Lyon-loaded .m-articleList--editorial .m-articleList__title, .m-articleList--editorial .s-Lyon-loaded .m-articleList__title, .s-Lyon-loaded .o-editorialArticle__episodeTitle, .s-Lyon-loaded .f-h3 { font-family: "Lyon", Times New Roman; } .m-articleList--editorial .m-articleList__title::before, .o-editorialArticle__episodeTitle::before, .m-articleList--editorial .m-articleList__title::after, .o-editorialArticle__episodeTitle::after, .f-h3::before, .f-h3::after { content: ""; display: block; width: 1px; } .m-articleList--editorial .m-articleList__title::before, .o-editorialArticle__episodeTitle::before, .f-h3::before { padding-top: 5.65px; } .m-articleList--editorial .m-articleList__title::after, .o-editorialArticle__episodeTitle::after, .f-h3::after { margin-bottom: -5.65px; } @media screen and (min-width: 990px) { .m-articleList--editorial .m-articleList__title, .o-editorialArticle__episodeTitle, .f-h3 { font-size: 42px; line-height: 45px; font-weight: 700; letter-spacing: -0.01em; } .m-articleList--editorial .m-articleList__title::before, .o-editorialArticle__episodeTitle::before, .f-h3::before { padding-top: 5.91px; } .m-articleList--editorial .m-articleList__title::after, .o-editorialArticle__episodeTitle::after, .f-h3::after { margin-bottom: -5.91px; } } .a-highlightCard__title, .m-articleList__title, .m-cardsCarousel__title, .m-highlightTextBlock__title, .m-map__stat__title, .m-stickySideNav li, .m-staff__title, .m-feed__submitTitle, .o-contentLayout__sidebarTitle, .f-h4 { font-family: Arial; font-size: 27px; line-height: 25px; font-weight: 700; text-transform: uppercase; } .s-GT-America-Compressed-loaded .a-highlightCard__title, .s-GT-America-Compressed-loaded .m-articleList__title, .s-GT-America-Compressed-loaded .m-cardsCarousel__title, .s-GT-America-Compressed-loaded .m-highlightTextBlock__title, .s-GT-America-Compressed-loaded .m-map__stat__title, .s-GT-America-Compressed-loaded .m-stickySideNav li, .m-stickySideNav .s-GT-America-Compressed-loaded li, .s-GT-America-Compressed-loaded .m-staff__title, .s-GT-America-Compressed-loaded .m-feed__submitTitle, .s-GT-America-Compressed-loaded .o-contentLayout__sidebarTitle, .s-GT-America-Compressed-loaded .f-h4 { font-family: "GT-America-Compressed", Arial; } .a-highlightCard__title::before, .m-articleList__title::before, .m-cardsCarousel__title::before, .m-highlightTextBlock__title::before, .m-map__stat__title::before, .m-stickySideNav li::before, .m-staff__title::before, .m-feed__submitTitle::before, .o-contentLayout__sidebarTitle::before, .a-highlightCard__title::after, .m-articleList__title::after, .m-cardsCarousel__title::after, .m-highlightTextBlock__title::after, .m-map__stat__title::after, .m-stickySideNav li::after, .m-staff__title::after, .m-feed__submitTitle::after, .o-contentLayout__sidebarTitle::after, .f-h4::before, .f-h4::after { content: ""; display: block; width: 1px; } .a-highlightCard__title::before, .m-articleList__title::before, .m-cardsCarousel__title::before, .m-highlightTextBlock__title::before, .m-map__stat__title::before, .m-stickySideNav li::before, .m-staff__title::before, .m-feed__submitTitle::before, .o-contentLayout__sidebarTitle::before, .f-h4::before { padding-top: 2.645px; } .a-highlightCard__title::after, .m-articleList__title::after, .m-cardsCarousel__title::after, .m-highlightTextBlock__title::after, .m-map__stat__title::after, .m-stickySideNav li::after, .m-staff__title::after, .m-feed__submitTitle::after, .o-contentLayout__sidebarTitle::after, .f-h4::after { margin-bottom: -2.645px; } @media screen and (min-width: 990px) { .a-highlightCard__title, .m-articleList__title, .m-cardsCarousel__title, .m-highlightTextBlock__title, .m-map__stat__title, .m-stickySideNav li, .m-staff__title, .m-feed__submitTitle, .o-contentLayout__sidebarTitle, .f-h4 { font-size: 40px; line-height: 35px; font-weight: 700; } .a-highlightCard__title::before, .m-articleList__title::before, .m-cardsCarousel__title::before, .m-highlightTextBlock__title::before, .m-map__stat__title::before, .m-stickySideNav li::before, .m-staff__title::before, .m-feed__submitTitle::before, .o-contentLayout__sidebarTitle::before, .f-h4::before { padding-top: 2.9px; } .a-highlightCard__title::after, .m-articleList__title::after, .m-cardsCarousel__title::after, .m-highlightTextBlock__title::after, .m-map__stat__title::after, .m-stickySideNav li::after, .m-staff__title::after, .m-feed__submitTitle::after, .o-contentLayout__sidebarTitle::after, .f-h4::after { margin-bottom: -2.9px; } } .g-megaNav__megaLink, .f-meganav { font-family: Arial; font-size: 50px; line-height: 45px; font-weight: 700; text-transform: uppercase; } .s-GT-America-Compressed-loaded .g-megaNav__megaLink, .s-GT-America-Compressed-loaded .f-meganav { font-family: "GT-America-Compressed", Arial; } .g-megaNav__megaLink::before, .g-megaNav__megaLink::after, .f-meganav::before, .f-meganav::after { content: ""; display: block; width: 1px; } .g-megaNav__megaLink::before, .f-meganav::before { padding-top: 4.25px; } .g-megaNav__megaLink::after, .f-meganav::after { margin-bottom: -4.25px; } @media screen and (min-width: 650px) { .g-megaNav__megaLink, .f-meganav { font-size: 32px; line-height: 30px; font-weight: 700; } .g-megaNav__megaLink::before, .f-meganav::before { padding-top: 3.32px; } .g-megaNav__megaLink::after, .f-meganav::after { margin-bottom: -3.32px; } } @media screen and (min-width: 990px) { .g-megaNav__megaLink, .f-meganav { font-size: 40px; line-height: 35px; font-weight: 700; } .g-megaNav__megaLink::before, .f-meganav::before { padding-top: 2.9px; } .g-megaNav__megaLink::after, .f-meganav::after { margin-bottom: -2.9px; } } .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title, .o-editorialArticle .a-quote, .f-h5 { font-family: "Times New Roman"; font-size: 25px; line-height: 30px; font-weight: 700; } .s-Lyon-loaded .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title, .m-articleList--editorialLanding .a-articleLink--featured .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title, .m-articleList--editorialVoices .a-articleLink--featured .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink--featured .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-articleList--highlightGrid .a-articleLink .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .o-editorialArticle .a-quote, .o-editorialArticle .s-Lyon-loaded .a-quote, .s-Lyon-loaded .f-h5 { font-family: "Lyon", Times New Roman; } .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title::before, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title::before, .o-editorialArticle .a-quote::before, .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title::after, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title::after, .o-editorialArticle .a-quote::after, .f-h5::before, .f-h5::after { content: ""; display: block; width: 1px; } .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title::before, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title::before, .o-editorialArticle .a-quote::before, .f-h5::before { padding-top: 5.125px; } .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title::after, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title::after, .o-editorialArticle .a-quote::after, .f-h5::after { margin-bottom: -5.125px; } @media screen and (min-width: 990px) { .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title, .o-editorialArticle .a-quote, .f-h5 { font-size: 36px; line-height: 45px; font-weight: 700; letter-spacing: -0.01em; } .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title::before, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title::before, .o-editorialArticle .a-quote::before, .f-h5::before { padding-top: 8.28px; } .m-articleList--editorialLanding .a-articleLink--featured .a-articleLink__title::after, .m-articleList--editorialVoices .a-articleLink--featured .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink--featured .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink .a-articleLink__title::after, .o-editorialArticle .a-quote::after, .f-h5::after { margin-bottom: -8.28px; } } .m-mediaCarousel__overlayText__body, .m-topicsList__item, .f-h6 { font-family: "Times New Roman"; font-size: 20px; line-height: 30px; font-weight: normal; } .s-Lyon-loaded .m-mediaCarousel__overlayText__body, .s-Lyon-loaded .m-topicsList__item, .s-Lyon-loaded .f-h6 { font-family: "Lyon", Times New Roman; } .m-mediaCarousel__overlayText__body::before, .m-topicsList__item::before, .m-mediaCarousel__overlayText__body::after, .m-topicsList__item::after, .f-h6::before, .f-h6::after { content: ""; display: block; width: 1px; } .m-mediaCarousel__overlayText__body::before, .m-topicsList__item::before, .f-h6::before { padding-top: 7.1px; } .m-mediaCarousel__overlayText__body::after, .m-topicsList__item::after, .f-h6::after { margin-bottom: -7.1px; } @media screen and (min-width: 990px) { .m-mediaCarousel__overlayText__body, .m-topicsList__item, .f-h6 { font-size: 36px; line-height: 45px; font-weight: normal; } .m-mediaCarousel__overlayText__body::before, .m-topicsList__item::before, .f-h6::before { padding-top: 8.28px; } .m-mediaCarousel__overlayText__body::after, .m-topicsList__item::after, .f-h6::after { margin-bottom: -8.28px; } } .a-eventsFeatured__date, .m-eventsCards__date, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle, .f-h7 { font-family: Arial; font-size: 28px; line-height: 28px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } .s-GT-America-Compressed-loaded .a-eventsFeatured__date, .s-GT-America-Compressed-loaded .m-eventsCards__date, .s-GT-America-Compressed-loaded .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle, .o-contentLayout.o-contentLayout--how-we-work .s-GT-America-Compressed-loaded .o-contentLayout__sidebarTitle, .s-GT-America-Compressed-loaded .f-h7 { font-family: "GT-America-Compressed", Arial; } .a-eventsFeatured__date::before, .m-eventsCards__date::before, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle::before, .a-eventsFeatured__date::after, .m-eventsCards__date::after, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle::after, .f-h7::before, .f-h7::after { content: ""; display: block; width: 1px; } .a-eventsFeatured__date::before, .m-eventsCards__date::before, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle::before, .f-h7::before { padding-top: 3.78px; } .a-eventsFeatured__date::after, .m-eventsCards__date::after, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle::after, .f-h7::after { margin-bottom: -3.78px; } @media screen and (min-width: 990px) { .a-eventsFeatured__date, .m-eventsCards__date, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle, .f-h7 { font-size: 28px; line-height: 28px; font-weight: 700; letter-spacing: 0.02em; } .a-eventsFeatured__date::before, .m-eventsCards__date::before, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle::before, .f-h7::before { padding-top: 3.78px; } .a-eventsFeatured__date::after, .m-eventsCards__date::after, .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle::after, .f-h7::after { margin-bottom: -3.78px; } } .a-feedCard--big .a-feedCard__text, .o-editorialArticle .m-textBlock h3, .o-editorialArticle .m-textBlock .intro, .f-h8 { font-family: "Times New Roman"; font-size: 22px; line-height: 30px; font-weight: normal; } .s-Lyon-loaded .a-feedCard--big .a-feedCard__text, .a-feedCard--big .s-Lyon-loaded .a-feedCard__text, .s-Lyon-loaded .o-editorialArticle .m-textBlock h3, .o-editorialArticle .m-textBlock .s-Lyon-loaded h3, .s-Lyon-loaded .o-editorialArticle .m-textBlock .intro, .o-editorialArticle .m-textBlock .s-Lyon-loaded .intro, .s-Lyon-loaded .f-h8 { font-family: "Lyon", Times New Roman; } .a-feedCard--big .a-feedCard__text::before, .o-editorialArticle .m-textBlock h3::before, .o-editorialArticle .m-textBlock .intro::before, .a-feedCard--big .a-feedCard__text::after, .o-editorialArticle .m-textBlock h3::after, .o-editorialArticle .m-textBlock .intro::after, .f-h8::before, .f-h8::after { content: ""; display: block; width: 1px; } .a-feedCard--big .a-feedCard__text::before, .o-editorialArticle .m-textBlock h3::before, .o-editorialArticle .m-textBlock .intro::before, .f-h8::before { padding-top: 6.31px; } .a-feedCard--big .a-feedCard__text::after, .o-editorialArticle .m-textBlock h3::after, .o-editorialArticle .m-textBlock .intro::after, .f-h8::after { margin-bottom: -6.31px; } @media screen and (min-width: 990px) { .a-feedCard--big .a-feedCard__text, .o-editorialArticle .m-textBlock h3, .o-editorialArticle .m-textBlock .intro, .f-h8 { font-size: 29px; line-height: 40px; font-weight: normal; } .a-feedCard--big .a-feedCard__text::before, .o-editorialArticle .m-textBlock h3::before, .o-editorialArticle .m-textBlock .intro::before, .f-h8::before { padding-top: 8.545px; } .a-feedCard--big .a-feedCard__text::after, .o-editorialArticle .m-textBlock h3::after, .o-editorialArticle .m-textBlock .intro::after, .f-h8::after { margin-bottom: -8.545px; } } .m-featuredGrantLinks__title, .m-highlightBlock__body h3, .m-historyArticle h2, .o-contentBlocks__container--detailPage .m-textBlock h2, .pageClass--detailPage .m-textBlock h2, .m-speakers__title, .m-related__title, .m-form__title, .m-downloadList__title, .m-relatedIssues__title, .f-h9 { font-family: Arial; font-size: 20px; line-height: 30px; font-weight: 700; } .s-GT-America-loaded .m-featuredGrantLinks__title, .s-GT-America-loaded .m-highlightBlock__body h3, .m-highlightBlock__body .s-GT-America-loaded h3, .s-GT-America-loaded .m-historyArticle h2, .m-historyArticle .s-GT-America-loaded h2, .s-GT-America-loaded .o-contentBlocks__container--detailPage .m-textBlock h2, .o-contentBlocks__container--detailPage .m-textBlock .s-GT-America-loaded h2, .s-GT-America-loaded .pageClass--detailPage .m-textBlock h2, .pageClass--detailPage .m-textBlock .s-GT-America-loaded h2, .s-GT-America-loaded .m-speakers__title, .s-GT-America-loaded .m-related__title, .s-GT-America-loaded .m-form__title, .s-GT-America-loaded .m-downloadList__title, .s-GT-America-loaded .m-relatedIssues__title, .s-GT-America-loaded .f-h9 { font-family: "GT-America", Arial; } .m-featuredGrantLinks__title::before, .m-highlightBlock__body h3::before, .m-historyArticle h2::before, .o-contentBlocks__container--detailPage .m-textBlock h2::before, .pageClass--detailPage .m-textBlock h2::before, .m-speakers__title::before, .m-related__title::before, .m-form__title::before, .m-downloadList__title::before, .m-relatedIssues__title::before, .m-featuredGrantLinks__title::after, .m-highlightBlock__body h3::after, .m-historyArticle h2::after, .o-contentBlocks__container--detailPage .m-textBlock h2::after, .pageClass--detailPage .m-textBlock h2::after, .m-speakers__title::after, .m-related__title::after, .m-form__title::after, .m-downloadList__title::after, .m-relatedIssues__title::after, .f-h9::before, .f-h9::after { content: ""; display: block; width: 1px; } .m-featuredGrantLinks__title::before, .m-highlightBlock__body h3::before, .m-historyArticle h2::before, .o-contentBlocks__container--detailPage .m-textBlock h2::before, .pageClass--detailPage .m-textBlock h2::before, .m-speakers__title::before, .m-related__title::before, .m-form__title::before, .m-downloadList__title::before, .m-relatedIssues__title::before, .f-h9::before { padding-top: 7.6px; } .m-featuredGrantLinks__title::after, .m-highlightBlock__body h3::after, .m-historyArticle h2::after, .o-contentBlocks__container--detailPage .m-textBlock h2::after, .pageClass--detailPage .m-textBlock h2::after, .m-speakers__title::after, .m-related__title::after, .m-form__title::after, .m-downloadList__title::after, .m-relatedIssues__title::after, .f-h9::after { margin-bottom: -7.6px; } @media screen and (min-width: 990px) { .m-featuredGrantLinks__title, .m-highlightBlock__body h3, .m-historyArticle h2, .o-contentBlocks__container--detailPage .m-textBlock h2, .pageClass--detailPage .m-textBlock h2, .m-speakers__title, .m-related__title, .m-form__title, .m-downloadList__title, .m-relatedIssues__title, .f-h9 { font-size: 28px; line-height: 40px; font-weight: 700; } .m-featuredGrantLinks__title::before, .m-highlightBlock__body h3::before, .m-historyArticle h2::before, .o-contentBlocks__container--detailPage .m-textBlock h2::before, .pageClass--detailPage .m-textBlock h2::before, .m-speakers__title::before, .m-related__title::before, .m-form__title::before, .m-downloadList__title::before, .m-relatedIssues__title::before, .f-h9::before { padding-top: 9.64px; } .m-featuredGrantLinks__title::after, .m-highlightBlock__body h3::after, .m-historyArticle h2::after, .o-contentBlocks__container--detailPage .m-textBlock h2::after, .pageClass--detailPage .m-textBlock h2::after, .m-speakers__title::after, .m-related__title::after, .m-form__title::after, .m-downloadList__title::after, .m-relatedIssues__title::after, .f-h9::after { margin-bottom: -9.64px; } } .m-pageIntro, .m-textBlock h3, .m-textBlock .intro, .o-contentBlocks__container--detailPage .m-textBlock h3, .pageClass--detailPage .m-textBlock h3, .m-staff__text, .m-searchResults__search-input, .m-infos__text, .g-footer__announcementTitle, .g-newsletterCta__title, .f-h10 { font-family: Arial; font-size: 20px; line-height: 30px; font-weight: normal; } .s-GT-America-loaded .m-pageIntro, .s-GT-America-loaded .m-textBlock h3, .m-textBlock .s-GT-America-loaded h3, .s-GT-America-loaded .m-textBlock .intro, .m-textBlock .s-GT-America-loaded .intro, .s-GT-America-loaded .m-staff__text, .s-GT-America-loaded .m-searchResults__search-input, .s-GT-America-loaded .m-infos__text, .s-GT-America-loaded .g-footer__announcementTitle, .s-GT-America-loaded .g-newsletterCta__title, .s-GT-America-loaded .f-h10 { font-family: "GT-America", Arial; } .m-pageIntro::before, .m-textBlock h3::before, .m-textBlock .intro::before, .o-contentBlocks__container--detailPage .m-textBlock h3::before, .pageClass--detailPage .m-textBlock h3::before, .m-staff__text::before, .m-searchResults__search-input::before, .m-infos__text::before, .g-footer__announcementTitle::before, .g-newsletterCta__title::before, .m-pageIntro::after, .m-textBlock h3::after, .m-textBlock .intro::after, .o-contentBlocks__container--detailPage .m-textBlock h3::after, .pageClass--detailPage .m-textBlock h3::after, .m-staff__text::after, .m-searchResults__search-input::after, .m-infos__text::after, .g-footer__announcementTitle::after, .g-newsletterCta__title::after, .f-h10::before, .f-h10::after { content: ""; display: block; width: 1px; } .m-pageIntro::before, .m-textBlock h3::before, .m-textBlock .intro::before, .o-contentBlocks__container--detailPage .m-textBlock h3::before, .pageClass--detailPage .m-textBlock h3::before, .m-staff__text::before, .m-searchResults__search-input::before, .m-infos__text::before, .g-footer__announcementTitle::before, .g-newsletterCta__title::before, .f-h10::before { padding-top: 7.6px; } .m-pageIntro::after, .m-textBlock h3::after, .m-textBlock .intro::after, .o-contentBlocks__container--detailPage .m-textBlock h3::after, .pageClass--detailPage .m-textBlock h3::after, .m-staff__text::after, .m-searchResults__search-input::after, .m-infos__text::after, .g-footer__announcementTitle::after, .g-newsletterCta__title::after, .f-h10::after { margin-bottom: -7.6px; } @media screen and (min-width: 990px) { .m-pageIntro, .m-textBlock h3, .m-textBlock .intro, .o-contentBlocks__container--detailPage .m-textBlock h3, .pageClass--detailPage .m-textBlock h3, .m-staff__text, .m-searchResults__search-input, .m-infos__text, .g-footer__announcementTitle, .g-newsletterCta__title, .f-h10 { font-size: 28px; line-height: 40px; font-weight: normal; } .m-pageIntro::before, .m-textBlock h3::before, .m-textBlock .intro::before, .o-contentBlocks__container--detailPage .m-textBlock h3::before, .pageClass--detailPage .m-textBlock h3::before, .m-staff__text::before, .m-searchResults__search-input::before, .m-infos__text::before, .g-footer__announcementTitle::before, .g-newsletterCta__title::before, .f-h10::before { padding-top: 9.64px; } .m-pageIntro::after, .m-textBlock h3::after, .m-textBlock .intro::after, .o-contentBlocks__container--detailPage .m-textBlock h3::after, .pageClass--detailPage .m-textBlock h3::after, .m-staff__text::after, .m-searchResults__search-input::after, .m-infos__text::after, .g-footer__announcementTitle::after, .g-newsletterCta__title::after, .f-h10::after { margin-bottom: -9.64px; } } .m-articleList--editorialLanding .a-articleLink__title, .m-articleList--editorialVoices .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink__title, .m-articleList--topicsList .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter, .o-editorialArticle .m-textBlock h2, .g-header__title, .f-h11 { font-family: "Times New Roman"; font-size: 20px; line-height: 25px; font-weight: 700; } .s-Lyon-loaded .m-articleList--editorialLanding .a-articleLink__title, .m-articleList--editorialLanding .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-articleList--editorialVoices .a-articleLink__title, .m-articleList--editorialVoices .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-articleList--highlightGrid .a-articleLink__title, .m-articleList--highlightGrid .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-articleList--topicsList .a-articleLink__title, .m-articleList--topicsList .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter, .m-episodeBar--bottom .s-Lyon-loaded .m-episodeBar__chapter.is-active + .m-episodeBar__chapter, .s-Lyon-loaded .o-editorialArticle .m-textBlock h2, .o-editorialArticle .m-textBlock .s-Lyon-loaded h2, .s-Lyon-loaded .g-header__title, .s-Lyon-loaded .f-h11 { font-family: "Lyon", Times New Roman; } .m-articleList--editorialLanding .a-articleLink__title::before, .m-articleList--editorialVoices .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink__title::before, .m-articleList--topicsList .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title::before, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::before, .o-editorialArticle .m-textBlock h2::before, .g-header__title::before, .m-articleList--editorialLanding .a-articleLink__title::after, .m-articleList--editorialVoices .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink__title::after, .m-articleList--topicsList .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title::after, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::after, .o-editorialArticle .m-textBlock h2::after, .g-header__title::after, .f-h11::before, .f-h11::after { content: ""; display: block; width: 1px; } .m-articleList--editorialLanding .a-articleLink__title::before, .m-articleList--editorialVoices .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink__title::before, .m-articleList--topicsList .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title::before, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::before, .o-editorialArticle .m-textBlock h2::before, .g-header__title::before, .f-h11::before { padding-top: 4.6px; } .m-articleList--editorialLanding .a-articleLink__title::after, .m-articleList--editorialVoices .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink__title::after, .m-articleList--topicsList .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title::after, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::after, .o-editorialArticle .m-textBlock h2::after, .g-header__title::after, .f-h11::after { margin-bottom: -4.6px; } @media screen and (min-width: 990px) { .m-articleList--editorialLanding .a-articleLink__title, .m-articleList--editorialVoices .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink__title, .m-articleList--topicsList .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter, .o-editorialArticle .m-textBlock h2, .g-header__title, .f-h11 { font-size: 27px; line-height: 30px; font-weight: 700; letter-spacing: -0.01em; } .m-articleList--editorialLanding .a-articleLink__title::before, .m-articleList--editorialVoices .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink__title::before, .m-articleList--topicsList .a-articleLink__title::before, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title::before, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::before, .o-editorialArticle .m-textBlock h2::before, .g-header__title::before, .f-h11::before { padding-top: 4.335px; } .m-articleList--editorialLanding .a-articleLink__title::after, .m-articleList--editorialVoices .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink__title::after, .m-articleList--topicsList .a-articleLink__title::after, .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__title::after, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::after, .o-editorialArticle .m-textBlock h2::after, .g-header__title::after, .f-h11::after { margin-bottom: -4.335px; } } h3, .sectionTitle--small, .a-grantsCard__title, .a-officeCard__title, .a-programCard__title, .a-push__title, .m-barCharts__title, .m-filters__title, .m-orgInfoGraph__title, .m-textBlock h2, .m-textBlock__title, .m-staff__panel-name, .m-eventsCards__header-title, .f-h12 { font-family: Arial; font-size: 20px; line-height: 25px; font-weight: 700; letter-spacing: 0.02em; } .s-GT-America-loaded h3, .s-GT-America-loaded .sectionTitle--small, .s-GT-America-loaded .a-grantsCard__title, .s-GT-America-loaded .a-officeCard__title, .s-GT-America-loaded .a-programCard__title, .s-GT-America-loaded .a-push__title, .s-GT-America-loaded .m-barCharts__title, .s-GT-America-loaded .m-filters__title, .s-GT-America-loaded .m-orgInfoGraph__title, .s-GT-America-loaded .m-textBlock h2, .m-textBlock .s-GT-America-loaded h2, .s-GT-America-loaded .m-textBlock__title, .s-GT-America-loaded .m-staff__panel-name, .s-GT-America-loaded .m-eventsCards__header-title, .s-GT-America-loaded .f-h12 { font-family: "GT-America", Arial; } h3::before, .sectionTitle--small::before, .a-grantsCard__title::before, .a-officeCard__title::before, .a-programCard__title::before, .a-push__title::before, .m-barCharts__title::before, .m-filters__title::before, .m-orgInfoGraph__title::before, .m-textBlock h2::before, .m-textBlock__title::before, .m-staff__panel-name::before, .m-eventsCards__header-title::before, h3::after, .sectionTitle--small::after, .a-grantsCard__title::after, .a-officeCard__title::after, .a-programCard__title::after, .a-push__title::after, .m-barCharts__title::after, .m-filters__title::after, .m-orgInfoGraph__title::after, .m-textBlock h2::after, .m-textBlock__title::after, .m-staff__panel-name::after, .m-eventsCards__header-title::after, .f-h12::before, .f-h12::after { content: ""; display: block; width: 1px; } h3::before, .sectionTitle--small::before, .a-grantsCard__title::before, .a-officeCard__title::before, .a-programCard__title::before, .a-push__title::before, .m-barCharts__title::before, .m-filters__title::before, .m-orgInfoGraph__title::before, .m-textBlock h2::before, .m-textBlock__title::before, .m-staff__panel-name::before, .m-eventsCards__header-title::before, .f-h12::before { padding-top: 5.1px; } h3::after, .sectionTitle--small::after, .a-grantsCard__title::after, .a-officeCard__title::after, .a-programCard__title::after, .a-push__title::after, .m-barCharts__title::after, .m-filters__title::after, .m-orgInfoGraph__title::after, .m-textBlock h2::after, .m-textBlock__title::after, .m-staff__panel-name::after, .m-eventsCards__header-title::after, .f-h12::after { margin-bottom: -5.1px; } @media screen and (min-width: 990px) { h3, .sectionTitle--small, .a-grantsCard__title, .a-officeCard__title, .a-programCard__title, .a-push__title, .m-barCharts__title, .m-filters__title, .m-orgInfoGraph__title, .m-textBlock h2, .m-textBlock__title, .m-staff__panel-name, .m-eventsCards__header-title, .f-h12 { font-size: 25px; line-height: 30px; font-weight: 700; letter-spacing: 0; } h3::before, .sectionTitle--small::before, .a-grantsCard__title::before, .a-officeCard__title::before, .a-programCard__title::before, .a-push__title::before, .m-barCharts__title::before, .m-filters__title::before, .m-orgInfoGraph__title::before, .m-textBlock h2::before, .m-textBlock__title::before, .m-staff__panel-name::before, .m-eventsCards__header-title::before, .f-h12::before { padding-top: 5.75px; } h3::after, .sectionTitle--small::after, .a-grantsCard__title::after, .a-officeCard__title::after, .a-programCard__title::after, .a-push__title::after, .m-barCharts__title::after, .m-filters__title::after, .m-orgInfoGraph__title::after, .m-textBlock h2::after, .m-textBlock__title::after, .m-staff__panel-name::after, .m-eventsCards__header-title::after, .f-h12::after { margin-bottom: -5.75px; } } .m-eventsCards__title, .f-h12-alt { font-family: Arial; font-size: 20px; line-height: 22px; font-weight: 700; letter-spacing: 0.02em; } .s-GT-America-loaded .m-eventsCards__title, .s-GT-America-loaded .f-h12-alt { font-family: "GT-America", Arial; } .m-eventsCards__title::before, .m-eventsCards__title::after, .f-h12-alt::before, .f-h12-alt::after { content: ""; display: block; width: 1px; } .m-eventsCards__title::before, .f-h12-alt::before { padding-top: 3.6px; } .m-eventsCards__title::after, .f-h12-alt::after { margin-bottom: -3.6px; } @media screen and (min-width: 990px) { .m-eventsCards__title, .f-h12-alt { font-size: 25px; line-height: 30px; font-weight: 700; letter-spacing: 0; } .m-eventsCards__title::before, .f-h12-alt::before { padding-top: 5.75px; } .m-eventsCards__title::after, .f-h12-alt::after { margin-bottom: -5.75px; } } .m-articleList--editorialVoices .m-articleList__title, .m-textBlock__timelineBlock__title, .m-topicsList__title, .o-editorialArticle__episodeSubtitle, .g-footer__highlight h2, .f-h13 { font-family: Arial; font-size: 18px; line-height: 20px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; } .s-GT-America-Compressed-loaded .m-articleList--editorialVoices .m-articleList__title, .m-articleList--editorialVoices .s-GT-America-Compressed-loaded .m-articleList__title, .s-GT-America-Compressed-loaded .m-textBlock__timelineBlock__title, .s-GT-America-Compressed-loaded .m-topicsList__title, .s-GT-America-Compressed-loaded .o-editorialArticle__episodeSubtitle, .s-GT-America-Compressed-loaded .g-footer__highlight h2, .g-footer__highlight .s-GT-America-Compressed-loaded h2, .s-GT-America-Compressed-loaded .f-h13 { font-family: "GT-America-Compressed", Arial; } .m-articleList--editorialVoices .m-articleList__title::before, .m-textBlock__timelineBlock__title::before, .m-topicsList__title::before, .o-editorialArticle__episodeSubtitle::before, .g-footer__highlight h2::before, .m-articleList--editorialVoices .m-articleList__title::after, .m-textBlock__timelineBlock__title::after, .m-topicsList__title::after, .o-editorialArticle__episodeSubtitle::after, .g-footer__highlight h2::after, .f-h13::before, .f-h13::after { content: ""; display: block; width: 1px; } .m-articleList--editorialVoices .m-articleList__title::before, .m-textBlock__timelineBlock__title::before, .m-topicsList__title::before, .o-editorialArticle__episodeSubtitle::before, .g-footer__highlight h2::before, .f-h13::before { padding-top: 3.43px; } .m-articleList--editorialVoices .m-articleList__title::after, .m-textBlock__timelineBlock__title::after, .m-topicsList__title::after, .o-editorialArticle__episodeSubtitle::after, .g-footer__highlight h2::after, .f-h13::after { margin-bottom: -3.43px; } @media screen and (min-width: 990px) { .m-articleList--editorialVoices .m-articleList__title, .m-textBlock__timelineBlock__title, .m-topicsList__title, .o-editorialArticle__episodeSubtitle, .g-footer__highlight h2, .f-h13 { font-size: 22px; line-height: 25px; font-weight: 700; letter-spacing: 0.02em; } .m-articleList--editorialVoices .m-articleList__title::before, .m-textBlock__timelineBlock__title::before, .m-topicsList__title::before, .o-editorialArticle__episodeSubtitle::before, .g-footer__highlight h2::before, .f-h13::before { padding-top: 4.47px; } .m-articleList--editorialVoices .m-articleList__title::after, .m-textBlock__timelineBlock__title::after, .m-topicsList__title::after, .o-editorialArticle__episodeSubtitle::after, .g-footer__highlight h2::after, .f-h13::after { margin-bottom: -4.47px; } } .a-articleLink__title, .a-columnsList__item, .a-descriptionList__description strong, .a-explainer__title, .a-profileCard.a-profileCard--staff .a-profileCard__body h3, .a-timelinePreview__title, .a-speaker__name, .a-news__title, .a-grantsDatabase__title, .m-exploreBlock__item, .m-featuredGrantLinks__item__title, .m-textBlock h4, .m-textBlock__title.m-textBlock__title--small, .m-staff__name, .m-event__infosEmphasis, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title, .f-h14 { font-family: Arial; font-size: 16px; line-height: 20px; font-weight: 700; } .s-GT-America-loaded .a-articleLink__title, .s-GT-America-loaded .a-columnsList__item, .s-GT-America-loaded .a-descriptionList__description strong, .a-descriptionList__description .s-GT-America-loaded strong, .s-GT-America-loaded .a-explainer__title, .s-GT-America-loaded .a-profileCard.a-profileCard--staff .a-profileCard__body h3, .a-profileCard.a-profileCard--staff .a-profileCard__body .s-GT-America-loaded h3, .s-GT-America-loaded .a-timelinePreview__title, .s-GT-America-loaded .a-speaker__name, .s-GT-America-loaded .a-news__title, .s-GT-America-loaded .a-grantsDatabase__title, .s-GT-America-loaded .m-exploreBlock__item, .s-GT-America-loaded .m-featuredGrantLinks__item__title, .s-GT-America-loaded .m-textBlock h4, .m-textBlock .s-GT-America-loaded h4, .s-GT-America-loaded .m-textBlock__title.m-textBlock__title--small, .s-GT-America-loaded .m-staff__name, .s-GT-America-loaded .m-event__infosEmphasis, .s-GT-America-loaded .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title, .pageClass--grants .o-contentBlocks__sidebar .s-GT-America-loaded .m-textBlock__title, .s-GT-America-loaded .f-h14 { font-family: "GT-America", Arial; } .a-articleLink__title::before, .a-columnsList__item::before, .a-descriptionList__description strong::before, .a-explainer__title::before, .a-profileCard.a-profileCard--staff .a-profileCard__body h3::before, .a-timelinePreview__title::before, .a-speaker__name::before, .a-news__title::before, .a-grantsDatabase__title::before, .m-exploreBlock__item::before, .m-featuredGrantLinks__item__title::before, .m-textBlock h4::before, .m-textBlock__title.m-textBlock__title--small::before, .m-staff__name::before, .m-event__infosEmphasis::before, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title::before, .a-articleLink__title::after, .a-columnsList__item::after, .a-descriptionList__description strong::after, .a-explainer__title::after, .a-profileCard.a-profileCard--staff .a-profileCard__body h3::after, .a-timelinePreview__title::after, .a-speaker__name::after, .a-news__title::after, .a-grantsDatabase__title::after, .m-exploreBlock__item::after, .m-featuredGrantLinks__item__title::after, .m-textBlock h4::after, .m-textBlock__title.m-textBlock__title--small::after, .m-staff__name::after, .m-event__infosEmphasis::after, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title::after, .f-h14::before, .f-h14::after { content: ""; display: block; width: 1px; } .a-articleLink__title::before, .a-columnsList__item::before, .a-descriptionList__description strong::before, .a-explainer__title::before, .a-profileCard.a-profileCard--staff .a-profileCard__body h3::before, .a-timelinePreview__title::before, .a-speaker__name::before, .a-news__title::before, .a-grantsDatabase__title::before, .m-exploreBlock__item::before, .m-featuredGrantLinks__item__title::before, .m-textBlock h4::before, .m-textBlock__title.m-textBlock__title--small::before, .m-staff__name::before, .m-event__infosEmphasis::before, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title::before, .f-h14::before { padding-top: 4.08px; } .a-articleLink__title::after, .a-columnsList__item::after, .a-descriptionList__description strong::after, .a-explainer__title::after, .a-profileCard.a-profileCard--staff .a-profileCard__body h3::after, .a-timelinePreview__title::after, .a-speaker__name::after, .a-news__title::after, .a-grantsDatabase__title::after, .m-exploreBlock__item::after, .m-featuredGrantLinks__item__title::after, .m-textBlock h4::after, .m-textBlock__title.m-textBlock__title--small::after, .m-staff__name::after, .m-event__infosEmphasis::after, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title::after, .f-h14::after { margin-bottom: -4.08px; } @media screen and (min-width: 990px) { .a-articleLink__title, .a-columnsList__item, .a-descriptionList__description strong, .a-explainer__title, .a-profileCard.a-profileCard--staff .a-profileCard__body h3, .a-timelinePreview__title, .a-speaker__name, .a-news__title, .a-grantsDatabase__title, .m-exploreBlock__item, .m-featuredGrantLinks__item__title, .m-textBlock h4, .m-textBlock__title.m-textBlock__title--small, .m-staff__name, .m-event__infosEmphasis, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title, .f-h14 { font-size: 20px; line-height: 30px; font-weight: 700; } .a-articleLink__title::before, .a-columnsList__item::before, .a-descriptionList__description strong::before, .a-explainer__title::before, .a-profileCard.a-profileCard--staff .a-profileCard__body h3::before, .a-timelinePreview__title::before, .a-speaker__name::before, .a-news__title::before, .a-grantsDatabase__title::before, .m-exploreBlock__item::before, .m-featuredGrantLinks__item__title::before, .m-textBlock h4::before, .m-textBlock__title.m-textBlock__title--small::before, .m-staff__name::before, .m-event__infosEmphasis::before, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title::before, .f-h14::before { padding-top: 7.6px; } .a-articleLink__title::after, .a-columnsList__item::after, .a-descriptionList__description strong::after, .a-explainer__title::after, .a-profileCard.a-profileCard--staff .a-profileCard__body h3::after, .a-timelinePreview__title::after, .a-speaker__name::after, .a-news__title::after, .a-grantsDatabase__title::after, .m-exploreBlock__item::after, .m-featuredGrantLinks__item__title::after, .m-textBlock h4::after, .m-textBlock__title.m-textBlock__title--small::after, .m-staff__name::after, .m-event__infosEmphasis::after, .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title::after, .f-h14::after { margin-bottom: -7.6px; } } .a-articleAuthor__title, .m-articleList--editorial .a-articleLink__title, .o-editorialArticle .m-textBlock h4, .g-header__title__toggle, .f-h15 { font-family: "Times New Roman"; font-size: 16px; line-height: 25px; font-weight: 700; } .s-Lyon-loaded .a-articleAuthor__title, .s-Lyon-loaded .m-articleList--editorial .a-articleLink__title, .m-articleList--editorial .s-Lyon-loaded .a-articleLink__title, .s-Lyon-loaded .o-editorialArticle .m-textBlock h4, .o-editorialArticle .m-textBlock .s-Lyon-loaded h4, .s-Lyon-loaded .g-header__title__toggle, .s-Lyon-loaded .f-h15 { font-family: "Lyon", Times New Roman; } .a-articleAuthor__title::before, .m-articleList--editorial .a-articleLink__title::before, .o-editorialArticle .m-textBlock h4::before, .g-header__title__toggle::before, .a-articleAuthor__title::after, .m-articleList--editorial .a-articleLink__title::after, .o-editorialArticle .m-textBlock h4::after, .g-header__title__toggle::after, .f-h15::before, .f-h15::after { content: ""; display: block; width: 1px; } .a-articleAuthor__title::before, .m-articleList--editorial .a-articleLink__title::before, .o-editorialArticle .m-textBlock h4::before, .g-header__title__toggle::before, .f-h15::before { padding-top: 6.18px; } .a-articleAuthor__title::after, .m-articleList--editorial .a-articleLink__title::after, .o-editorialArticle .m-textBlock h4::after, .g-header__title__toggle::after, .f-h15::after { margin-bottom: -6.18px; } @media screen and (min-width: 990px) { .a-articleAuthor__title, .m-articleList--editorial .a-articleLink__title, .o-editorialArticle .m-textBlock h4, .g-header__title__toggle, .f-h15 { font-size: 18px; line-height: 30px; font-weight: 700; } .a-articleAuthor__title::before, .m-articleList--editorial .a-articleLink__title::before, .o-editorialArticle .m-textBlock h4::before, .g-header__title__toggle::before, .f-h15::before { padding-top: 7.89px; } .a-articleAuthor__title::after, .m-articleList--editorial .a-articleLink__title::after, .o-editorialArticle .m-textBlock h4::after, .g-header__title__toggle::after, .f-h15::after { margin-bottom: -7.89px; } } .o-editorialArticle .m-textBlock, .f-h16 { font-family: "Times New Roman"; font-size: 16px; line-height: 25px; font-weight: normal; letter-spacing: 0.01em; } .s-Lyon-loaded .o-editorialArticle .m-textBlock, .o-editorialArticle .s-Lyon-loaded .m-textBlock, .s-Lyon-loaded .f-h16 { font-family: "Lyon", Times New Roman; } .o-editorialArticle .m-textBlock::before, .o-editorialArticle .m-textBlock::after, .f-h16::before, .f-h16::after { content: ""; display: block; width: 1px; } .o-editorialArticle .m-textBlock::before, .f-h16::before { padding-top: 6.18px; } .o-editorialArticle .m-textBlock::after, .f-h16::after { margin-bottom: -6.18px; } @media screen and (min-width: 990px) { .o-editorialArticle .m-textBlock, .f-h16 { font-size: 18px; line-height: 30px; font-weight: normal; letter-spacing: 0.01em; } .o-editorialArticle .m-textBlock::before, .f-h16::before { padding-top: 7.89px; } .o-editorialArticle .m-textBlock::after, .f-h16::after { margin-bottom: -7.89px; } } .btn--download.btn, .btn--download.a-eventsFeatured__cta, .btn--download.m-staff__more, .btn--download.m-eventsCards__cta, .btn--download.m-form__fileBtn, .btn--download.m-form__submit, .a-eventsFeatured--no-img .a-eventsFeatured__text, .m-highlightBlock__body, .m-highlightTextBlock__body, .m-map__modal__body p, .m-pageIntro__subtitle, .m-textBlock, .m-staff__panel-text, .m-eventsCards__empty-text, .m-related__text, .m-form__label, .m-form__errorSummary, .m-downloadList__text, .m-downloadList__link, .m-relatedIssues__item, .m-feed__submitText, .f-h17 { font-family: Arial; font-size: 16px; line-height: 25px; font-weight: normal; } .s-GT-America-loaded .btn--download.btn, .s-GT-America-loaded .btn--download.a-eventsFeatured__cta, .s-GT-America-loaded .btn--download.m-staff__more, .s-GT-America-loaded .btn--download.m-eventsCards__cta, .s-GT-America-loaded .btn--download.m-form__fileBtn, .s-GT-America-loaded .btn--download.m-form__submit, .s-GT-America-loaded .a-eventsFeatured--no-img .a-eventsFeatured__text, .a-eventsFeatured--no-img .s-GT-America-loaded .a-eventsFeatured__text, .s-GT-America-loaded .m-highlightBlock__body, .s-GT-America-loaded .m-highlightTextBlock__body, .s-GT-America-loaded .m-map__modal__body p, .m-map__modal__body .s-GT-America-loaded p, .s-GT-America-loaded .m-pageIntro__subtitle, .s-GT-America-loaded .m-textBlock, .s-GT-America-loaded .m-staff__panel-text, .s-GT-America-loaded .m-eventsCards__empty-text, .s-GT-America-loaded .m-related__text, .s-GT-America-loaded .m-form__label, .s-GT-America-loaded .m-form__errorSummary, .s-GT-America-loaded .m-downloadList__text, .s-GT-America-loaded .m-downloadList__link, .s-GT-America-loaded .m-relatedIssues__item, .s-GT-America-loaded .m-feed__submitText, .s-GT-America-loaded .f-h17 { font-family: "GT-America", Arial; } .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before, .a-eventsFeatured--no-img .a-eventsFeatured__text::before, .m-highlightBlock__body::before, .m-highlightTextBlock__body::before, .m-map__modal__body p::before, .m-pageIntro__subtitle::before, .m-textBlock::before, .m-staff__panel-text::before, .m-eventsCards__empty-text::before, .m-related__text::before, .m-form__label::before, .m-form__errorSummary::before, .m-downloadList__text::before, .m-downloadList__link::before, .m-relatedIssues__item::before, .m-feed__submitText::before, .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after, .a-eventsFeatured--no-img .a-eventsFeatured__text::after, .m-highlightBlock__body::after, .m-highlightTextBlock__body::after, .m-map__modal__body p::after, .m-pageIntro__subtitle::after, .m-textBlock::after, .m-staff__panel-text::after, .m-eventsCards__empty-text::after, .m-related__text::after, .m-form__label::after, .m-form__errorSummary::after, .m-downloadList__text::after, .m-downloadList__link::after, .m-relatedIssues__item::after, .m-feed__submitText::after, .f-h17::before, .f-h17::after { content: ""; display: block; width: 1px; } .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before, .a-eventsFeatured--no-img .a-eventsFeatured__text::before, .m-highlightBlock__body::before, .m-highlightTextBlock__body::before, .m-map__modal__body p::before, .m-pageIntro__subtitle::before, .m-textBlock::before, .m-staff__panel-text::before, .m-eventsCards__empty-text::before, .m-related__text::before, .m-form__label::before, .m-form__errorSummary::before, .m-downloadList__text::before, .m-downloadList__link::before, .m-relatedIssues__item::before, .m-feed__submitText::before, .f-h17::before { padding-top: 6.58px; } .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after, .a-eventsFeatured--no-img .a-eventsFeatured__text::after, .m-highlightBlock__body::after, .m-highlightTextBlock__body::after, .m-map__modal__body p::after, .m-pageIntro__subtitle::after, .m-textBlock::after, .m-staff__panel-text::after, .m-eventsCards__empty-text::after, .m-related__text::after, .m-form__label::after, .m-form__errorSummary::after, .m-downloadList__text::after, .m-downloadList__link::after, .m-relatedIssues__item::after, .m-feed__submitText::after, .f-h17::after { margin-bottom: -6.58px; } @media screen and (min-width: 990px) { .btn--download.btn, .btn--download.a-eventsFeatured__cta, .btn--download.m-staff__more, .btn--download.m-eventsCards__cta, .btn--download.m-form__fileBtn, .btn--download.m-form__submit, .a-eventsFeatured--no-img .a-eventsFeatured__text, .m-highlightBlock__body, .m-highlightTextBlock__body, .m-map__modal__body p, .m-pageIntro__subtitle, .m-textBlock, .m-staff__panel-text, .m-eventsCards__empty-text, .m-related__text, .m-form__label, .m-form__errorSummary, .m-downloadList__text, .m-downloadList__link, .m-relatedIssues__item, .m-feed__submitText, .f-h17 { font-size: 20px; line-height: 35px; font-weight: normal; } .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before, .a-eventsFeatured--no-img .a-eventsFeatured__text::before, .m-highlightBlock__body::before, .m-highlightTextBlock__body::before, .m-map__modal__body p::before, .m-pageIntro__subtitle::before, .m-textBlock::before, .m-staff__panel-text::before, .m-eventsCards__empty-text::before, .m-related__text::before, .m-form__label::before, .m-form__errorSummary::before, .m-downloadList__text::before, .m-downloadList__link::before, .m-relatedIssues__item::before, .m-feed__submitText::before, .f-h17::before { padding-top: 10.1px; } .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after, .a-eventsFeatured--no-img .a-eventsFeatured__text::after, .m-highlightBlock__body::after, .m-highlightTextBlock__body::after, .m-map__modal__body p::after, .m-pageIntro__subtitle::after, .m-textBlock::after, .m-staff__panel-text::after, .m-eventsCards__empty-text::after, .m-related__text::after, .m-form__label::after, .m-form__errorSummary::after, .m-downloadList__text::after, .m-downloadList__link::after, .m-relatedIssues__item::after, .m-feed__submitText::after, .f-h17::after { margin-bottom: -10.1px; } } .a-articleAuthor__body, .m-articleList--editorial .a-articleLink__body, .m-articleList--editorialLanding .a-articleLink__body, .m-articleList--editorialVoices .a-articleLink__body, .m-articleList--highlightGrid .a-articleLink__body, .m-articleList--topicsList .a-articleLink__body, .a-articleLink--featured .a-articleLink__body p, .a-articleMetaItem__body, .a-feedCard__text, .f-h18 { font-family: "Times New Roman"; font-size: 14px; line-height: 25px; font-weight: normal; } .s-Lyon-loaded .a-articleAuthor__body, .s-Lyon-loaded .m-articleList--editorial .a-articleLink__body, .m-articleList--editorial .s-Lyon-loaded .a-articleLink__body, .s-Lyon-loaded .m-articleList--editorialLanding .a-articleLink__body, .m-articleList--editorialLanding .s-Lyon-loaded .a-articleLink__body, .s-Lyon-loaded .m-articleList--editorialVoices .a-articleLink__body, .m-articleList--editorialVoices .s-Lyon-loaded .a-articleLink__body, .s-Lyon-loaded .m-articleList--highlightGrid .a-articleLink__body, .m-articleList--highlightGrid .s-Lyon-loaded .a-articleLink__body, .s-Lyon-loaded .m-articleList--topicsList .a-articleLink__body, .m-articleList--topicsList .s-Lyon-loaded .a-articleLink__body, .s-Lyon-loaded .a-articleLink--featured .a-articleLink__body p, .a-articleLink--featured .a-articleLink__body .s-Lyon-loaded p, .s-Lyon-loaded .a-articleMetaItem__body, .s-Lyon-loaded .a-feedCard__text, .s-Lyon-loaded .f-h18 { font-family: "Lyon", Times New Roman; } .a-articleAuthor__body::before, .m-articleList--editorial .a-articleLink__body::before, .m-articleList--editorialLanding .a-articleLink__body::before, .m-articleList--editorialVoices .a-articleLink__body::before, .m-articleList--highlightGrid .a-articleLink__body::before, .m-articleList--topicsList .a-articleLink__body::before, .a-articleLink--featured .a-articleLink__body p::before, .a-articleMetaItem__body::before, .a-feedCard__text::before, .a-articleAuthor__body::after, .m-articleList--editorial .a-articleLink__body::after, .m-articleList--editorialLanding .a-articleLink__body::after, .m-articleList--editorialVoices .a-articleLink__body::after, .m-articleList--highlightGrid .a-articleLink__body::after, .m-articleList--topicsList .a-articleLink__body::after, .a-articleLink--featured .a-articleLink__body p::after, .a-articleMetaItem__body::after, .a-feedCard__text::after, .f-h18::before, .f-h18::after { content: ""; display: block; width: 1px; } .a-articleAuthor__body::before, .m-articleList--editorial .a-articleLink__body::before, .m-articleList--editorialLanding .a-articleLink__body::before, .m-articleList--editorialVoices .a-articleLink__body::before, .m-articleList--highlightGrid .a-articleLink__body::before, .m-articleList--topicsList .a-articleLink__body::before, .a-articleLink--featured .a-articleLink__body p::before, .a-articleMetaItem__body::before, .a-feedCard__text::before, .f-h18::before { padding-top: 6.97px; } .a-articleAuthor__body::after, .m-articleList--editorial .a-articleLink__body::after, .m-articleList--editorialLanding .a-articleLink__body::after, .m-articleList--editorialVoices .a-articleLink__body::after, .m-articleList--highlightGrid .a-articleLink__body::after, .m-articleList--topicsList .a-articleLink__body::after, .a-articleLink--featured .a-articleLink__body p::after, .a-articleMetaItem__body::after, .a-feedCard__text::after, .f-h18::after { margin-bottom: -6.97px; } @media screen and (min-width: 990px) { .a-articleAuthor__body, .m-articleList--editorial .a-articleLink__body, .m-articleList--editorialLanding .a-articleLink__body, .m-articleList--editorialVoices .a-articleLink__body, .m-articleList--highlightGrid .a-articleLink__body, .m-articleList--topicsList .a-articleLink__body, .a-articleLink--featured .a-articleLink__body p, .a-articleMetaItem__body, .a-feedCard__text, .f-h18 { font-size: 17px; line-height: 30px; font-weight: normal; } .a-articleAuthor__body::before, .m-articleList--editorial .a-articleLink__body::before, .m-articleList--editorialLanding .a-articleLink__body::before, .m-articleList--editorialVoices .a-articleLink__body::before, .m-articleList--highlightGrid .a-articleLink__body::before, .m-articleList--topicsList .a-articleLink__body::before, .a-articleLink--featured .a-articleLink__body p::before, .a-articleMetaItem__body::before, .a-feedCard__text::before, .f-h18::before { padding-top: 8.285px; } .a-articleAuthor__body::after, .m-articleList--editorial .a-articleLink__body::after, .m-articleList--editorialLanding .a-articleLink__body::after, .m-articleList--editorialVoices .a-articleLink__body::after, .m-articleList--highlightGrid .a-articleLink__body::after, .m-articleList--topicsList .a-articleLink__body::after, .a-articleLink--featured .a-articleLink__body p::after, .a-articleMetaItem__body::after, .a-feedCard__text::after, .f-h18::after { margin-bottom: -8.285px; } } .btn, .a-eventsFeatured__cta, .m-staff__more, .m-eventsCards__cta, .m-form__fileBtn, .m-form__submit, .a-checkbox label, .a-descriptionList__description, .a-dropdown--language-select span, .a-linkList__item, .a-officeCards__title, .a-eventsFeatured__metas-text, .a-eventsFeatured__text, .a-speaker__job, .a-speaker__text, .a-grantsDatabase__value, .a-grantsDatabase__text, .a-feedCard__popinAuthor, .m-highlightTextBlock__body ul, .m-highlightTextBlock__body ol, .m-highlightTextBlock__cta a, .m-map__modal__footer, .m-map__modal--home .m-map__modal__body p, .m-pageIntro__links, .m-stickySideNav--small li, .page-employment .m-textBlock ul, .page-employment .m-textBlock ol, .m-textBlock ul.small, .m-textBlock ol.small, .m-textBlock.m-textBlock--editorialIntro, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro, .m-staff__panel-job, .m-staff__panel-inner--no-img .m-staff__panel-text, .m-eventsCards__header-link, .m-eventsCards__link, .m-event__infosText, .m-event__infosLegend, .m-form__value, .m-form__input, .m-infos__value, .g-footer__announcementYear, .g-newsletterCta__msg, .g-newsletterCta__submit, .f-h19 { font-family: Arial; font-size: 14px; line-height: 25px; font-weight: normal; } .s-GT-America-loaded .btn, .s-GT-America-loaded .a-eventsFeatured__cta, .s-GT-America-loaded .m-staff__more, .s-GT-America-loaded .m-eventsCards__cta, .s-GT-America-loaded .m-form__fileBtn, .s-GT-America-loaded .m-form__submit, .s-GT-America-loaded .a-checkbox label, .a-checkbox .s-GT-America-loaded label, .s-GT-America-loaded .a-descriptionList__description, .s-GT-America-loaded .a-dropdown--language-select span, .a-dropdown--language-select .s-GT-America-loaded span, .s-GT-America-loaded .a-linkList__item, .s-GT-America-loaded .a-officeCards__title, .s-GT-America-loaded .a-eventsFeatured__metas-text, .s-GT-America-loaded .a-eventsFeatured__text, .s-GT-America-loaded .a-speaker__job, .s-GT-America-loaded .a-speaker__text, .s-GT-America-loaded .a-grantsDatabase__value, .s-GT-America-loaded .a-grantsDatabase__text, .s-GT-America-loaded .a-feedCard__popinAuthor, .s-GT-America-loaded .m-highlightTextBlock__body ul, .m-highlightTextBlock__body .s-GT-America-loaded ul, .s-GT-America-loaded .m-highlightTextBlock__body ol, .m-highlightTextBlock__body .s-GT-America-loaded ol, .s-GT-America-loaded .m-highlightTextBlock__cta a, .m-highlightTextBlock__cta .s-GT-America-loaded a, .s-GT-America-loaded .m-map__modal__footer, .s-GT-America-loaded .m-map__modal--home .m-map__modal__body p, .m-map__modal--home .m-map__modal__body .s-GT-America-loaded p, .s-GT-America-loaded .m-pageIntro__links, .s-GT-America-loaded .m-stickySideNav--small li, .m-stickySideNav--small .s-GT-America-loaded li, .s-GT-America-loaded .page-employment .m-textBlock ul, .page-employment .m-textBlock .s-GT-America-loaded ul, .s-GT-America-loaded .page-employment .m-textBlock ol, .page-employment .m-textBlock .s-GT-America-loaded ol, .s-GT-America-loaded .m-textBlock ul.small, .m-textBlock .s-GT-America-loaded ul.small, .s-GT-America-loaded .m-textBlock ol.small, .m-textBlock .s-GT-America-loaded ol.small, .s-GT-America-loaded .m-textBlock.m-textBlock--editorialIntro, .s-GT-America-loaded .m-staff__panel-job, .s-GT-America-loaded .m-staff__panel-inner--no-img .m-staff__panel-text, .m-staff__panel-inner--no-img .s-GT-America-loaded .m-staff__panel-text, .s-GT-America-loaded .m-eventsCards__header-link, .s-GT-America-loaded .m-eventsCards__link, .s-GT-America-loaded .m-event__infosText, .s-GT-America-loaded .m-event__infosLegend, .s-GT-America-loaded .m-form__value, .s-GT-America-loaded .m-form__input, .s-GT-America-loaded .m-infos__value, .s-GT-America-loaded .g-footer__announcementYear, .s-GT-America-loaded .g-newsletterCta__msg, .s-GT-America-loaded .g-newsletterCta__submit, .s-GT-America-loaded .f-h19 { font-family: "GT-America", Arial; } .btn::before, .a-eventsFeatured__cta::before, .m-staff__more::before, .m-eventsCards__cta::before, .m-form__fileBtn::before, .m-form__submit::before, .a-checkbox label::before, .a-descriptionList__description::before, .a-dropdown--language-select span::before, .a-linkList__item::before, .a-officeCards__title::before, .a-eventsFeatured__metas-text::before, .a-eventsFeatured__text::before, .a-speaker__job::before, .a-speaker__text::before, .a-grantsDatabase__value::before, .a-grantsDatabase__text::before, .a-feedCard__popinAuthor::before, .m-highlightTextBlock__body ul::before, .m-highlightTextBlock__body ol::before, .m-highlightTextBlock__cta a::before, .m-map__modal__footer::before, .m-map__modal--home .m-map__modal__body p::before, .m-pageIntro__links::before, .m-stickySideNav--small li::before, .page-employment .m-textBlock ul::before, .page-employment .m-textBlock ol::before, .m-textBlock ul.small::before, .m-textBlock ol.small::before, .m-textBlock.m-textBlock--editorialIntro::before, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro::before, .m-staff__panel-job::before, .m-staff__panel-inner--no-img .m-staff__panel-text::before, .m-eventsCards__header-link::before, .m-eventsCards__link::before, .m-event__infosText::before, .m-event__infosLegend::before, .m-form__value::before, .m-form__input::before, .m-infos__value::before, .g-footer__announcementYear::before, .g-newsletterCta__msg::before, .g-newsletterCta__submit::before, .btn::after, .a-eventsFeatured__cta::after, .m-staff__more::after, .m-eventsCards__cta::after, .m-form__fileBtn::after, .m-form__submit::after, .a-checkbox label::after, .a-descriptionList__description::after, .a-dropdown--language-select span::after, .a-linkList__item::after, .a-officeCards__title::after, .a-eventsFeatured__metas-text::after, .a-eventsFeatured__text::after, .a-speaker__job::after, .a-speaker__text::after, .a-grantsDatabase__value::after, .a-grantsDatabase__text::after, .a-feedCard__popinAuthor::after, .m-highlightTextBlock__body ul::after, .m-highlightTextBlock__body ol::after, .m-highlightTextBlock__cta a::after, .m-map__modal__footer::after, .m-map__modal--home .m-map__modal__body p::after, .m-pageIntro__links::after, .m-stickySideNav--small li::after, .page-employment .m-textBlock ul::after, .page-employment .m-textBlock ol::after, .m-textBlock ul.small::after, .m-textBlock ol.small::after, .m-textBlock.m-textBlock--editorialIntro::after, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro::after, .m-staff__panel-job::after, .m-staff__panel-inner--no-img .m-staff__panel-text::after, .m-eventsCards__header-link::after, .m-eventsCards__link::after, .m-event__infosText::after, .m-event__infosLegend::after, .m-form__value::after, .m-form__input::after, .m-infos__value::after, .g-footer__announcementYear::after, .g-newsletterCta__msg::after, .g-newsletterCta__submit::after, .f-h19::before, .f-h19::after { content: ""; display: block; width: 1px; } .btn::before, .a-eventsFeatured__cta::before, .m-staff__more::before, .m-eventsCards__cta::before, .m-form__fileBtn::before, .m-form__submit::before, .a-checkbox label::before, .a-descriptionList__description::before, .a-dropdown--language-select span::before, .a-linkList__item::before, .a-officeCards__title::before, .a-eventsFeatured__metas-text::before, .a-eventsFeatured__text::before, .a-speaker__job::before, .a-speaker__text::before, .a-grantsDatabase__value::before, .a-grantsDatabase__text::before, .a-feedCard__popinAuthor::before, .m-highlightTextBlock__body ul::before, .m-highlightTextBlock__body ol::before, .m-highlightTextBlock__cta a::before, .m-map__modal__footer::before, .m-map__modal--home .m-map__modal__body p::before, .m-pageIntro__links::before, .m-stickySideNav--small li::before, .page-employment .m-textBlock ul::before, .page-employment .m-textBlock ol::before, .m-textBlock ul.small::before, .m-textBlock ol.small::before, .m-textBlock.m-textBlock--editorialIntro::before, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro::before, .m-staff__panel-job::before, .m-staff__panel-inner--no-img .m-staff__panel-text::before, .m-eventsCards__header-link::before, .m-eventsCards__link::before, .m-event__infosText::before, .m-event__infosLegend::before, .m-form__value::before, .m-form__input::before, .m-infos__value::before, .g-footer__announcementYear::before, .g-newsletterCta__msg::before, .g-newsletterCta__submit::before, .f-h19::before { padding-top: 7.32px; } .btn::after, .a-eventsFeatured__cta::after, .m-staff__more::after, .m-eventsCards__cta::after, .m-form__fileBtn::after, .m-form__submit::after, .a-checkbox label::after, .a-descriptionList__description::after, .a-dropdown--language-select span::after, .a-linkList__item::after, .a-officeCards__title::after, .a-eventsFeatured__metas-text::after, .a-eventsFeatured__text::after, .a-speaker__job::after, .a-speaker__text::after, .a-grantsDatabase__value::after, .a-grantsDatabase__text::after, .a-feedCard__popinAuthor::after, .m-highlightTextBlock__body ul::after, .m-highlightTextBlock__body ol::after, .m-highlightTextBlock__cta a::after, .m-map__modal__footer::after, .m-map__modal--home .m-map__modal__body p::after, .m-pageIntro__links::after, .m-stickySideNav--small li::after, .page-employment .m-textBlock ul::after, .page-employment .m-textBlock ol::after, .m-textBlock ul.small::after, .m-textBlock ol.small::after, .m-textBlock.m-textBlock--editorialIntro::after, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro::after, .m-staff__panel-job::after, .m-staff__panel-inner--no-img .m-staff__panel-text::after, .m-eventsCards__header-link::after, .m-eventsCards__link::after, .m-event__infosText::after, .m-event__infosLegend::after, .m-form__value::after, .m-form__input::after, .m-infos__value::after, .g-footer__announcementYear::after, .g-newsletterCta__msg::after, .g-newsletterCta__submit::after, .f-h19::after { margin-bottom: -7.32px; } @media screen and (min-width: 990px) { .btn, .a-eventsFeatured__cta, .m-staff__more, .m-eventsCards__cta, .m-form__fileBtn, .m-form__submit, .a-checkbox label, .a-descriptionList__description, .a-dropdown--language-select span, .a-linkList__item, .a-officeCards__title, .a-eventsFeatured__metas-text, .a-eventsFeatured__text, .a-speaker__job, .a-speaker__text, .a-grantsDatabase__value, .a-grantsDatabase__text, .a-feedCard__popinAuthor, .m-highlightTextBlock__body ul, .m-highlightTextBlock__body ol, .m-highlightTextBlock__cta a, .m-map__modal__footer, .m-map__modal--home .m-map__modal__body p, .m-pageIntro__links, .m-stickySideNav--small li, .page-employment .m-textBlock ul, .page-employment .m-textBlock ol, .m-textBlock ul.small, .m-textBlock ol.small, .m-textBlock.m-textBlock--editorialIntro, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro, .m-staff__panel-job, .m-staff__panel-inner--no-img .m-staff__panel-text, .m-eventsCards__header-link, .m-eventsCards__link, .m-event__infosText, .m-event__infosLegend, .m-form__value, .m-form__input, .m-infos__value, .g-footer__announcementYear, .g-newsletterCta__msg, .g-newsletterCta__submit, .f-h19 { font-size: 17px; line-height: 30px; font-weight: normal; } .btn::before, .a-eventsFeatured__cta::before, .m-staff__more::before, .m-eventsCards__cta::before, .m-form__fileBtn::before, .m-form__submit::before, .a-checkbox label::before, .a-descriptionList__description::before, .a-dropdown--language-select span::before, .a-linkList__item::before, .a-officeCards__title::before, .a-eventsFeatured__metas-text::before, .a-eventsFeatured__text::before, .a-speaker__job::before, .a-speaker__text::before, .a-grantsDatabase__value::before, .a-grantsDatabase__text::before, .a-feedCard__popinAuthor::before, .m-highlightTextBlock__body ul::before, .m-highlightTextBlock__body ol::before, .m-highlightTextBlock__cta a::before, .m-map__modal__footer::before, .m-map__modal--home .m-map__modal__body p::before, .m-pageIntro__links::before, .m-stickySideNav--small li::before, .page-employment .m-textBlock ul::before, .page-employment .m-textBlock ol::before, .m-textBlock ul.small::before, .m-textBlock ol.small::before, .m-textBlock.m-textBlock--editorialIntro::before, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro::before, .m-staff__panel-job::before, .m-staff__panel-inner--no-img .m-staff__panel-text::before, .m-eventsCards__header-link::before, .m-eventsCards__link::before, .m-event__infosText::before, .m-event__infosLegend::before, .m-form__value::before, .m-form__input::before, .m-infos__value::before, .g-footer__announcementYear::before, .g-newsletterCta__msg::before, .g-newsletterCta__submit::before, .f-h19::before { padding-top: 8.71px; } .btn::after, .a-eventsFeatured__cta::after, .m-staff__more::after, .m-eventsCards__cta::after, .m-form__fileBtn::after, .m-form__submit::after, .a-checkbox label::after, .a-descriptionList__description::after, .a-dropdown--language-select span::after, .a-linkList__item::after, .a-officeCards__title::after, .a-eventsFeatured__metas-text::after, .a-eventsFeatured__text::after, .a-speaker__job::after, .a-speaker__text::after, .a-grantsDatabase__value::after, .a-grantsDatabase__text::after, .a-feedCard__popinAuthor::after, .m-highlightTextBlock__body ul::after, .m-highlightTextBlock__body ol::after, .m-highlightTextBlock__cta a::after, .m-map__modal__footer::after, .m-map__modal--home .m-map__modal__body p::after, .m-pageIntro__links::after, .m-stickySideNav--small li::after, .page-employment .m-textBlock ul::after, .page-employment .m-textBlock ol::after, .m-textBlock ul.small::after, .m-textBlock ol.small::after, .m-textBlock.m-textBlock--editorialIntro::after, .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro::after, .m-staff__panel-job::after, .m-staff__panel-inner--no-img .m-staff__panel-text::after, .m-eventsCards__header-link::after, .m-eventsCards__link::after, .m-event__infosText::after, .m-event__infosLegend::after, .m-form__value::after, .m-form__input::after, .m-infos__value::after, .g-footer__announcementYear::after, .g-newsletterCta__msg::after, .g-newsletterCta__submit::after, .f-h19::after { margin-bottom: -8.71px; } } .a-speaker__img-placeholder, .m-regionGraph__info, .f-h20 { font-family: Arial; font-size: 10px; line-height: 15px; font-weight: normal; text-transform: uppercase; } .s-GT-America-Mono-loaded .a-speaker__img-placeholder, .s-GT-America-Mono-loaded .m-regionGraph__info, .s-GT-America-Mono-loaded .f-h20 { font-family: "GT-America-Mono", Arial; } .a-speaker__img-placeholder::before, .m-regionGraph__info::before, .a-speaker__img-placeholder::after, .m-regionGraph__info::after, .f-h20::before, .f-h20::after { content: ""; display: block; width: 1px; } .a-speaker__img-placeholder::before, .m-regionGraph__info::before, .f-h20::before { padding-top: 3.75px; } .a-speaker__img-placeholder::after, .m-regionGraph__info::after, .f-h20::after { margin-bottom: -3.75px; } @media screen and (min-width: 990px) { .a-speaker__img-placeholder, .m-regionGraph__info, .f-h20 { font-size: 17px; line-height: 25px; font-weight: normal; letter-spacing: 0.05em; } .a-speaker__img-placeholder::before, .m-regionGraph__info::before, .f-h20::before { padding-top: 6.125px; } .a-speaker__img-placeholder::after, .m-regionGraph__info::after, .f-h20::after { margin-bottom: -6.125px; } } .a-dropdown.a-dropdown--header, .g-header__language-select--mobile .a-dropdown__wrapper--header span, .m-pageIntro__infos, .m-pageIntro__quickMenu li, .m-tabBar__tab, .g-header__nav__link, .g-footer__sitemap__title, .f-h21 { font-family: Arial; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .s-GT-America-Compressed-loaded .a-dropdown.a-dropdown--header, .s-GT-America-Compressed-loaded .g-header__language-select--mobile .a-dropdown__wrapper--header span, .g-header__language-select--mobile .a-dropdown__wrapper--header .s-GT-America-Compressed-loaded span, .s-GT-America-Compressed-loaded .m-pageIntro__infos, .s-GT-America-Compressed-loaded .m-pageIntro__quickMenu li, .m-pageIntro__quickMenu .s-GT-America-Compressed-loaded li, .s-GT-America-Compressed-loaded .m-tabBar__tab, .s-GT-America-Compressed-loaded .g-header__nav__link, .s-GT-America-Compressed-loaded .g-footer__sitemap__title, .s-GT-America-Compressed-loaded .f-h21 { font-family: "GT-America-Compressed", Arial; } .a-dropdown.a-dropdown--header::before, .g-header__language-select--mobile .a-dropdown__wrapper--header span::before, .m-pageIntro__infos::before, .m-pageIntro__quickMenu li::before, .m-tabBar__tab::before, .g-header__nav__link::before, .g-footer__sitemap__title::before, .a-dropdown.a-dropdown--header::after, .g-header__language-select--mobile .a-dropdown__wrapper--header span::after, .m-pageIntro__infos::after, .m-pageIntro__quickMenu li::after, .m-tabBar__tab::after, .g-header__nav__link::after, .g-footer__sitemap__title::after, .f-h21::before, .f-h21::after { content: ""; display: block; width: 1px; } .a-dropdown.a-dropdown--header::before, .g-header__language-select--mobile .a-dropdown__wrapper--header span::before, .m-pageIntro__infos::before, .m-pageIntro__quickMenu li::before, .m-tabBar__tab::before, .g-header__nav__link::before, .g-footer__sitemap__title::before, .f-h21::before { padding-top: 4.89px; } .a-dropdown.a-dropdown--header::after, .g-header__language-select--mobile .a-dropdown__wrapper--header span::after, .m-pageIntro__infos::after, .m-pageIntro__quickMenu li::after, .m-tabBar__tab::after, .g-header__nav__link::after, .g-footer__sitemap__title::after, .f-h21::after { margin-bottom: -4.89px; } @media screen and (min-width: 990px) { .a-dropdown.a-dropdown--header, .g-header__language-select--mobile .a-dropdown__wrapper--header span, .m-pageIntro__infos, .m-pageIntro__quickMenu li, .m-tabBar__tab, .g-header__nav__link, .g-footer__sitemap__title, .f-h21 { font-size: 17px; line-height: 19px; font-weight: 700; letter-spacing: 0.05em; } .a-dropdown.a-dropdown--header::before, .g-header__language-select--mobile .a-dropdown__wrapper--header span::before, .m-pageIntro__infos::before, .m-pageIntro__quickMenu li::before, .m-tabBar__tab::before, .g-header__nav__link::before, .g-footer__sitemap__title::before, .f-h21::before { padding-top: 3.295px; } .a-dropdown.a-dropdown--header::after, .g-header__language-select--mobile .a-dropdown__wrapper--header span::after, .m-pageIntro__infos::after, .m-pageIntro__quickMenu li::after, .m-tabBar__tab::after, .g-header__nav__link::after, .g-footer__sitemap__title::after, .f-h21::after { margin-bottom: -3.295px; } } .a-articleLink__subtitle, .a-articleMetaItem__title, .a-chartsRow__title, .a-explainer__subtitle, .a-push__type, .a-news__type, .m-articleMetaBar__slug, .m-barCharts__btn, .m-barCharts__mobileFilter select, .m-barCharts__mobileSwitch select, .m-chapterBar__title, .m-episodeBar__chapter .m-episodeBar__chapter__label, .m-exploreBlock__subtitle, .m-historyTimelineMobile select, .f-h22 { font-family: Arial; font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .s-GT-America-Compressed-loaded .a-articleLink__subtitle, .s-GT-America-Compressed-loaded .a-articleMetaItem__title, .s-GT-America-Compressed-loaded .a-chartsRow__title, .s-GT-America-Compressed-loaded .a-explainer__subtitle, .s-GT-America-Compressed-loaded .a-push__type, .s-GT-America-Compressed-loaded .a-news__type, .s-GT-America-Compressed-loaded .m-articleMetaBar__slug, .s-GT-America-Compressed-loaded .m-barCharts__btn, .s-GT-America-Compressed-loaded .m-barCharts__mobileFilter select, .m-barCharts__mobileFilter .s-GT-America-Compressed-loaded select, .s-GT-America-Compressed-loaded .m-barCharts__mobileSwitch select, .m-barCharts__mobileSwitch .s-GT-America-Compressed-loaded select, .s-GT-America-Compressed-loaded .m-chapterBar__title, .s-GT-America-Compressed-loaded .m-episodeBar__chapter .m-episodeBar__chapter__label, .m-episodeBar__chapter .s-GT-America-Compressed-loaded .m-episodeBar__chapter__label, .s-GT-America-Compressed-loaded .m-exploreBlock__subtitle, .s-GT-America-Compressed-loaded .m-historyTimelineMobile select, .m-historyTimelineMobile .s-GT-America-Compressed-loaded select, .s-GT-America-Compressed-loaded .f-h22 { font-family: "GT-America-Compressed", Arial; } .a-articleLink__subtitle::before, .a-articleMetaItem__title::before, .a-chartsRow__title::before, .a-explainer__subtitle::before, .a-push__type::before, .a-news__type::before, .m-articleMetaBar__slug::before, .m-barCharts__btn::before, .m-barCharts__mobileFilter select::before, .m-barCharts__mobileSwitch select::before, .m-chapterBar__title::before, .m-episodeBar__chapter .m-episodeBar__chapter__label::before, .m-exploreBlock__subtitle::before, .m-historyTimelineMobile select::before, .a-articleLink__subtitle::after, .a-articleMetaItem__title::after, .a-chartsRow__title::after, .a-explainer__subtitle::after, .a-push__type::after, .a-news__type::after, .m-articleMetaBar__slug::after, .m-barCharts__btn::after, .m-barCharts__mobileFilter select::after, .m-barCharts__mobileSwitch select::after, .m-chapterBar__title::after, .m-episodeBar__chapter .m-episodeBar__chapter__label::after, .m-exploreBlock__subtitle::after, .m-historyTimelineMobile select::after, .f-h22::before, .f-h22::after { content: ""; display: block; width: 1px; } .a-articleLink__subtitle::before, .a-articleMetaItem__title::before, .a-chartsRow__title::before, .a-explainer__subtitle::before, .a-push__type::before, .a-news__type::before, .m-articleMetaBar__slug::before, .m-barCharts__btn::before, .m-barCharts__mobileFilter select::before, .m-barCharts__mobileSwitch select::before, .m-chapterBar__title::before, .m-episodeBar__chapter .m-episodeBar__chapter__label::before, .m-exploreBlock__subtitle::before, .m-historyTimelineMobile select::before, .f-h22::before { padding-top: 2.62px; } .a-articleLink__subtitle::after, .a-articleMetaItem__title::after, .a-chartsRow__title::after, .a-explainer__subtitle::after, .a-push__type::after, .a-news__type::after, .m-articleMetaBar__slug::after, .m-barCharts__btn::after, .m-barCharts__mobileFilter select::after, .m-barCharts__mobileSwitch select::after, .m-chapterBar__title::after, .m-episodeBar__chapter .m-episodeBar__chapter__label::after, .m-exploreBlock__subtitle::after, .m-historyTimelineMobile select::after, .f-h22::after { margin-bottom: -2.62px; } @media screen and (min-width: 990px) { .a-articleLink__subtitle, .a-articleMetaItem__title, .a-chartsRow__title, .a-explainer__subtitle, .a-push__type, .a-news__type, .m-articleMetaBar__slug, .m-barCharts__btn, .m-barCharts__mobileFilter select, .m-barCharts__mobileSwitch select, .m-chapterBar__title, .m-episodeBar__chapter .m-episodeBar__chapter__label, .m-exploreBlock__subtitle, .m-historyTimelineMobile select, .f-h22 { font-size: 14px; line-height: 14px; font-weight: 700; letter-spacing: 0.06em; } .a-articleLink__subtitle::before, .a-articleMetaItem__title::before, .a-chartsRow__title::before, .a-explainer__subtitle::before, .a-push__type::before, .a-news__type::before, .m-articleMetaBar__slug::before, .m-barCharts__btn::before, .m-barCharts__mobileFilter select::before, .m-barCharts__mobileSwitch select::before, .m-chapterBar__title::before, .m-episodeBar__chapter .m-episodeBar__chapter__label::before, .m-exploreBlock__subtitle::before, .m-historyTimelineMobile select::before, .f-h22::before { padding-top: 1.89px; } .a-articleLink__subtitle::after, .a-articleMetaItem__title::after, .a-chartsRow__title::after, .a-explainer__subtitle::after, .a-push__type::after, .a-news__type::after, .m-articleMetaBar__slug::after, .m-barCharts__btn::after, .m-barCharts__mobileFilter select::after, .m-barCharts__mobileSwitch select::after, .m-chapterBar__title::after, .m-episodeBar__chapter .m-episodeBar__chapter__label::after, .m-exploreBlock__subtitle::after, .m-historyTimelineMobile select::after, .f-h22::after { margin-bottom: -1.89px; } } .a-caption, .a-descriptionList__title, .a-dropdown, .a-grantsCard__subtitle, .a-media figcaption, .a-officeCard__subtitle, .a-officeCard__note, .a-profileCard__sub, .a-profileCard.a-profileCard--staff .a-profileCard__body, .o-contentBlocks__container .a-quote cite, .m-historyBlock .a-quote cite, .a-select.a-select--minimal select, .a-switchButton__label, .a-timelinePreview__body p, .a-eventsFeatured__cta, .a-eventsFeatured__stream, .a-news__text, .a-grantsDatabase__label, .a-feedCard__author, .m-audioBlock, .m-audioBlock__caption, .m-barCharts__footnote, .m-chapterBar__chapter, .m-featuredGrantLinks__item__subtitle, .m-filters__label, .m-filters__controls__button, .m-filters__sorting .m-filters__links__item, .m-filters__option, .m-filtersMobile__modalSwitch, .m-filtersActiveBar__filter, .m-hero__copy, .amcharts-map-image-label tspan, .m-map__meta address, .m-map__legend, .m-map__hotspot__label, .m-mediaCarousel__indicator, .m-textBlock__timelineBlock__description, .o-editorialArticle .m-textBlock__overlay__caption, .m-staff__value, .m-staff__panel-infos-cell, .m-tabs__link, .m-eventsCards__cta, .m-event__infosTerm, .m-form__error, .m-infos__label, .g-megaNav__newsletter .g-newsletterCta__msg, .g-footer__highlight .a-link--readmore, .g-footer__sitemap__col--policy, .g-footer__legal, .f-h23, table th, table td { font-family: Arial; font-size: 12px; line-height: 20px; font-weight: normal; } .s-GT-America-loaded .a-caption, .s-GT-America-loaded .a-descriptionList__title, .s-GT-America-loaded .a-dropdown, .s-GT-America-loaded .a-grantsCard__subtitle, .s-GT-America-loaded .a-media figcaption, .a-media .s-GT-America-loaded figcaption, .s-GT-America-loaded .a-officeCard__subtitle, .s-GT-America-loaded .a-officeCard__note, .s-GT-America-loaded .a-profileCard__sub, .s-GT-America-loaded .a-profileCard.a-profileCard--staff .a-profileCard__body, .a-profileCard.a-profileCard--staff .s-GT-America-loaded .a-profileCard__body, .s-GT-America-loaded .o-contentBlocks__container .a-quote cite, .o-contentBlocks__container .a-quote .s-GT-America-loaded cite, .s-GT-America-loaded .m-historyBlock .a-quote cite, .m-historyBlock .a-quote .s-GT-America-loaded cite, .s-GT-America-loaded .a-select.a-select--minimal select, .a-select.a-select--minimal .s-GT-America-loaded select, .s-GT-America-loaded .a-switchButton__label, .s-GT-America-loaded .a-timelinePreview__body p, .a-timelinePreview__body .s-GT-America-loaded p, .s-GT-America-loaded .a-eventsFeatured__cta, .s-GT-America-loaded .a-eventsFeatured__stream, .s-GT-America-loaded .a-news__text, .s-GT-America-loaded .a-grantsDatabase__label, .s-GT-America-loaded .a-feedCard__author, .s-GT-America-loaded .m-audioBlock, .s-GT-America-loaded .m-audioBlock__caption, .s-GT-America-loaded .m-barCharts__footnote, .s-GT-America-loaded .m-chapterBar__chapter, .s-GT-America-loaded .m-featuredGrantLinks__item__subtitle, .s-GT-America-loaded .m-filters__label, .s-GT-America-loaded .m-filters__controls__button, .s-GT-America-loaded .m-filters__sorting .m-filters__links__item, .m-filters__sorting .s-GT-America-loaded .m-filters__links__item, .s-GT-America-loaded .m-filters__option, .s-GT-America-loaded .m-filtersMobile__modalSwitch, .s-GT-America-loaded .m-filtersActiveBar__filter, .s-GT-America-loaded .m-hero__copy, .s-GT-America-loaded .amcharts-map-image-label tspan, .amcharts-map-image-label .s-GT-America-loaded tspan, .s-GT-America-loaded .m-map__meta address, .m-map__meta .s-GT-America-loaded address, .s-GT-America-loaded .m-map__legend, .s-GT-America-loaded .m-map__hotspot__label, .s-GT-America-loaded .m-mediaCarousel__indicator, .s-GT-America-loaded .m-textBlock__timelineBlock__description, .s-GT-America-loaded .o-editorialArticle .m-textBlock__overlay__caption, .o-editorialArticle .s-GT-America-loaded .m-textBlock__overlay__caption, .s-GT-America-loaded .m-staff__value, .s-GT-America-loaded .m-staff__panel-infos-cell, .s-GT-America-loaded .m-tabs__link, .s-GT-America-loaded .m-eventsCards__cta, .s-GT-America-loaded .m-event__infosTerm, .s-GT-America-loaded .m-form__error, .s-GT-America-loaded .m-infos__label, .s-GT-America-loaded .g-megaNav__newsletter .g-newsletterCta__msg, .g-megaNav__newsletter .s-GT-America-loaded .g-newsletterCta__msg, .s-GT-America-loaded .g-footer__highlight .a-link--readmore, .g-footer__highlight .s-GT-America-loaded .a-link--readmore, .s-GT-America-loaded .g-footer__sitemap__col--policy, .s-GT-America-loaded .g-footer__legal, .s-GT-America-loaded .f-h23, .s-GT-America-loaded table th, table .s-GT-America-loaded th, .s-GT-America-loaded table td, table .s-GT-America-loaded td { font-family: "GT-America", Arial; } .a-caption::before, .a-descriptionList__title::before, .a-dropdown::before, .a-grantsCard__subtitle::before, .a-media figcaption::before, .a-officeCard__subtitle::before, .a-officeCard__note::before, .a-profileCard__sub::before, .a-profileCard.a-profileCard--staff .a-profileCard__body::before, .o-contentBlocks__container .a-quote cite::before, .m-historyBlock .a-quote cite::before, .a-select.a-select--minimal select::before, .a-switchButton__label::before, .a-timelinePreview__body p::before, .a-eventsFeatured__cta::before, .a-eventsFeatured__stream::before, .a-news__text::before, .a-grantsDatabase__label::before, .a-feedCard__author::before, .m-audioBlock::before, .m-audioBlock__caption::before, .m-barCharts__footnote::before, .m-chapterBar__chapter::before, .m-featuredGrantLinks__item__subtitle::before, .m-filters__label::before, .m-filters__controls__button::before, .m-filters__sorting .m-filters__links__item::before, .m-filters__option::before, .m-filtersMobile__modalSwitch::before, .m-filtersActiveBar__filter::before, .m-hero__copy::before, .amcharts-map-image-label tspan::before, .m-map__meta address::before, .m-map__legend::before, .m-map__hotspot__label::before, .m-mediaCarousel__indicator::before, .m-textBlock__timelineBlock__description::before, .o-editorialArticle .m-textBlock__overlay__caption::before, .m-staff__value::before, .m-staff__panel-infos-cell::before, .m-tabs__link::before, .m-eventsCards__cta::before, .m-event__infosTerm::before, .m-form__error::before, .m-infos__label::before, .g-megaNav__newsletter .g-newsletterCta__msg::before, .g-footer__highlight .a-link--readmore::before, .g-footer__sitemap__col--policy::before, .g-footer__legal::before, .a-caption::after, .a-descriptionList__title::after, .a-dropdown::after, .a-grantsCard__subtitle::after, .a-media figcaption::after, .a-officeCard__subtitle::after, .a-officeCard__note::after, .a-profileCard__sub::after, .a-profileCard.a-profileCard--staff .a-profileCard__body::after, .o-contentBlocks__container .a-quote cite::after, .m-historyBlock .a-quote cite::after, .a-select.a-select--minimal select::after, .a-switchButton__label::after, .a-timelinePreview__body p::after, .a-eventsFeatured__cta::after, .a-eventsFeatured__stream::after, .a-news__text::after, .a-grantsDatabase__label::after, .a-feedCard__author::after, .m-audioBlock::after, .m-audioBlock__caption::after, .m-barCharts__footnote::after, .m-chapterBar__chapter::after, .m-featuredGrantLinks__item__subtitle::after, .m-filters__label::after, .m-filters__controls__button::after, .m-filters__sorting .m-filters__links__item::after, .m-filters__option::after, .m-filtersMobile__modalSwitch::after, .m-filtersActiveBar__filter::after, .m-hero__copy::after, .amcharts-map-image-label tspan::after, .m-map__meta address::after, .m-map__legend::after, .m-map__hotspot__label::after, .m-mediaCarousel__indicator::after, .m-textBlock__timelineBlock__description::after, .o-editorialArticle .m-textBlock__overlay__caption::after, .m-staff__value::after, .m-staff__panel-infos-cell::after, .m-tabs__link::after, .m-eventsCards__cta::after, .m-event__infosTerm::after, .m-form__error::after, .m-infos__label::after, .g-megaNav__newsletter .g-newsletterCta__msg::after, .g-footer__highlight .a-link--readmore::after, .g-footer__sitemap__col--policy::after, .g-footer__legal::after, .f-h23::before, table th::before, table td::before, .f-h23::after, table th::after, table td::after { content: ""; display: block; width: 1px; } .a-caption::before, .a-descriptionList__title::before, .a-dropdown::before, .a-grantsCard__subtitle::before, .a-media figcaption::before, .a-officeCard__subtitle::before, .a-officeCard__note::before, .a-profileCard__sub::before, .a-profileCard.a-profileCard--staff .a-profileCard__body::before, .o-contentBlocks__container .a-quote cite::before, .m-historyBlock .a-quote cite::before, .a-select.a-select--minimal select::before, .a-switchButton__label::before, .a-timelinePreview__body p::before, .a-eventsFeatured__cta::before, .a-eventsFeatured__stream::before, .a-news__text::before, .a-grantsDatabase__label::before, .a-feedCard__author::before, .m-audioBlock::before, .m-audioBlock__caption::before, .m-barCharts__footnote::before, .m-chapterBar__chapter::before, .m-featuredGrantLinks__item__subtitle::before, .m-filters__label::before, .m-filters__controls__button::before, .m-filters__sorting .m-filters__links__item::before, .m-filters__option::before, .m-filtersMobile__modalSwitch::before, .m-filtersActiveBar__filter::before, .m-hero__copy::before, .amcharts-map-image-label tspan::before, .m-map__meta address::before, .m-map__legend::before, .m-map__hotspot__label::before, .m-mediaCarousel__indicator::before, .m-textBlock__timelineBlock__description::before, .o-editorialArticle .m-textBlock__overlay__caption::before, .m-staff__value::before, .m-staff__panel-infos-cell::before, .m-tabs__link::before, .m-eventsCards__cta::before, .m-event__infosTerm::before, .m-form__error::before, .m-infos__label::before, .g-megaNav__newsletter .g-newsletterCta__msg::before, .g-footer__highlight .a-link--readmore::before, .g-footer__sitemap__col--policy::before, .g-footer__legal::before, .f-h23::before, table th::before, table td::before { padding-top: 5.56px; } .a-caption::after, .a-descriptionList__title::after, .a-dropdown::after, .a-grantsCard__subtitle::after, .a-media figcaption::after, .a-officeCard__subtitle::after, .a-officeCard__note::after, .a-profileCard__sub::after, .a-profileCard.a-profileCard--staff .a-profileCard__body::after, .o-contentBlocks__container .a-quote cite::after, .m-historyBlock .a-quote cite::after, .a-select.a-select--minimal select::after, .a-switchButton__label::after, .a-timelinePreview__body p::after, .a-eventsFeatured__cta::after, .a-eventsFeatured__stream::after, .a-news__text::after, .a-grantsDatabase__label::after, .a-feedCard__author::after, .m-audioBlock::after, .m-audioBlock__caption::after, .m-barCharts__footnote::after, .m-chapterBar__chapter::after, .m-featuredGrantLinks__item__subtitle::after, .m-filters__label::after, .m-filters__controls__button::after, .m-filters__sorting .m-filters__links__item::after, .m-filters__option::after, .m-filtersMobile__modalSwitch::after, .m-filtersActiveBar__filter::after, .m-hero__copy::after, .amcharts-map-image-label tspan::after, .m-map__meta address::after, .m-map__legend::after, .m-map__hotspot__label::after, .m-mediaCarousel__indicator::after, .m-textBlock__timelineBlock__description::after, .o-editorialArticle .m-textBlock__overlay__caption::after, .m-staff__value::after, .m-staff__panel-infos-cell::after, .m-tabs__link::after, .m-eventsCards__cta::after, .m-event__infosTerm::after, .m-form__error::after, .m-infos__label::after, .g-megaNav__newsletter .g-newsletterCta__msg::after, .g-footer__highlight .a-link--readmore::after, .g-footer__sitemap__col--policy::after, .g-footer__legal::after, .f-h23::after, table th::after, table td::after { margin-bottom: -5.56px; } @media screen and (min-width: 990px) { .a-caption, .a-descriptionList__title, .a-dropdown, .a-grantsCard__subtitle, .a-media figcaption, .a-officeCard__subtitle, .a-officeCard__note, .a-profileCard__sub, .a-profileCard.a-profileCard--staff .a-profileCard__body, .o-contentBlocks__container .a-quote cite, .m-historyBlock .a-quote cite, .a-select.a-select--minimal select, .a-switchButton__label, .a-timelinePreview__body p, .a-eventsFeatured__cta, .a-eventsFeatured__stream, .a-news__text, .a-grantsDatabase__label, .a-feedCard__author, .m-audioBlock, .m-audioBlock__caption, .m-barCharts__footnote, .m-chapterBar__chapter, .m-featuredGrantLinks__item__subtitle, .m-filters__label, .m-filters__controls__button, .m-filters__sorting .m-filters__links__item, .m-filters__option, .m-filtersMobile__modalSwitch, .m-filtersActiveBar__filter, .m-hero__copy, .amcharts-map-image-label tspan, .m-map__meta address, .m-map__legend, .m-map__hotspot__label, .m-mediaCarousel__indicator, .m-textBlock__timelineBlock__description, .o-editorialArticle .m-textBlock__overlay__caption, .m-staff__value, .m-staff__panel-infos-cell, .m-tabs__link, .m-eventsCards__cta, .m-event__infosTerm, .m-form__error, .m-infos__label, .g-megaNav__newsletter .g-newsletterCta__msg, .g-footer__highlight .a-link--readmore, .g-footer__sitemap__col--policy, .g-footer__legal, .f-h23, table th, table td { font-size: 14px; line-height: 25px; font-weight: normal; } .a-caption::before, .a-descriptionList__title::before, .a-dropdown::before, .a-grantsCard__subtitle::before, .a-media figcaption::before, .a-officeCard__subtitle::before, .a-officeCard__note::before, .a-profileCard__sub::before, .a-profileCard.a-profileCard--staff .a-profileCard__body::before, .o-contentBlocks__container .a-quote cite::before, .m-historyBlock .a-quote cite::before, .a-select.a-select--minimal select::before, .a-switchButton__label::before, .a-timelinePreview__body p::before, .a-eventsFeatured__cta::before, .a-eventsFeatured__stream::before, .a-news__text::before, .a-grantsDatabase__label::before, .a-feedCard__author::before, .m-audioBlock::before, .m-audioBlock__caption::before, .m-barCharts__footnote::before, .m-chapterBar__chapter::before, .m-featuredGrantLinks__item__subtitle::before, .m-filters__label::before, .m-filters__controls__button::before, .m-filters__sorting .m-filters__links__item::before, .m-filters__option::before, .m-filtersMobile__modalSwitch::before, .m-filtersActiveBar__filter::before, .m-hero__copy::before, .amcharts-map-image-label tspan::before, .m-map__meta address::before, .m-map__legend::before, .m-map__hotspot__label::before, .m-mediaCarousel__indicator::before, .m-textBlock__timelineBlock__description::before, .o-editorialArticle .m-textBlock__overlay__caption::before, .m-staff__value::before, .m-staff__panel-infos-cell::before, .m-tabs__link::before, .m-eventsCards__cta::before, .m-event__infosTerm::before, .m-form__error::before, .m-infos__label::before, .g-megaNav__newsletter .g-newsletterCta__msg::before, .g-footer__highlight .a-link--readmore::before, .g-footer__sitemap__col--policy::before, .g-footer__legal::before, .f-h23::before, table th::before, table td::before { padding-top: 7.32px; } .a-caption::after, .a-descriptionList__title::after, .a-dropdown::after, .a-grantsCard__subtitle::after, .a-media figcaption::after, .a-officeCard__subtitle::after, .a-officeCard__note::after, .a-profileCard__sub::after, .a-profileCard.a-profileCard--staff .a-profileCard__body::after, .o-contentBlocks__container .a-quote cite::after, .m-historyBlock .a-quote cite::after, .a-select.a-select--minimal select::after, .a-switchButton__label::after, .a-timelinePreview__body p::after, .a-eventsFeatured__cta::after, .a-eventsFeatured__stream::after, .a-news__text::after, .a-grantsDatabase__label::after, .a-feedCard__author::after, .m-audioBlock::after, .m-audioBlock__caption::after, .m-barCharts__footnote::after, .m-chapterBar__chapter::after, .m-featuredGrantLinks__item__subtitle::after, .m-filters__label::after, .m-filters__controls__button::after, .m-filters__sorting .m-filters__links__item::after, .m-filters__option::after, .m-filtersMobile__modalSwitch::after, .m-filtersActiveBar__filter::after, .m-hero__copy::after, .amcharts-map-image-label tspan::after, .m-map__meta address::after, .m-map__legend::after, .m-map__hotspot__label::after, .m-mediaCarousel__indicator::after, .m-textBlock__timelineBlock__description::after, .o-editorialArticle .m-textBlock__overlay__caption::after, .m-staff__value::after, .m-staff__panel-infos-cell::after, .m-tabs__link::after, .m-eventsCards__cta::after, .m-event__infosTerm::after, .m-form__error::after, .m-infos__label::after, .g-megaNav__newsletter .g-newsletterCta__msg::after, .g-footer__highlight .a-link--readmore::after, .g-footer__sitemap__col--policy::after, .g-footer__legal::after, .f-h23::after, table th::after, table td::after { margin-bottom: -7.32px; } } .a-push__text, .m-eventsCards__metas, .f-h23-alt { font-family: Arial; font-size: 12px; line-height: 20px; font-weight: normal; } .s-GT-America-loaded .a-push__text, .s-GT-America-loaded .m-eventsCards__metas, .s-GT-America-loaded .f-h23-alt { font-family: "GT-America", Arial; } .a-push__text::before, .m-eventsCards__metas::before, .a-push__text::after, .m-eventsCards__metas::after, .f-h23-alt::before, .f-h23-alt::after { content: ""; display: block; width: 1px; } .a-push__text::before, .m-eventsCards__metas::before, .f-h23-alt::before { padding-top: 5.56px; } .a-push__text::after, .m-eventsCards__metas::after, .f-h23-alt::after { margin-bottom: -5.56px; } @media screen and (min-width: 990px) { .a-push__text, .m-eventsCards__metas, .f-h23-alt { font-size: 14px; line-height: 20px; font-weight: normal; } .a-push__text::before, .m-eventsCards__metas::before, .f-h23-alt::before { padding-top: 4.82px; } .a-push__text::after, .m-eventsCards__metas::after, .f-h23-alt::after { margin-bottom: -4.82px; } } .btn--download.btn small, .btn--download.a-eventsFeatured__cta small, .btn--download.m-staff__more small, .btn--download.m-eventsCards__cta small, .btn--download.m-form__fileBtn small, .btn--download.m-form__submit small, .a-articleLink__meta, .a-articleMetaItem--credits .a-articleMetaItem__body, .a-chartsRow__value, .a-factBlock__subject, .a-factSlider__desc, .a-grantsCard__footer, .a-iconButton__tag, .a-media__videoIcon span, .a-push__meta, .a-news__date, .a-feedCard__date, .a-feedCard__source, .o-voiceInDepth .m-articleMetaBar__slug, .m-articleMetaBar__body, .m-audioPlayer__duration, .m-audioPlayer__player .plyr__time, .m-barCharts__scale__unit, .m-barCharts__switch .m-barCharts__btn, .m-barCharts__tooltip, .m-featuredGrantLinks__item__meta, .m-filtersActiveBar__title, .m-historyTimeline, .m-map__modal__header span, .m-map__stat__desc, .m-map__modal__btn, .m-orgInfoGraph__label, .m-regionGraph__yScale__unit span, .m-regionGraph__xScale__unit span, .m-staff__panel-next, .m-form__fileLegend, .m-form__fileName, .m-downloadList__link small, .f-h24 { font-family: Arial; font-size: 10px; line-height: 15px; font-weight: normal; letter-spacing: 0.1em; text-transform: uppercase; } .s-GT-America-Mono-loaded .btn--download.btn small, .btn--download.btn .s-GT-America-Mono-loaded small, .s-GT-America-Mono-loaded .btn--download.a-eventsFeatured__cta small, .btn--download.a-eventsFeatured__cta .s-GT-America-Mono-loaded small, .s-GT-America-Mono-loaded .btn--download.m-staff__more small, .btn--download.m-staff__more .s-GT-America-Mono-loaded small, .s-GT-America-Mono-loaded .btn--download.m-eventsCards__cta small, .btn--download.m-eventsCards__cta .s-GT-America-Mono-loaded small, .s-GT-America-Mono-loaded .btn--download.m-form__fileBtn small, .btn--download.m-form__fileBtn .s-GT-America-Mono-loaded small, .s-GT-America-Mono-loaded .btn--download.m-form__submit small, .btn--download.m-form__submit .s-GT-America-Mono-loaded small, .s-GT-America-Mono-loaded .a-articleLink__meta, .s-GT-America-Mono-loaded .a-articleMetaItem--credits .a-articleMetaItem__body, .a-articleMetaItem--credits .s-GT-America-Mono-loaded .a-articleMetaItem__body, .s-GT-America-Mono-loaded .a-chartsRow__value, .s-GT-America-Mono-loaded .a-factBlock__subject, .s-GT-America-Mono-loaded .a-factSlider__desc, .s-GT-America-Mono-loaded .a-grantsCard__footer, .s-GT-America-Mono-loaded .a-iconButton__tag, .s-GT-America-Mono-loaded .a-media__videoIcon span, .a-media__videoIcon .s-GT-America-Mono-loaded span, .s-GT-America-Mono-loaded .a-push__meta, .s-GT-America-Mono-loaded .a-news__date, .s-GT-America-Mono-loaded .a-feedCard__date, .s-GT-America-Mono-loaded .a-feedCard__source, .s-GT-America-Mono-loaded .o-voiceInDepth .m-articleMetaBar__slug, .o-voiceInDepth .s-GT-America-Mono-loaded .m-articleMetaBar__slug, .s-GT-America-Mono-loaded .m-articleMetaBar__body, .s-GT-America-Mono-loaded .m-audioPlayer__duration, .s-GT-America-Mono-loaded .m-audioPlayer__player .plyr__time, .m-audioPlayer__player .s-GT-America-Mono-loaded .plyr__time, .s-GT-America-Mono-loaded .m-barCharts__scale__unit, .s-GT-America-Mono-loaded .m-barCharts__switch .m-barCharts__btn, .m-barCharts__switch .s-GT-America-Mono-loaded .m-barCharts__btn, .s-GT-America-Mono-loaded .m-barCharts__tooltip, .s-GT-America-Mono-loaded .m-featuredGrantLinks__item__meta, .s-GT-America-Mono-loaded .m-filtersActiveBar__title, .s-GT-America-Mono-loaded .m-historyTimeline, .s-GT-America-Mono-loaded .m-map__modal__header span, .m-map__modal__header .s-GT-America-Mono-loaded span, .s-GT-America-Mono-loaded .m-map__stat__desc, .s-GT-America-Mono-loaded .m-map__modal__btn, .s-GT-America-Mono-loaded .m-orgInfoGraph__label, .s-GT-America-Mono-loaded .m-regionGraph__yScale__unit span, .m-regionGraph__yScale__unit .s-GT-America-Mono-loaded span, .s-GT-America-Mono-loaded .m-regionGraph__xScale__unit span, .m-regionGraph__xScale__unit .s-GT-America-Mono-loaded span, .s-GT-America-Mono-loaded .m-staff__panel-next, .s-GT-America-Mono-loaded .m-form__fileLegend, .s-GT-America-Mono-loaded .m-form__fileName, .s-GT-America-Mono-loaded .m-downloadList__link small, .m-downloadList__link .s-GT-America-Mono-loaded small, .s-GT-America-Mono-loaded .f-h24 { font-family: "GT-America-Mono", Arial; } .btn--download.btn small::before, .btn--download.a-eventsFeatured__cta small::before, .btn--download.m-staff__more small::before, .btn--download.m-eventsCards__cta small::before, .btn--download.m-form__fileBtn small::before, .btn--download.m-form__submit small::before, .a-articleLink__meta::before, .a-articleMetaItem--credits .a-articleMetaItem__body::before, .a-chartsRow__value::before, .a-factBlock__subject::before, .a-factSlider__desc::before, .a-grantsCard__footer::before, .a-iconButton__tag::before, .a-media__videoIcon span::before, .a-push__meta::before, .a-news__date::before, .a-feedCard__date::before, .a-feedCard__source::before, .o-voiceInDepth .m-articleMetaBar__slug::before, .m-articleMetaBar__body::before, .m-audioPlayer__duration::before, .m-audioPlayer__player .plyr__time::before, .m-barCharts__scale__unit::before, .m-barCharts__switch .m-barCharts__btn::before, .m-barCharts__tooltip::before, .m-featuredGrantLinks__item__meta::before, .m-filtersActiveBar__title::before, .m-historyTimeline::before, .m-map__modal__header span::before, .m-map__stat__desc::before, .m-map__modal__btn::before, .m-orgInfoGraph__label::before, .m-regionGraph__yScale__unit span::before, .m-regionGraph__xScale__unit span::before, .m-staff__panel-next::before, .m-form__fileLegend::before, .m-form__fileName::before, .m-downloadList__link small::before, .btn--download.btn small::after, .btn--download.a-eventsFeatured__cta small::after, .btn--download.m-staff__more small::after, .btn--download.m-eventsCards__cta small::after, .btn--download.m-form__fileBtn small::after, .btn--download.m-form__submit small::after, .a-articleLink__meta::after, .a-articleMetaItem--credits .a-articleMetaItem__body::after, .a-chartsRow__value::after, .a-factBlock__subject::after, .a-factSlider__desc::after, .a-grantsCard__footer::after, .a-iconButton__tag::after, .a-media__videoIcon span::after, .a-push__meta::after, .a-news__date::after, .a-feedCard__date::after, .a-feedCard__source::after, .o-voiceInDepth .m-articleMetaBar__slug::after, .m-articleMetaBar__body::after, .m-audioPlayer__duration::after, .m-audioPlayer__player .plyr__time::after, .m-barCharts__scale__unit::after, .m-barCharts__switch .m-barCharts__btn::after, .m-barCharts__tooltip::after, .m-featuredGrantLinks__item__meta::after, .m-filtersActiveBar__title::after, .m-historyTimeline::after, .m-map__modal__header span::after, .m-map__stat__desc::after, .m-map__modal__btn::after, .m-orgInfoGraph__label::after, .m-regionGraph__yScale__unit span::after, .m-regionGraph__xScale__unit span::after, .m-staff__panel-next::after, .m-form__fileLegend::after, .m-form__fileName::after, .m-downloadList__link small::after, .f-h24::before, .f-h24::after { content: ""; display: block; width: 1px; } .btn--download.btn small::before, .btn--download.a-eventsFeatured__cta small::before, .btn--download.m-staff__more small::before, .btn--download.m-eventsCards__cta small::before, .btn--download.m-form__fileBtn small::before, .btn--download.m-form__submit small::before, .a-articleLink__meta::before, .a-articleMetaItem--credits .a-articleMetaItem__body::before, .a-chartsRow__value::before, .a-factBlock__subject::before, .a-factSlider__desc::before, .a-grantsCard__footer::before, .a-iconButton__tag::before, .a-media__videoIcon span::before, .a-push__meta::before, .a-news__date::before, .a-feedCard__date::before, .a-feedCard__source::before, .o-voiceInDepth .m-articleMetaBar__slug::before, .m-articleMetaBar__body::before, .m-audioPlayer__duration::before, .m-audioPlayer__player .plyr__time::before, .m-barCharts__scale__unit::before, .m-barCharts__switch .m-barCharts__btn::before, .m-barCharts__tooltip::before, .m-featuredGrantLinks__item__meta::before, .m-filtersActiveBar__title::before, .m-historyTimeline::before, .m-map__modal__header span::before, .m-map__stat__desc::before, .m-map__modal__btn::before, .m-orgInfoGraph__label::before, .m-regionGraph__yScale__unit span::before, .m-regionGraph__xScale__unit span::before, .m-staff__panel-next::before, .m-form__fileLegend::before, .m-form__fileName::before, .m-downloadList__link small::before, .f-h24::before { padding-top: 3.75px; } .btn--download.btn small::after, .btn--download.a-eventsFeatured__cta small::after, .btn--download.m-staff__more small::after, .btn--download.m-eventsCards__cta small::after, .btn--download.m-form__fileBtn small::after, .btn--download.m-form__submit small::after, .a-articleLink__meta::after, .a-articleMetaItem--credits .a-articleMetaItem__body::after, .a-chartsRow__value::after, .a-factBlock__subject::after, .a-factSlider__desc::after, .a-grantsCard__footer::after, .a-iconButton__tag::after, .a-media__videoIcon span::after, .a-push__meta::after, .a-news__date::after, .a-feedCard__date::after, .a-feedCard__source::after, .o-voiceInDepth .m-articleMetaBar__slug::after, .m-articleMetaBar__body::after, .m-audioPlayer__duration::after, .m-audioPlayer__player .plyr__time::after, .m-barCharts__scale__unit::after, .m-barCharts__switch .m-barCharts__btn::after, .m-barCharts__tooltip::after, .m-featuredGrantLinks__item__meta::after, .m-filtersActiveBar__title::after, .m-historyTimeline::after, .m-map__modal__header span::after, .m-map__stat__desc::after, .m-map__modal__btn::after, .m-orgInfoGraph__label::after, .m-regionGraph__yScale__unit span::after, .m-regionGraph__xScale__unit span::after, .m-staff__panel-next::after, .m-form__fileLegend::after, .m-form__fileName::after, .m-downloadList__link small::after, .f-h24::after { margin-bottom: -3.75px; } @media screen and (min-width: 990px) { .btn--download.btn small, .btn--download.a-eventsFeatured__cta small, .btn--download.m-staff__more small, .btn--download.m-eventsCards__cta small, .btn--download.m-form__fileBtn small, .btn--download.m-form__submit small, .a-articleLink__meta, .a-articleMetaItem--credits .a-articleMetaItem__body, .a-chartsRow__value, .a-factBlock__subject, .a-factSlider__desc, .a-grantsCard__footer, .a-iconButton__tag, .a-media__videoIcon span, .a-push__meta, .a-news__date, .a-feedCard__date, .a-feedCard__source, .o-voiceInDepth .m-articleMetaBar__slug, .m-articleMetaBar__body, .m-audioPlayer__duration, .m-audioPlayer__player .plyr__time, .m-barCharts__scale__unit, .m-barCharts__switch .m-barCharts__btn, .m-barCharts__tooltip, .m-featuredGrantLinks__item__meta, .m-filtersActiveBar__title, .m-historyTimeline, .m-map__modal__header span, .m-map__stat__desc, .m-map__modal__btn, .m-orgInfoGraph__label, .m-regionGraph__yScale__unit span, .m-regionGraph__xScale__unit span, .m-staff__panel-next, .m-form__fileLegend, .m-form__fileName, .m-downloadList__link small, .f-h24 { font-size: 12px; line-height: 20px; font-weight: normal; letter-spacing: 0.1em; } .btn--download.btn small::before, .btn--download.a-eventsFeatured__cta small::before, .btn--download.m-staff__more small::before, .btn--download.m-eventsCards__cta small::before, .btn--download.m-form__fileBtn small::before, .btn--download.m-form__submit small::before, .a-articleLink__meta::before, .a-articleMetaItem--credits .a-articleMetaItem__body::before, .a-chartsRow__value::before, .a-factBlock__subject::before, .a-factSlider__desc::before, .a-grantsCard__footer::before, .a-iconButton__tag::before, .a-media__videoIcon span::before, .a-push__meta::before, .a-news__date::before, .a-feedCard__date::before, .a-feedCard__source::before, .o-voiceInDepth .m-articleMetaBar__slug::before, .m-articleMetaBar__body::before, .m-audioPlayer__duration::before, .m-audioPlayer__player .plyr__time::before, .m-barCharts__scale__unit::before, .m-barCharts__switch .m-barCharts__btn::before, .m-barCharts__tooltip::before, .m-featuredGrantLinks__item__meta::before, .m-filtersActiveBar__title::before, .m-historyTimeline::before, .m-map__modal__header span::before, .m-map__stat__desc::before, .m-map__modal__btn::before, .m-orgInfoGraph__label::before, .m-regionGraph__yScale__unit span::before, .m-regionGraph__xScale__unit span::before, .m-staff__panel-next::before, .m-form__fileLegend::before, .m-form__fileName::before, .m-downloadList__link small::before, .f-h24::before { padding-top: 5.5px; } .btn--download.btn small::after, .btn--download.a-eventsFeatured__cta small::after, .btn--download.m-staff__more small::after, .btn--download.m-eventsCards__cta small::after, .btn--download.m-form__fileBtn small::after, .btn--download.m-form__submit small::after, .a-articleLink__meta::after, .a-articleMetaItem--credits .a-articleMetaItem__body::after, .a-chartsRow__value::after, .a-factBlock__subject::after, .a-factSlider__desc::after, .a-grantsCard__footer::after, .a-iconButton__tag::after, .a-media__videoIcon span::after, .a-push__meta::after, .a-news__date::after, .a-feedCard__date::after, .a-feedCard__source::after, .o-voiceInDepth .m-articleMetaBar__slug::after, .m-articleMetaBar__body::after, .m-audioPlayer__duration::after, .m-audioPlayer__player .plyr__time::after, .m-barCharts__scale__unit::after, .m-barCharts__switch .m-barCharts__btn::after, .m-barCharts__tooltip::after, .m-featuredGrantLinks__item__meta::after, .m-filtersActiveBar__title::after, .m-historyTimeline::after, .m-map__modal__header span::after, .m-map__stat__desc::after, .m-map__modal__btn::after, .m-orgInfoGraph__label::after, .m-regionGraph__yScale__unit span::after, .m-regionGraph__xScale__unit span::after, .m-staff__panel-next::after, .m-form__fileLegend::after, .m-form__fileName::after, .m-downloadList__link small::after, .f-h24::after { margin-bottom: -5.5px; } } .pageClass--editorial .m-pageIntro .pageTitle, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle), .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth, .f-h25 { font-family: "Times New Roman"; font-size: 40px; line-height: 45px; font-weight: 700; letter-spacing: -0.01em; text-transform: none; } .s-Lyon-loaded .pageClass--editorial .m-pageIntro .pageTitle, .pageClass--editorial .m-pageIntro .s-Lyon-loaded .pageTitle, .s-Lyon-loaded .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle), .o-editorialArticle .s-Lyon-loaded h1:not(.o-editorialArticle__episodeTitle), .s-Lyon-loaded .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth, .s-Lyon-loaded .f-h25 { font-family: "Lyon", Times New Roman; } .pageClass--editorial .m-pageIntro .pageTitle::before, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle)::before, .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth::before, .pageClass--editorial .m-pageIntro .pageTitle::after, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle)::after, .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth::after, .f-h25::before, .f-h25::after { content: ""; display: block; width: 1px; } .pageClass--editorial .m-pageIntro .pageTitle::before, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle)::before, .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth::before, .f-h25::before { padding-top: 6.7px; } .pageClass--editorial .m-pageIntro .pageTitle::after, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle)::after, .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth::after, .f-h25::after { margin-bottom: -6.7px; } @media screen and (min-width: 990px) { .pageClass--editorial .m-pageIntro .pageTitle, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle), .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth, .f-h25 { font-size: 60px; line-height: 65px; font-weight: 700; letter-spacing: -0.01em; } .pageClass--editorial .m-pageIntro .pageTitle::before, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle)::before, .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth::before, .f-h25::before { padding-top: 8.8px; } .pageClass--editorial .m-pageIntro .pageTitle::after, .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle)::after, .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth::after, .f-h25::after { margin-bottom: -8.8px; } } .o-contentBlocks__container .a-quote, .m-historyBlock .a-quote, .f-h26 { font-family: Arial; font-size: 28px; line-height: 38px; font-weight: 700; } .s-GT-America-loaded .o-contentBlocks__container .a-quote, .o-contentBlocks__container .s-GT-America-loaded .a-quote, .s-GT-America-loaded .m-historyBlock .a-quote, .m-historyBlock .s-GT-America-loaded .a-quote, .s-GT-America-loaded .f-h26 { font-family: "GT-America", Arial; } .o-contentBlocks__container .a-quote::before, .m-historyBlock .a-quote::before, .o-contentBlocks__container .a-quote::after, .m-historyBlock .a-quote::after, .f-h26::before, .f-h26::after { content: ""; display: block; width: 1px; } .o-contentBlocks__container .a-quote::before, .m-historyBlock .a-quote::before, .f-h26::before { padding-top: 8.64px; } .o-contentBlocks__container .a-quote::after, .m-historyBlock .a-quote::after, .f-h26::after { margin-bottom: -8.64px; } @media screen and (min-width: 990px) { .o-contentBlocks__container .a-quote, .m-historyBlock .a-quote, .f-h26 { font-size: 36px; line-height: 45px; font-weight: 700; } .o-contentBlocks__container .a-quote::before, .m-historyBlock .a-quote::before, .f-h26::before { padding-top: 9.18px; } .o-contentBlocks__container .a-quote::after, .m-historyBlock .a-quote::after, .f-h26::after { margin-bottom: -9.18px; } } .m-episodeBar__chapter, .f-h27 { font-family: "Times New Roman"; font-size: 12px; line-height: 20px; font-weight: normal; } .s-Lyon-loaded .m-episodeBar__chapter, .s-Lyon-loaded .f-h27 { font-family: "Lyon", Times New Roman; } .m-episodeBar__chapter::before, .m-episodeBar__chapter::after, .f-h27::before, .f-h27::after { content: ""; display: block; width: 1px; } .m-episodeBar__chapter::before, .f-h27::before { padding-top: 5.26px; } .m-episodeBar__chapter::after, .f-h27::after { margin-bottom: -5.26px; } @media screen and (min-width: 990px) { .m-episodeBar__chapter, .f-h27 { font-size: 14px; line-height: 25px; font-weight: normal; } .m-episodeBar__chapter::before, .f-h27::before { padding-top: 6.97px; } .m-episodeBar__chapter::after, .f-h27::after { margin-bottom: -6.97px; } } .m-searchResults__title, .f-h28 { font-family: Arial; font-size: 35px; line-height: 35px; font-weight: 700; letter-spacing: 0; text-transform: none; } .s-GT-America-loaded .m-searchResults__title, .s-GT-America-loaded .f-h28 { font-family: "GT-America", Arial; } .m-searchResults__title::before, .m-searchResults__title::after, .f-h28::before, .f-h28::after { content: ""; display: block; width: 1px; } .m-searchResults__title::before, .f-h28::before { padding-top: 4.55px; } .m-searchResults__title::after, .f-h28::after { margin-bottom: -4.55px; } @media screen and (min-width: 990px) { .m-searchResults__title, .f-h28 { font-size: 50px; line-height: 55px; font-weight: 700; letter-spacing: 0; } .m-searchResults__title::before, .f-h28::before { padding-top: 9px; } .m-searchResults__title::after, .f-h28::after { margin-bottom: -9px; } } .m-historyBlock__year, .f-h29 { font-family: Arial; font-size: 65px; line-height: 50px; font-weight: 700; letter-spacing: 0; text-transform: none; } .s-GT-America-Compressed-loaded .m-historyBlock__year, .s-GT-America-Compressed-loaded .f-h29 { font-family: "GT-America-Compressed", Arial; } .m-historyBlock__year::before, .m-historyBlock__year::after, .f-h29::before, .f-h29::after { content: ""; display: block; width: 1px; } .m-historyBlock__year::before, .f-h29::before { padding-top: 1.275px; } .m-historyBlock__year::after, .f-h29::after { margin-bottom: -1.275px; } @media screen and (min-width: 990px) { .m-historyBlock__year, .f-h29 { font-size: 110px; line-height: 110px; font-weight: 700; letter-spacing: 0; } .m-historyBlock__year::before, .f-h29::before { padding-top: 14.85px; } .m-historyBlock__year::after, .f-h29::after { margin-bottom: -14.85px; } } .m-pageIntro--landingPage .pageTitle, .f-h30 { font-family: Arial; font-size: 40px; line-height: 35px; font-weight: 700; letter-spacing: 0; } .s-GT-America-Compressed-loaded .m-pageIntro--landingPage .pageTitle, .m-pageIntro--landingPage .s-GT-America-Compressed-loaded .pageTitle, .s-GT-America-Compressed-loaded .f-h30 { font-family: "GT-America-Compressed", Arial; } .m-pageIntro--landingPage .pageTitle::before, .m-pageIntro--landingPage .pageTitle::after, .f-h30::before, .f-h30::after { content: ""; display: block; width: 1px; } .m-pageIntro--landingPage .pageTitle::before, .f-h30::before { padding-top: 2.9px; } .m-pageIntro--landingPage .pageTitle::after, .f-h30::after { margin-bottom: -2.9px; } @media screen and (min-width: 650px) { .m-pageIntro--landingPage .pageTitle, .f-h30 { font-size: 70px; line-height: 60px; font-weight: 700; letter-spacing: 0; } .m-pageIntro--landingPage .pageTitle::before, .f-h30::before { padding-top: 4.45px; } .m-pageIntro--landingPage .pageTitle::after, .f-h30::after { margin-bottom: -4.45px; } } @media screen and (min-width: 990px) { .m-pageIntro--landingPage .pageTitle, .f-h30 { font-size: 90px; line-height: 80px; font-weight: 700; letter-spacing: 0; } .m-pageIntro--landingPage .pageTitle::before, .f-h30::before { padding-top: 7.15px; } .m-pageIntro--landingPage .pageTitle::after, .f-h30::after { margin-bottom: -7.15px; } } .m-pageIntro--detailPage .pageTitle, .f-h31 { font-family: Arial; font-size: 30px; line-height: 35px; font-weight: 700; letter-spacing: 0; text-transform: none; } .s-GT-America-loaded .m-pageIntro--detailPage .pageTitle, .m-pageIntro--detailPage .s-GT-America-loaded .pageTitle, .s-GT-America-loaded .f-h31 { font-family: "GT-America", Arial; } .m-pageIntro--detailPage .pageTitle::before, .m-pageIntro--detailPage .pageTitle::after, .f-h31::before, .f-h31::after { content: ""; display: block; width: 1px; } .m-pageIntro--detailPage .pageTitle::before, .f-h31::before { padding-top: 6.4px; } .m-pageIntro--detailPage .pageTitle::after, .f-h31::after { margin-bottom: -6.4px; } @media screen and (min-width: 990px) { .m-pageIntro--detailPage .pageTitle, .f-h31 { font-size: 50px; line-height: 55px; font-weight: 700; letter-spacing: 0; } .m-pageIntro--detailPage .pageTitle::before, .f-h31::before { padding-top: 9px; } .m-pageIntro--detailPage .pageTitle::after, .f-h31::after { margin-bottom: -9px; } } .m-textBlock h3, .f-h32 { font-family: Arial; font-size: 18px; line-height: 25px; letter-spacing: 0; text-transform: none; } .s-GT-America-loaded .m-textBlock h3, .m-textBlock .s-GT-America-loaded h3, .s-GT-America-loaded .f-h32 { font-family: "GT-America", Arial; } .m-textBlock h3::before, .m-textBlock h3::after, .f-h32::before, .f-h32::after { content: ""; display: block; width: 1px; } .m-textBlock h3::before, .f-h32::before { padding-top: 5.84px; } .m-textBlock h3::after, .f-h32::after { margin-bottom: -5.84px; } @media screen and (min-width: 990px) { .m-textBlock h3, .f-h32 { font-size: 25px; line-height: 30px; letter-spacing: 0; } .m-textBlock h3::before, .f-h32::before { padding-top: 5.75px; } .m-textBlock h3::after, .f-h32::after { margin-bottom: -5.75px; } } .a-factBlock__highlight, .f-mega { font-family: Arial; font-size: 65px; line-height: 75px; font-weight: 700; text-transform: uppercase; } .s-GT-America-Compressed-loaded .a-factBlock__highlight, .s-GT-America-Compressed-loaded .f-mega { font-family: "GT-America-Compressed", Arial; } .a-factBlock__highlight::before, .a-factBlock__highlight::after, .f-mega::before, .f-mega::after { content: ""; display: block; width: 1px; } .a-factBlock__highlight::before, .f-mega::before { padding-top: 13.775px; } .a-factBlock__highlight::after, .f-mega::after { margin-bottom: -13.775px; } @media screen and (min-width: 990px) { .a-factBlock__highlight, .f-mega { font-size: 180px; line-height: 145px; font-weight: 700; letter-spacing: -0.03em; } .a-factBlock__highlight::before, .f-mega::before { padding-top: 6.8px; } .a-factBlock__highlight::after, .f-mega::after { margin-bottom: -6.8px; } } .a-eventsFeatured__title, .f-eventsFeatured { font-family: Arial; font-size: 30px; line-height: 35px; font-weight: 700; } .s-GT-America-loaded .a-eventsFeatured__title, .s-GT-America-loaded .f-eventsFeatured { font-family: "GT-America", Arial; } .a-eventsFeatured__title::before, .a-eventsFeatured__title::after, .f-eventsFeatured::before, .f-eventsFeatured::after { content: ""; display: block; width: 1px; } .a-eventsFeatured__title::before, .f-eventsFeatured::before { padding-top: 6.4px; } .a-eventsFeatured__title::after, .f-eventsFeatured::after { margin-bottom: -6.4px; } @media screen and (min-width: 990px) { .a-eventsFeatured__title, .f-eventsFeatured { font-size: 40px; line-height: 45px; font-weight: 700; } .a-eventsFeatured__title::before, .f-eventsFeatured::before { padding-top: 7.7px; } .a-eventsFeatured__title::after, .f-eventsFeatured::after { margin-bottom: -7.7px; } } .design-grid-toggles { position: fixed; z-index: 9999; left: 0; bottom: 0; font-size: 0; } .design-grid-toggles::before, .design-grid-toggles::after { display: block; position: absolute; left: 5px; bottom: 100%; color: #00a449; font-size: 11px; font-weight: bold; text-transform: uppercase; white-space: nowrap; } .design-grid-toggles::before { margin-bottom: 3px; } @media screen and (max-width: 413px) { .design-grid-toggles::before { content: "xsmall"; } } @media screen and (min-width: 414px) and (max-width: 649px) { .design-grid-toggles::before { content: "small"; } } @media screen and (min-width: 650px) and (max-width: 989px) { .design-grid-toggles::before { content: "medium"; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .design-grid-toggles::before { content: "large"; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .design-grid-toggles::before { content: "xlarge"; } } @media screen and (min-width: 1520px) { .design-grid-toggles::before { content: "xxlarge"; } } .design-grid-toggles::after { content: attr(data-env); margin-bottom: 17px; } .design-grid-toggle { display: inline-block; margin-right: 5px; padding: 10px 15px; background: #000; color: #fff; font-size: 11px; cursor: pointer; transition: all 200ms linear; } .design-grid-toggle.js-active { background-color: #f00; } .design-grid-toggle svg { display: block; width: 10px; height: 10px; } .design-grid--baseline { display: block; position: absolute; z-index: 9998; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5px, #ff0000 5px, #ff0000 10px); opacity: .25; pointer-events: none; } .design-grid--baseline.js-hide { display: none; } .design-grid--columns { display: block; position: fixed; z-index: 9998; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: 0 auto; background-color: transparent; opacity: .25; pointer-events: none; } .design-grid--columns.js-hide { display: none; } @media screen and (max-width: 413px) { .design-grid--columns { width: calc(100vw - 50px); background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 150px) / 6), rgba(0, 0, 0, 0) calc((100vw - 150px) / 6), rgba(0, 0, 0, 0) calc( ( (100vw - 150px) / 6) + 20px)); } } @media screen and (min-width: 414px) and (max-width: 649px) { .design-grid--columns { width: calc(100vw - 60px); background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 160px) / 6), rgba(0, 0, 0, 0) calc((100vw - 160px) / 6), rgba(0, 0, 0, 0) calc( ( (100vw - 160px) / 6) + 20px)); } } @media screen and (min-width: 650px) and (max-width: 989px) { .design-grid--columns { width: calc(100vw - 80px); background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 410px) / 12), rgba(0, 0, 0, 0) calc((100vw - 410px) / 12), rgba(0, 0, 0, 0) calc( ( (100vw - 410px) / 12) + 30px)); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .design-grid--columns { width: calc(100vw - 120px); background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 560px) / 12), rgba(0, 0, 0, 0) calc((100vw - 560px) / 12), rgba(0, 0, 0, 0) calc( ( (100vw - 560px) / 12) + 40px)); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .design-grid--columns { width: calc(100vw - 120px); background: repeating-linear-gradient(90deg, #7fffff, #7fffff calc((100vw - 560px) / 12), rgba(0, 0, 0, 0) calc((100vw - 560px) / 12), rgba(0, 0, 0, 0) calc( ( (100vw - 560px) / 12) + 40px)); } } @media screen and (min-width: 1520px) { .design-grid--columns { width: 1520px; background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 40px, #7fffff 40px, #7fffff calc( ( (1440px - 440px) / 12) + 40px)); } } #statics-controls { display: none; position: fixed; /* Sit on top of the page content */ width: 500px; /* Full width (cover the whole page) */ height: 50%; /* Full height (cover the whole page) */ right: 0; bottom: 100px; background-color: black; /* Black background with opacity */ z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */ color: white; font-size: small; } #statics-controls.statics-controls-visible { display: block; } .static-element-container { padding-left: 10px; padding-right: 10px; } .static-element-container p { margin-left: 2px; } #static-submit { margin-left: 10px; padding: 10px; margin-top: 20px; } /* The slider itself */ .slider { -webkit-appearance: none; /* Override default CSS styles */ appearance: none; width: 100%; /* Full-width */ height: 15px; /* Specified height */ background: #d3d3d3; /* Grey background */ outline: none; /* Remove outline */ opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */ -webkit-transition: .2s; /* 0.2 seconds transition on hover */ transition: opacity .2s; border-radius: 5px; } /* Mouse-over effects */ .slider:hover { opacity: 1; /* Fully shown on mouse-over */ } /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ .slider::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; width: 25px; /* Set a specific slider handle width */ height: 25px; /* Slider handle height */ border-radius: 50%; background: #4CAF50; /* Green background */ cursor: pointer; /* Cursor on hover */ } .slider::-moz-range-thumb { width: 25px; /* Set a specific slider handle width */ height: 25px; border-radius: 50%; background: #4CAF50; /* Green background */ cursor: pointer; /* Cursor on hover */ } .icon--arrow, .icon--arrow svg { width: 16px; height: 13px; } .icon--audio-download, .icon--audio-download svg { width: 14px; height: 19px; } .icon--audio-muted, .icon--audio-muted svg { width: 17px; height: 12px; } .icon--audio-pause, .icon--audio-pause svg { width: 15px; height: 20px; } .icon--audio-play, .icon--audio-play svg { width: 16px; height: 20px; } .icon--audio-volume, .icon--audio-volume svg { width: 16px; height: 16px; } .icon--cc-attribution, .icon--cc-attribution svg { width: 30px; height: 30px; } .icon--cc-no-derivatives, .icon--cc-no-derivatives svg { width: 30px; height: 30px; } .icon--cc-non-commercial, .icon--cc-non-commercial svg { width: 30px; height: 30px; } .icon--cc, .icon--cc svg { width: 30px; height: 30px; } .icon--chevron-bold, .icon--chevron-bold svg { width: 8px; height: 12px; } .icon--chevron, .icon--chevron svg { width: 6px; height: 11px; } .icon--close, .icon--close svg { width: 16px; height: 16px; } .icon--download, .icon--download svg { width: 9px; height: 12px; } .icon--filter, .icon--filter svg { width: 15px; height: 15px; } .icon--hamburger, .icon--hamburger svg { width: 20px; height: 20px; } .icon--logo, .icon--logo svg { width: 123px; height: 34px; } .icon--more, .icon--more svg { width: 15px; height: 15px; } .icon--picto-audio-lrg, .icon--picto-audio-lrg svg { width: 29px; height: 29px; } .icon--picto-audio-voices-feat, .icon--picto-audio-voices-feat svg { width: 16px; height: 16px; } .icon--picto-audio-voices, .icon--picto-audio-voices svg { width: 16px; height: 16px; } .icon--picto-audio, .icon--picto-audio svg { width: 16px; height: 16px; } .icon--picto-stream, .icon--picto-stream svg { width: 29px; height: 29px; } .icon--picto-video-lrg, .icon--picto-video-lrg svg { width: 29px; height: 29px; } .icon--picto-video-voices-feat, .icon--picto-video-voices-feat svg { width: 16px; height: 16px; } .icon--picto-video-voices, .icon--picto-video-voices svg { width: 16px; height: 16px; } .icon--picto-video, .icon--picto-video svg { width: 16px; height: 16px; } .icon--play-arrow, .icon--play-arrow svg { width: 26px; height: 35px; } .icon--podcast-sm, .icon--podcast-sm svg { width: 20px; height: 20px; } .icon--search, .icon--search svg { width: 23px; height: 19px; } .icon--social-email, .icon--social-email svg { width: 21px; height: 15px; } .icon--social-facebook-white, .icon--social-facebook-white svg { width: 25px; height: 25px; } .icon--social-facebook, .icon--social-facebook svg { width: 19px; height: 19px; } .icon--social-instagram-white, .icon--social-instagram-white svg { width: 25px; height: 25px; } .icon--social-linkedin, .icon--social-linkedin svg { width: 19px; height: 19px; } .icon--social-print, .icon--social-print svg { width: 19px; height: 19px; } .icon--social-share, .icon--social-share svg { width: 15px; height: 20px; } .icon--social-translate, .icon--social-translate svg { width: 25px; height: 25px; } .icon--social-twitter-white, .icon--social-twitter-white svg { width: 25px; height: 25px; } .icon--social-twitter, .icon--social-twitter svg { width: 20px; height: 17px; } .icon--social-youtube-white, .icon--social-youtube-white svg { width: 25px; height: 25px; } .icon--test, .icon--test svg { width: 60px; height: 60px; } .svg-fill-light { fill: #fff; } .svg-fill-dark { fill: #141414; } .svg-stroke-light { stroke: #fff; } .svg-stroke-dark { stroke: #141414; stroke-width: 2; fill: none; } .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { display: flex; flex-flow: row wrap; } @media screen and (max-width: 413px) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { width: calc(100% + 41px); } } .row--float::after { content: '.'; display: block; clear: both; height: 0; line-height: 0; overflow: hidden; visibility: hidden; } @media screen and (max-width: 413px) { .row--float { margin-left: -20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .row--float { margin-left: -20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .row--float { margin-left: -30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .row--float { margin-left: -40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .row--float { margin-left: -40px; } } @media screen and (min-width: 1520px) { .row--float { margin-left: -40px; } } .container, .m-heroTitle__body, .m-map__content, .m-map__keyline, .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper, .m-quoteShowcase__body, #a17, .g-header__container, .g-header__search__container, .g-search__quickResults__container, .g-megaNav__container { margin-right: auto; margin-left: auto; } @media screen and (max-width: 413px) { .container, .m-heroTitle__body, .m-map__content, .m-map__keyline, .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper, .m-quoteShowcase__body, #a17, .g-header__container, .g-header__search__container, .g-search__quickResults__container, .g-megaNav__container { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .container, .m-heroTitle__body, .m-map__content, .m-map__keyline, .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper, .m-quoteShowcase__body, #a17, .g-header__container, .g-header__search__container, .g-search__quickResults__container, .g-megaNav__container { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .container, .m-heroTitle__body, .m-map__content, .m-map__keyline, .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper, .m-quoteShowcase__body, #a17, .g-header__container, .g-header__search__container, .g-search__quickResults__container, .g-megaNav__container { width: calc(100vw - 80px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .container, .m-heroTitle__body, .m-map__content, .m-map__keyline, .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper, .m-quoteShowcase__body, #a17, .g-header__container, .g-header__search__container, .g-search__quickResults__container, .g-megaNav__container { width: calc(100vw - 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .container, .m-heroTitle__body, .m-map__content, .m-map__keyline, .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper, .m-quoteShowcase__body, #a17, .g-header__container, .g-header__search__container, .g-search__quickResults__container, .g-megaNav__container { width: calc(100vw - 120px); } } @media screen and (min-width: 1520px) { .container, .m-heroTitle__body, .m-map__content, .m-map__keyline, .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper, .m-quoteShowcase__body, #a17, .g-header__container, .g-header__search__container, .g-search__quickResults__container, .g-megaNav__container { width: 1440px; padding-right: 0; padding-left: 0; } } .contrastBlock { position: relative; background: #f0f0f0; } .contrastBlock::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .contrastBlock::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .contrastBlock::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .contrastBlock::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .contrastBlock::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .contrastBlock::before { left: -99em; right: -99em; } } #a17 { --highlightColor: #05d192; } #a17.pageClass--editorial { --highlightColor: #f8bd06; } #a17.pageClass--grants { --highlightColor: #5b7fef; } body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus { outline: none; } .visually-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } p, ul:not(.no-list), ol:not(.no-list) { margin-top: 20px; } @media screen and (min-width: 990px) { p, ul:not(.no-list), ol:not(.no-list) { margin-top: 25px; } } ul:not(.no-list), ol { list-style: none; } ul:not(.no-list) li, ol li { position: relative; padding-left: 20px; } @media screen and (min-width: 990px) { ul:not(.no-list) li, ol li { padding-left: 25px; } } ul:not(.no-list) li::before, ol li::before { content: ''; position: absolute; left: 0; top: 0; } ul:not(.no-list) li::before { top: 0.7em; width: 7px; height: 7px; border-radius: 100%; background: currentColor; } ol { counter-reset: decimal-counter; } ol li::before { content: counter(decimal-counter) ". "; counter-increment: decimal-counter; } h1, .pageTitle { margin-top: 30px; } @media screen and (min-width: 990px) { h1, .pageTitle { margin-top: 60px; } } h3, .sectionTitle--small { text-transform: none; } img { border: 0 none; } a { color: inherit; text-decoration: none; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } strong, b { font-weight: 700; } em { font-style: italic; } @media screen and (max-width: 649px) { select { font-size: 16px !important; } } .no-list { list-style: none; margin: 0; padding: 0; } .js-hide { display: none; } .js-show { display: block; } .xsmall-hide { display: none !important; } .xsmall-show { display: block !important; } @media screen and (min-width: 414px) { .small-hide { display: none !important; } .small-show { display: block !important; } } @media screen and (min-width: 650px) { .medium-hide { display: none !important; } .medium-show { display: block !important; } } @media screen and (min-width: 990px) { .large-hide { display: none !important; } .large-show { display: block !important; } } @media screen and (min-width: 1300px) { .xlarge-hide { display: none !important; } .xlarge-show { display: block !important; } } @media screen and (min-width: 1520px) { .xxlarge-hide { display: none !important; } .xxlarge-show { display: block !important; } } .btn, .a-eventsFeatured__cta, .m-staff__more, .m-eventsCards__cta, .m-form__fileBtn, .m-form__submit { display: inline-block; min-width: 100px; padding: 7px 45px; margin-top: 30px; color: #757575; border: 1px solid #c4c4c4; border-radius: 1px; text-align: center; white-space: nowrap; cursor: pointer; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); -webkit-appearance: none; } .btn::before, .a-eventsFeatured__cta::before, .m-staff__more::before, .m-eventsCards__cta::before, .m-form__fileBtn::before, .m-form__submit::before, .btn::after, .a-eventsFeatured__cta::after, .m-staff__more::after, .m-eventsCards__cta::after, .m-form__fileBtn::after, .m-form__submit::after { content: none; } .btn:hover, .a-eventsFeatured__cta:hover, .m-staff__more:hover, .m-eventsCards__cta:hover, .m-form__fileBtn:hover, .m-form__submit:hover { color: #fff; border-color: #040404; background-color: #040404; } @media screen and (min-width: 650px) { .btn, .a-eventsFeatured__cta, .m-staff__more, .m-eventsCards__cta, .m-form__fileBtn, .m-form__submit { padding: 14px 45px; } } @media screen and (min-width: 990px) { .btn, .a-eventsFeatured__cta, .m-staff__more, .m-eventsCards__cta, .m-form__fileBtn, .m-form__submit { margin-top: 50px; } } .btn.is-loading, .is-loading.a-eventsFeatured__cta, .is-loading.m-staff__more, .is-loading.m-eventsCards__cta, .is-loading.m-form__fileBtn, .is-loading.m-form__submit { opacity: 0.3; pointer-events: none; } .btn.is-hidden, .is-hidden.a-eventsFeatured__cta, .is-hidden.m-staff__more, .is-hidden.m-eventsCards__cta, .is-hidden.m-form__fileBtn, .is-hidden.m-form__submit { display: none; } .btn--centered { margin-left: auto; margin-right: auto; } .no-btn, .a-iconButton, .a-scrollArrow, .a-switchButton, .m-barCharts__footnote__expand, .m-chapterBar__chapter, .m-chapterBar__button, .m-episodeBar__chapter, .m-episodeBar__button, .m-filters__controls__button, .m-filters__option, .m-filtersMobile__modalSwitch, .m-filtersActiveBar__filter, .m-map__modal__close, .m-map__modal__btn, .m-map__hotspot, .m-map__zoom, .m-tabBar__tab, .m-staff__panel-close, .m-searchResults__search-submit, .g-header__title__toggle, .g-header__nav__link--btn, .g-header__search__submit, .g-header__search__close { background: transparent; border: 0; -webkit-appearance: none; } .btn--highlight, .m-form__submit { background-color: #05d192; background-color: var(--highlightColor); border-color: #05d192; border-color: var(--highlightColor); color: #141414; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .btn--highlight, .pageClass--editorial .m-form__submit { background-color: #f8bd06; } .pageClass--grants .btn--highlight, .pageClass--grants .m-form__submit { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .btn--highlight, .m-form__submit { /* IE Edge 12+ CSS */ } .pageClass--grants .btn--highlight, .pageClass--grants .m-form__submit { background-color: #5b74e4; } .pageClass--editorial .btn--highlight, .pageClass--editorial .m-form__submit { background-color: #f8bd06; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .btn--highlight, .pageClass--editorial .m-form__submit { border-color: #f8bd06; } .pageClass--grants .btn--highlight, .pageClass--grants .m-form__submit { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .btn--highlight, .m-form__submit { /* IE Edge 12+ CSS */ } .pageClass--grants .btn--highlight, .pageClass--grants .m-form__submit { border-color: #5b74e4; } .pageClass--editorial .btn--highlight, .pageClass--editorial .m-form__submit { border-color: #f8bd06; } } .pageClass--grants .btn--highlight, .pageClass--grants .m-form__submit { color: #fff; } .btn--highlight:hover, .m-form__submit:hover { background-color: #040404; border-color: #040404; color: #fff; } .btn--download.btn, .btn--download.a-eventsFeatured__cta, .btn--download.m-staff__more, .btn--download.m-eventsCards__cta, .btn--download.m-form__fileBtn, .btn--download.m-form__submit { position: relative; border: 0; padding: 0; margin: 15px 0 0 0; min-width: 0; color: #141414; border-bottom: 1px solid currentColor; border-color: #05d192; border-color: var(--highlightColor); } .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before, .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after { content: none; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .btn--download.btn, .pageClass--editorial .btn--download.a-eventsFeatured__cta, .pageClass--editorial .btn--download.m-staff__more, .pageClass--editorial .btn--download.m-eventsCards__cta, .pageClass--editorial .btn--download.m-form__fileBtn, .pageClass--editorial .btn--download.m-form__submit { border-color: #f8bd06; } .pageClass--grants .btn--download.btn, .pageClass--grants .btn--download.a-eventsFeatured__cta, .pageClass--grants .btn--download.m-staff__more, .pageClass--grants .btn--download.m-eventsCards__cta, .pageClass--grants .btn--download.m-form__fileBtn, .pageClass--grants .btn--download.m-form__submit { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .btn--download.btn, .btn--download.a-eventsFeatured__cta, .btn--download.m-staff__more, .btn--download.m-eventsCards__cta, .btn--download.m-form__fileBtn, .btn--download.m-form__submit { /* IE Edge 12+ CSS */ } .pageClass--grants .btn--download.btn, .pageClass--grants .btn--download.a-eventsFeatured__cta, .pageClass--grants .btn--download.m-staff__more, .pageClass--grants .btn--download.m-eventsCards__cta, .pageClass--grants .btn--download.m-form__fileBtn, .pageClass--grants .btn--download.m-form__submit { border-color: #5b74e4; } .pageClass--editorial .btn--download.btn, .pageClass--editorial .btn--download.a-eventsFeatured__cta, .pageClass--editorial .btn--download.m-staff__more, .pageClass--editorial .btn--download.m-eventsCards__cta, .pageClass--editorial .btn--download.m-form__fileBtn, .pageClass--editorial .btn--download.m-form__submit { border-color: #f8bd06; } } @media screen and (min-width: 990px) { .btn--download.btn, .btn--download.a-eventsFeatured__cta, .btn--download.m-staff__more, .btn--download.m-eventsCards__cta, .btn--download.m-form__fileBtn, .btn--download.m-form__submit { margin-left: 45px; margin-top: 5px; } } .btn--download.btn small, .btn--download.a-eventsFeatured__cta small, .btn--download.m-staff__more small, .btn--download.m-eventsCards__cta small, .btn--download.m-form__fileBtn small, .btn--download.m-form__submit small { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .btn--download.btn small::before, .btn--download.a-eventsFeatured__cta small::before, .btn--download.m-staff__more small::before, .btn--download.m-eventsCards__cta small::before, .btn--download.m-form__fileBtn small::before, .btn--download.m-form__submit small::before, .btn--download.btn small::after, .btn--download.a-eventsFeatured__cta small::after, .btn--download.m-staff__more small::after, .btn--download.m-eventsCards__cta small::after, .btn--download.m-form__fileBtn small::after, .btn--download.m-form__submit small::after { content: none; } @media screen and (min-width: 990px) { .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before, .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after { content: ''; position: absolute; padding: 0; margin: 0; left: -45px; top: 0; width: 29px; height: 29px; } } @media screen and (min-width: 990px) and (min-width: 990px) { .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before, .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after { top: 6px; } } @media screen and (min-width: 990px) { .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before { background-color: #05d192; background-color: var(--highlightColor); border-radius: 100%; transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .pageClass--editorial .btn--download.btn::before, .pageClass--editorial .btn--download.a-eventsFeatured__cta::before, .pageClass--editorial .btn--download.m-staff__more::before, .pageClass--editorial .btn--download.m-eventsCards__cta::before, .pageClass--editorial .btn--download.m-form__fileBtn::before, .pageClass--editorial .btn--download.m-form__submit::before { background-color: #f8bd06; } .pageClass--grants .btn--download.btn::before, .pageClass--grants .btn--download.a-eventsFeatured__cta::before, .pageClass--grants .btn--download.m-staff__more::before, .pageClass--grants .btn--download.m-eventsCards__cta::before, .pageClass--grants .btn--download.m-form__fileBtn::before, .pageClass--grants .btn--download.m-form__submit::before { background-color: #5b74e4; } } @media screen and (min-width: 990px) { @supports (-ms-accelerator: true) { .btn--download.btn::before, .btn--download.a-eventsFeatured__cta::before, .btn--download.m-staff__more::before, .btn--download.m-eventsCards__cta::before, .btn--download.m-form__fileBtn::before, .btn--download.m-form__submit::before { /* IE Edge 12+ CSS */ } .pageClass--grants .btn--download.btn::before, .pageClass--grants .btn--download.a-eventsFeatured__cta::before, .pageClass--grants .btn--download.m-staff__more::before, .pageClass--grants .btn--download.m-eventsCards__cta::before, .pageClass--grants .btn--download.m-form__fileBtn::before, .pageClass--grants .btn--download.m-form__submit::before { background-color: #5b74e4; } .pageClass--editorial .btn--download.btn::before, .pageClass--editorial .btn--download.a-eventsFeatured__cta::before, .pageClass--editorial .btn--download.m-staff__more::before, .pageClass--editorial .btn--download.m-eventsCards__cta::before, .pageClass--editorial .btn--download.m-form__fileBtn::before, .pageClass--editorial .btn--download.m-form__submit::before { background-color: #f8bd06; } } .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after { background-color: #05d192; background-color: var(--highlightColor); background: url("/dist/images/icon-download-btn.svg") no-repeat center center; } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .pageClass--editorial .btn--download.btn::after, .pageClass--editorial .btn--download.a-eventsFeatured__cta::after, .pageClass--editorial .btn--download.m-staff__more::after, .pageClass--editorial .btn--download.m-eventsCards__cta::after, .pageClass--editorial .btn--download.m-form__fileBtn::after, .pageClass--editorial .btn--download.m-form__submit::after { background-color: #f8bd06; } .pageClass--grants .btn--download.btn::after, .pageClass--grants .btn--download.a-eventsFeatured__cta::after, .pageClass--grants .btn--download.m-staff__more::after, .pageClass--grants .btn--download.m-eventsCards__cta::after, .pageClass--grants .btn--download.m-form__fileBtn::after, .pageClass--grants .btn--download.m-form__submit::after { background-color: #5b74e4; } } @media screen and (min-width: 990px) { @supports (-ms-accelerator: true) { .btn--download.btn::after, .btn--download.a-eventsFeatured__cta::after, .btn--download.m-staff__more::after, .btn--download.m-eventsCards__cta::after, .btn--download.m-form__fileBtn::after, .btn--download.m-form__submit::after { /* IE Edge 12+ CSS */ } .pageClass--grants .btn--download.btn::after, .pageClass--grants .btn--download.a-eventsFeatured__cta::after, .pageClass--grants .btn--download.m-staff__more::after, .pageClass--grants .btn--download.m-eventsCards__cta::after, .pageClass--grants .btn--download.m-form__fileBtn::after, .pageClass--grants .btn--download.m-form__submit::after { background-color: #5b74e4; } .pageClass--editorial .btn--download.btn::after, .pageClass--editorial .btn--download.a-eventsFeatured__cta::after, .pageClass--editorial .btn--download.m-staff__more::after, .pageClass--editorial .btn--download.m-eventsCards__cta::after, .pageClass--editorial .btn--download.m-form__fileBtn::after, .pageClass--editorial .btn--download.m-form__submit::after { background-color: #f8bd06; } } .btn--download.btn:hover, .btn--download.a-eventsFeatured__cta:hover, .btn--download.m-staff__more:hover, .btn--download.m-eventsCards__cta:hover, .btn--download.m-form__fileBtn:hover, .btn--download.m-form__submit:hover { color: #05d192; color: var(--highlightColor); } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .pageClass--editorial .btn--download.btn:hover, .pageClass--editorial .btn--download.a-eventsFeatured__cta:hover, .pageClass--editorial .btn--download.m-staff__more:hover, .pageClass--editorial .btn--download.m-eventsCards__cta:hover, .pageClass--editorial .btn--download.m-form__fileBtn:hover, .pageClass--editorial .btn--download.m-form__submit:hover { color: #f8bd06; } .pageClass--grants .btn--download.btn:hover, .pageClass--grants .btn--download.a-eventsFeatured__cta:hover, .pageClass--grants .btn--download.m-staff__more:hover, .pageClass--grants .btn--download.m-eventsCards__cta:hover, .pageClass--grants .btn--download.m-form__fileBtn:hover, .pageClass--grants .btn--download.m-form__submit:hover { color: #5b74e4; } } @media screen and (min-width: 990px) { @supports (-ms-accelerator: true) { .btn--download.btn:hover, .btn--download.a-eventsFeatured__cta:hover, .btn--download.m-staff__more:hover, .btn--download.m-eventsCards__cta:hover, .btn--download.m-form__fileBtn:hover, .btn--download.m-form__submit:hover { /* IE Edge 12+ CSS */ } .pageClass--grants .btn--download.btn:hover, .pageClass--grants .btn--download.a-eventsFeatured__cta:hover, .pageClass--grants .btn--download.m-staff__more:hover, .pageClass--grants .btn--download.m-eventsCards__cta:hover, .pageClass--grants .btn--download.m-form__fileBtn:hover, .pageClass--grants .btn--download.m-form__submit:hover { color: #5b74e4; } .pageClass--editorial .btn--download.btn:hover, .pageClass--editorial .btn--download.a-eventsFeatured__cta:hover, .pageClass--editorial .btn--download.m-staff__more:hover, .pageClass--editorial .btn--download.m-eventsCards__cta:hover, .pageClass--editorial .btn--download.m-form__fileBtn:hover, .pageClass--editorial .btn--download.m-form__submit:hover { color: #f8bd06; } } .btn--download.btn:hover::before, .btn--download.a-eventsFeatured__cta:hover::before, .btn--download.m-staff__more:hover::before, .btn--download.m-eventsCards__cta:hover::before, .btn--download.m-form__fileBtn:hover::before, .btn--download.m-form__submit:hover::before { transform: scale(1.2); } } button { cursor: pointer; } .table { position: relative; width: calc(100% + 25px); overflow: hidden; } .table:after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 50px; height: 100%; background: -moz-linear-gradient(left, rgba(254, 255, 255, 0.001) 0%, white 100%); background: -webkit-linear-gradient(left, rgba(254, 255, 255, 0.001) 0%, white 100%); background: linear-gradient(to right, rgba(254, 255, 255, 0.001) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffff', endColorstr='#ffffff',GradientType=1 ); } @media screen and (min-width: 650px) { .table:after { display: none; } } .table__scroll { width: 100%; overflow-x: scroll; overflow-y: hidden; } @media screen and (min-width: 650px) { .table__scroll { overflow: hidden; } } .table__container { width: fit-content; padding-right: 50px; } @media screen and (min-width: 650px) { .table__container { width: 100%; } } table { width: 100%; } table thead th { min-width: 125px; padding-top: 1px; padding-bottom: 18px; padding-right: 10px; } table tbody td { min-width: 125px; padding-top: 16px; padding-bottom: 28px; } table tbody tr { border-top: 1px solid #d9d9d9; } table th { color: #05d192; text-align: left; } table th:last-child { text-align: right; } table td { padding-right: 10px; } table td:last-child { padding-right: 0; text-align: right; } @media screen and (min-width: 650px) { table thead th { min-width: 0; } table tbody td { min-width: 0; } } .a-accordion { margin-top: 20px; border-bottom: 1px solid #d9d9d9; } .a-accordion__item { border-top: 1px solid #d9d9d9; } .a-accordion__item__wrapper { height: 0; overflow: hidden; transition: height 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-accordion__item__header { position: relative; display: block; width: 100%; padding: 7px 0; color: #757575; } .a-accordion__item__header::after { content: ''; position: absolute; padding: 0; right: 2px; top: 13px; width: 8px; height: 8px; border-left: 1px solid #757575; border-top: 1px solid #757575; transform: rotate(-135deg); transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-accordion__item.is-open .a-accordion__item__header { color: #141414; } .a-accordion__item.is-open .a-accordion__item__header::after { transform: rotate(45deg) translate3d(3px, 5px, 0); border-color: #141414; } .a-accordion__item__body { padding-top: 13px; padding-bottom: 20px; } .a-articleAuthor { position: relative; display: flex; padding: 10px 0 32px; border-bottom: 1px solid #d9d9d9; } .a-articleAuthor__img { position: absolute; width: 45px; height: 45px; top: 25px; left: 0; overflow: hidden; border-radius: 100%; transform: translate3d(0, 0, 0); } @media screen and (min-width: 650px) { .a-articleAuthor__img { width: 65px; height: 65px; } } .a-articleAuthor__img img { position: absolute; left: 50%; top: 50%; height: calc(100% + 2px); min-width: calc(100% + 2px); transform: translate3d(-50%, -50%, 0); object-fit: cover; } @media screen and (max-width: 413px) { .a-articleAuthor__img + .a-articleAuthor__body { margin-left: calc(((((100vw - 150px) / 6) * 1) + 0px) + 20px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleAuthor__img + .a-articleAuthor__body { margin-left: calc(((((100vw - 160px) / 6) * 1) + 0px) + 20px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleAuthor__img + .a-articleAuthor__body { margin-left: calc(((((100vw - 410px) / 12) * 2) + 30px) + 30px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleAuthor__img + .a-articleAuthor__body { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleAuthor__img + .a-articleAuthor__body { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); } } @media screen and (min-width: 1520px) { .a-articleAuthor__img + .a-articleAuthor__body { margin-left: 123.333333333px; } } @media screen and (max-width: 413px) { .a-articleAuthor__img + .a-articleAuthor__body { width: calc((((100vw - 150px) / 6) * 5) + 80px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleAuthor__img + .a-articleAuthor__body { width: calc((((100vw - 160px) / 6) * 5) + 80px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleAuthor__img + .a-articleAuthor__body { width: calc((((100vw - 410px) / 12) * 8) + 210px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleAuthor__img + .a-articleAuthor__body { width: calc((((100vw - 560px) / 12) * 5) + 160px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleAuthor__img + .a-articleAuthor__body { width: calc((((100vw - 560px) / 12) * 5) + 160px); } } @media screen and (min-width: 1520px) { .a-articleAuthor__img + .a-articleAuthor__body { width: 576.666666667px; } } .a-articleAuthor__title { display: block; margin-bottom: -20px; } .a-articleLink { position: relative; display: block; width: 100%; border-top: 1px solid #d9d9d9; padding: 20px 0 13px; margin-top: 20px; } @media screen and (min-width: 650px) { .m-articleList:not(.m-articleList--highlightGrid) .a-articleLink .row, .m-articleList:not(.m-articleList--highlightGrid) .a-articleLink .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .m-articleList:not(.m-articleList--highlightGrid) .a-articleLink .a-eventsFeatured__inner, .m-articleList:not(.m-articleList--highlightGrid) .a-articleLink .m-list { flex-wrap: nowrap; } } @media screen and (min-width: 990px) { .a-articleLink { padding: 35px 0 20px; } .a-articleLink:not(:first-child) { margin-top: 15px; } } .a-articleLink:hover .a-articleLink__title span { border-color: #757575; } .a-articleLink:hover .a-articleLink__image::after { opacity: 1 !important; } .a-articleLink__heading { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-articleLink__heading { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleLink__heading { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleLink__heading { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleLink__heading { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleLink__heading { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-articleLink__heading { width: 453.333333333px; margin-left: 40px; } } @media screen and (min-width: 990px) { .m-articleList:not(.m-articleList--editorialVoices) .a-articleLink__heading { margin-top: -5px; } } .a-articleLink__body { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-articleLink__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleLink__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleLink__body { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleLink__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleLink__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-articleLink__body { width: 700px; margin-left: 40px; } } @media screen and (max-width: 649px) { .a-articleLink__body { margin-top: 15px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleLink__body { margin-top: -9px; } } @media screen and (min-width: 990px) { .a-articleLink__body { margin-top: -13px; } } .a-articleLink__body p:first-child { margin: 0; } .a-articleLink__image { position: relative; align-self: flex-start; flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-articleLink__image { width: calc((((100vw - 150px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleLink__image { width: calc((((100vw - 160px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleLink__image { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleLink__image { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleLink__image { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-articleLink__image { width: 206.666666667px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-articleLink__image { order: 3; } } .a-articleLink__image img { display: block; width: 100%; } .a-articleLink:not(.a-articleLink--featured) .a-articleLink__image::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-articleLink__image--publication { position: relative; padding-top: 125%; overflow: visible; background-color: #f0f0f0; } @media screen and (max-width: 649px) { .a-articleLink__image--publication { display: none; } } .a-articleLink__image--publication img { position: absolute; top: 50%; left: 50%; width: auto; max-width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); transform: translate(-50%, -50%); } .a-articleLink__title { margin-top: 5px; } @media screen and (min-width: 650px) { .a-articleLink__title { margin-top: 0; } } .m-articleList--editorialLanding .a-articleLink__title, .m-articleList--editorialVoices .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink__title, .m-articleList--topicsList .a-articleLink__title { margin-top: 0; } @media screen and (min-width: 650px) { .m-articleList--editorialLanding .a-articleLink__title, .m-articleList--editorialVoices .a-articleLink__title, .m-articleList--highlightGrid .a-articleLink__title, .m-articleList--topicsList .a-articleLink__title { margin-top: 7px; } } .a-articleLink__title span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); padding-bottom: 1px; } .a-articleLink__subtitle { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -5px; } @media screen and (min-width: 650px) { .a-articleLink__subtitle { margin-top: 0; } } .a-articleLink__meta { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #757575; margin-top: 5px; } @media screen and (min-width: 990px) { .a-articleLink__meta { margin-top: 10px; padding-bottom: 8px; } } .a-articleLink__subtitle__icon { background-color: #05d192; background-color: var(--highlightColor); display: inline-block; width: 16px; height: 16px; margin: -1px 0 -1px 7px; border-radius: 100%; vertical-align: top; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-articleLink__subtitle__icon { background-color: #f8bd06; } .pageClass--grants .a-articleLink__subtitle__icon { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-articleLink__subtitle__icon { /* IE Edge 12+ CSS */ } .pageClass--grants .a-articleLink__subtitle__icon { background-color: #5b74e4; } .pageClass--editorial .a-articleLink__subtitle__icon { background-color: #f8bd06; } } .a-articleLink__subtitle__icon svg { fill: #05d192; fill: var(--highlightColor); width: 20px; height: 20px; margin: -2px 0 0 -2px; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-articleLink__subtitle__icon svg { fill: #f8bd06; } .pageClass--grants .a-articleLink__subtitle__icon svg { fill: #5b74e4; } } @supports (-ms-accelerator: true) { .a-articleLink__subtitle__icon svg { /* IE Edge 12+ CSS */ } .pageClass--grants .a-articleLink__subtitle__icon svg { fill: #5b74e4; } .pageClass--editorial .a-articleLink__subtitle__icon svg { fill: #f8bd06; } } .a-articleLink__image__videoIcon { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: 10px; left: 10px; width: 34px; height: 34px; border-radius: 100%; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-articleLink__image__videoIcon { background-color: #f8bd06; } .pageClass--grants .a-articleLink__image__videoIcon { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-articleLink__image__videoIcon { /* IE Edge 12+ CSS */ } .pageClass--grants .a-articleLink__image__videoIcon { background-color: #5b74e4; } .pageClass--editorial .a-articleLink__image__videoIcon { background-color: #f8bd06; } } .a-articleLink__image__videoIcon svg { position: absolute; width: 16px; height: 16px; top: 50%; left: 50%; margin: -8px 0 0 -6px; fill: #040404; } @media screen and (max-width: 989px) { .a-articleLink__image__videoIcon { left: 50%; top: 50%; margin: -17px 0 0 -17px; } } .a-articleLink__subtitle__slug { margin-left: 5px; color: #757575; } /* * Featured Item */ .a-articleLink--featured { position: relative; background-color: #05d192; background-color: var(--highlightColor); position: relative; padding-bottom: 30px; margin-bottom: -21px; border-top: 0; z-index: 1; } .a-articleLink--featured::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleLink--featured::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleLink--featured::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleLink--featured::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleLink--featured::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .a-articleLink--featured::before { left: -99em; right: -99em; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-articleLink--featured { background-color: #f8bd06; } .pageClass--grants .a-articleLink--featured { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-articleLink--featured { /* IE Edge 12+ CSS */ } .pageClass--grants .a-articleLink--featured { background-color: #5b74e4; } .pageClass--editorial .a-articleLink--featured { background-color: #f8bd06; } } .pageClass--grants .a-articleLink--featured { background: #5b74e4; } .pageClass--editorial .a-articleLink--featured { background: #f8bd06; } @media screen and (min-width: 990px) { .a-articleLink--featured { padding-bottom: 50px; padding-top: 35px; margin-bottom: -16px; } } .a-articleLink--featured:hover .a-media__container::after { opacity: 1; } .a-articleLink--featured .a-articleLink__subtitle__slug { display: inline-block; margin-right: 10px; margin-left: 0; color: #525252; } .a-articleLink--featured .a-articleLink__body { flex: 0 0 auto; position: relative; margin-top: 0; } @media screen and (max-width: 413px) { .a-articleLink--featured .a-articleLink__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleLink--featured .a-articleLink__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleLink--featured .a-articleLink__body { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleLink--featured .a-articleLink__body { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleLink--featured .a-articleLink__body { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-articleLink--featured .a-articleLink__body { width: 453.333333333px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-articleLink--featured .a-articleLink__body { padding-bottom: 30px; } } .a-articleLink--featured .a-articleLink__body p { margin-top: 15px; } @media screen and (min-width: 990px) { .a-articleLink--featured .a-articleLink__body p { margin-top: 20px; } } .a-articleLink--featured .a-articleLink__meta { padding-bottom: 0; color: #141414; } @media screen and (min-width: 650px) { .a-articleLink--featured .a-articleLink__meta { position: absolute; bottom: 0; } } .a-articleLink--featured .a-articleLink__image { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-articleLink--featured .a-articleLink__image { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleLink--featured .a-articleLink__image { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleLink--featured .a-articleLink__image { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleLink--featured .a-articleLink__image { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleLink--featured .a-articleLink__image { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-articleLink--featured .a-articleLink__image { width: 946.666666667px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-articleLink--featured .a-articleLink__image .a-media { margin: 0; } } /* * Highlight Grid */ .m-articleList--highlightGrid .a-articleLink { margin-top: 0; } @media screen and (min-width: 650px) { .m-articleList--highlightGrid .a-articleLink { padding-top: 35px; padding-bottom: 43px; } } .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured { margin-bottom: 0; } .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .row, .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-eventsFeatured__inner, .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .m-list { flex-direction: column-reverse; } @media screen and (min-width: 650px) { .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .row, .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-eventsFeatured__inner, .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .m-list { flex-direction: row-reverse; } } @media screen and (max-width: 649px) { .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured { padding-bottom: 38px; } .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-media { margin-top: 0; } .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-articleLink__body { margin-top: 15px; } .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-articleLink__title { margin-top: 1px; } .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured .a-articleLink__meta { margin-top: 18px; } .m-articleList--highlightGrid .a-articleLink.a-articleLink--featured p { margin-top: 5px; } } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { flex: 0 0 auto; border: 0; } @media screen and (max-width: 413px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { width: 453.333333333px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) { margin-left: 0 !important; margin-top: 5px; padding-bottom: 37px; border-bottom: 1px solid #d9d9d9; } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured):last-child { border: 0; padding-bottom: 0; } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured).a-articleLink--hasImage { margin-top: 0; } } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .row, .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-eventsFeatured__inner, .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .m-list { margin: 0; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .row, .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-eventsFeatured__inner, .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .m-list { width: 100% !important; } } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__heading, .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__body, .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__image { width: 100%; margin: 0; } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__heading { order: 2; } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__body { order: 3; margin-top: 10px; } @media screen and (min-width: 650px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__body { margin-top: 15px; } } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__image { order: 1; } @media screen and (min-width: 650px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured):not(:last-child)::after { content: ''; position: absolute; right: -15px; top: 35px; height: calc(100% - 35px); width: 1px; background: #d9d9d9; } } @media screen and (min-width: 990px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured):not(:last-child)::after { right: -20px; } } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__image__videoIcon { top: 20px; left: 20px; width: 60px; height: 60px; margin: 0; } .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__image__videoIcon svg { width: 28px; height: 28px; margin: -14px 0 0 -10px; } @media screen and (min-width: 650px) and (max-width: 989px) { .m-articleList--highlightGrid .a-articleLink:not(.a-articleLink--featured) .a-articleLink__image__videoIcon { left: 50%; top: 50%; margin: -30px 0 0 -30px; } } .m-articleList--highlightGrid .a-articleLink .a-articleLink__meta { padding-bottom: 0; } @media screen and (min-width: 650px) { .m-articleList--highlightGrid .a-articleLink .a-articleLink__meta { position: absolute; bottom: 0; } } .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__heading { margin-top: 22px; } @media screen and (min-width: 650px) { .m-articleList--highlightGrid .a-articleLink.a-articleLink--hasImage .a-articleLink__heading { margin-top: 25px; } } .a-articleMetaItem { display: flex; padding: 15px 0 25px; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .a-articleMetaItem { padding-bottom: 32px; } } .a-articleMetaItem a span { padding-bottom: 2px; border-bottom: 1px solid #757575; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-articleMetaItem a:hover span { border-color: transparent; } .a-articleMetaItem__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 10px; } @media screen and (max-width: 413px) { .a-articleMetaItem__title { width: calc((((100vw - 150px) / 6) * 1) + 0px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleMetaItem__title { width: calc((((100vw - 160px) / 6) * 1) + 0px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleMetaItem__title { width: calc((((100vw - 410px) / 12) * 2) + 30px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleMetaItem__title { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleMetaItem__title { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1520px) { .a-articleMetaItem__title { width: 83.3333333333px; } } @media screen and (min-width: 650px) { .a-articleMetaItem__title { margin-top: 9px; } } @media screen and (min-width: 990px) { .a-articleMetaItem__title { margin-top: 14px; } } .a-articleMetaItem__body { vertical-align: top; padding-left: 20px; } @media screen and (max-width: 413px) { .a-articleMetaItem__body { width: calc((((100vw - 150px) / 6) * 5) + 80px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-articleMetaItem__body { width: calc((((100vw - 160px) / 6) * 5) + 80px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-articleMetaItem__body { width: calc((((100vw - 410px) / 12) * 7) + 180px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-articleMetaItem__body { width: calc((((100vw - 560px) / 12) * 5) + 160px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-articleMetaItem__body { width: calc((((100vw - 560px) / 12) * 5) + 160px); } } @media screen and (min-width: 1520px) { .a-articleMetaItem__body { width: 576.666666667px; } } @media screen and (min-width: 650px) { .a-articleMetaItem__body { padding-left: 30px; } } @media screen and (min-width: 990px) { .a-articleMetaItem__body { padding-left: 40px; } } .a-articleMetaItem__body p:first-child { margin: 0; } .a-articleMetaItem--credits .a-articleMetaItem__body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 4px; line-height: 25px; } @media screen and (min-width: 650px) { .a-articleMetaItem--credits .a-articleMetaItem__body { margin-top: 3px; } } @media screen and (min-width: 990px) { .a-articleMetaItem--credits .a-articleMetaItem__body { line-height: 30px; } } .a-audioEmbed { margin-top: 30px; } @media screen and (min-width: 990px) { .a-audioEmbed { margin-top: 35px; } } @media screen and (min-width: 990px) { .o-editorialArticle .a-audioEmbed { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1300px) { .o-editorialArticle .a-audioEmbed { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-audioEmbed { width: 700px; } } .a-caption { margin-top: 10px; } .a-chartsRow { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 34px; margin-top: -1px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), margin 0.26s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .o-contrastContainer .a-chartsRow { border-color: #d9d9d9; } .cancel-transition .a-chartsRow { transition: 0s; } @media screen and (min-width: 990px) { .a-chartsRow { height: 45px; } .m-barCharts--small .a-chartsRow { height: 35px; } .m-barCharts:not(.m-barCharts--categoryDetail):not(.m-barCharts--detailView) .m-barCharts__rows:hover .a-chartsRow { opacity: 0.54; } .m-barCharts:not(.m-barCharts--categoryDetail):not(.m-barCharts--detailView) .m-barCharts__rows:hover .a-chartsRow .a-chartsRow__bar { opacity: 0.76; } .m-barCharts:not(.m-barCharts--categoryDetail):not(.m-barCharts--detailView) .m-barCharts__rows:hover .a-chartsRow:hover { opacity: 1; } .m-barCharts:not(.m-barCharts--categoryDetail):not(.m-barCharts--detailView) .m-barCharts__rows:hover .a-chartsRow:hover .a-chartsRow__bar { opacity: 1; } } .a-chartsRow[data-template] { display: none; } .a-chartsRow__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; margin-left: 10px; z-index: 1; pointer-events: none; } .a-chartsRow__title::before, .a-chartsRow__title::after { content: none; } @media screen and (min-width: 990px) { .a-chartsRow__title { margin-left: 15px; } } @media screen and (max-width: 989px) { .a-chartsRow__title { margin-left: 20px; } .a-chartsRow__title::before { content: ''; position: absolute; left: -15px; top: 6px; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #141414 transparent transparent transparent; transform: rotate(-90deg); transform-origin: 50% 10%; transition: transform 0.38s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .is-open .a-chartsRow__title::before { transform: rotate(0deg); } .a-chartsRow__drawer .a-chartsRow__title::before { display: none; } .m-barCharts--categoryDetail .a-chartsRow__title, .m-barCharts--detailView .a-chartsRow__title { margin-left: 10px; } .m-barCharts--categoryDetail .a-chartsRow__title::before, .m-barCharts--detailView .a-chartsRow__title::before { display: none; } .a-chartsRow__drawer .a-chartsRow__title { margin-left: 10px; } } .a-chartsRow__value { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; z-index: 1; } .a-chartsRow__value::before, .a-chartsRow__value::after { content: none; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .a-chartsRow__value { order: 3; } } .a-chartsRow__value [data-charts-total-value] span, .a-chartsRow__value [data-charts-region-value] span { display: inline-block; text-align: right; width: calc((((100vw - 150px) / 6) * 1) + 0px); margin-left: 10px; } @media screen and (min-width: 414px) { .a-chartsRow__value [data-charts-total-value] span, .a-chartsRow__value [data-charts-region-value] span { width: calc((((100vw - 160px) / 6) * 1) + 0px); margin-left: 10px; } } @media screen and (min-width: 650px) { .a-chartsRow__value [data-charts-total-value] span, .a-chartsRow__value [data-charts-region-value] span { width: calc((((100vw - 410px) / 12) * 1) + 0px); margin-left: 30px; } } @media screen and (min-width: 990px) { .a-chartsRow__value [data-charts-total-value] span, .a-chartsRow__value [data-charts-region-value] span { width: calc((((100vw - 560px) / 12) * 1) + 0px); margin-left: 40px; } } @media screen and (min-width: 1300px) { .a-chartsRow__value [data-charts-total-value] span, .a-chartsRow__value [data-charts-region-value] span { width: calc((((100vw - 560px) / 12) * 1) + 0px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-chartsRow__value [data-charts-total-value] span, .a-chartsRow__value [data-charts-region-value] span { width: 83.3333333333px; margin-left: 40px; } } .a-chartsRow__value [data-charts-total-value], .a-chartsRow__value [data-charts-region-value] { transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-chartsRow__value [data-charts-total-value] { transition-delay: 0.12s; } .a-chartsRow__value [data-charts-region-value] { position: absolute; top: 0; right: 0; opacity: 0; white-space: nowrap; pointer-events: none; } .m-barCharts--highlightCategory .a-chartsRow__value [data-charts-region-value] { opacity: 1; transition-delay: 0.12s; } .m-barCharts--highlightCategory .a-chartsRow__value [data-charts-total-value] { opacity: 0; transition-delay: 0s; } .a-chartsRow__bar { position: absolute; left: 0; top: 0; height: 100%; z-index: 0; white-space: nowrap; transition: transform 0.38s cubic-bezier(0.545, 0.03, 0.395, 0.965), opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .cancel-transition .a-chartsRow__bar { transition: 0s; } .a-chartsRow__innerBar { display: inline-block; height: 100%; opacity: 1; transition: background-color 0.38s cubic-bezier(0.545, 0.03, 0.395, 0.965), opacity 0.38s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.38s cubic-bezier(0.545, 0.03, 0.395, 0.965), width 0.38s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .cancel-transition .a-chartsRow__innerBar { transition: 0s; } .a-chartsRow__innerBar.is-hidden, .is-drawer-open .a-chartsRow__innerBar { opacity: 0; visibility: hidden; } .m-barCharts--highlightCategory .a-chartsRow__innerBar { background-color: #B7F2DF !important; } .m-barCharts--highlightCategory .a-chartsRow__innerBar.is-active { background-color: #05d192 !important; } .m-barCharts--categoryDetail .a-chartsRow__innerBar { background-color: #05d192 !important; } .a-chartsRow__drawer { position: absolute; width: 100%; top: calc(100% + 1px); overflow: hidden; height: 0; transition: height 0.26s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-chartsRow__drawer { display: none; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .a-chartsRow__drawer { left: 0; } } .a-checkbox { position: relative; } .a-checkbox input { opacity: 0; position: absolute; } .a-checkbox label { position: relative; padding-left: 25px; cursor: pointer; } .a-checkbox label::before, .a-checkbox label::after { content: ''; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; padding: 0; border: 1px solid #949494; border-radius: 1px; } @media screen and (min-width: 990px) { .a-checkbox label::before, .a-checkbox label::after { top: 4px; } } .a-checkbox label::after { left: 2px; top: 4px; width: 8px; height: 8px; border: 0; background-color: #949494; display: none; } .a-checkbox label:hover { opacity: 1; } .a-checkbox input:focus + label { opacity: 1; } .a-checkbox input:checked + label { opacity: 1; } .a-checkbox input:checked + label::after { display: block; } .a-columnsList { width: 100%; margin-top: 30px; } @media screen and (min-width: 650px) { .a-columnsList { columns: 2; column-gap: 30px; } } @media screen and (min-width: 990px) { .a-columnsList { margin-top: 60px; column-gap: 40px; } } .a-columnsList:hover .a-columnsList__item { color: #949494; } .a-columnsList:hover .a-columnsList__item:hover { color: #141414; } .a-columnsList:hover .a-columnsList__item:hover::after { opacity: 1; } .a-columnsList__item { display: block; position: relative; width: 100%; margin-bottom: -1px; overflow: auto; -webkit-column-break-inside: avoid; } .a-columnsList__item::before, .a-columnsList__item::after { content: none; } .a-columnsList__item a { display: block; padding: 20px 0 20px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .a-columnsList__item a { padding: 24px 0 24px; } } .a-columnsList__item::after { content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-left: 2px solid #141414; border-top: 2px solid #141414; transform: rotate(-225deg) translateY(5px); opacity: 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-copyright { color: #757575; } .o-contrastContainer .a-copyright { color: #6B6B6B; } .a-descriptionList { margin-top: 40px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9; overflow: hidden; /* Modifiers */ } @media screen and (min-width: 650px) { .a-descriptionList { border-top: 0; margin-top: 30px; margin-bottom: 25px; border-bottom: 0; border-top: 1px solid #d9d9d9; } .o-contentBlocks__sidebar .a-descriptionList { margin-top: -9px; margin-bottom: 0; border-top: 0; border-bottom: 0; } } .a-descriptionList--row { display: flex; flex-flow: row wrap; } .a-descriptionList--full-mobile .a-descriptionList__description { width: 100%; } .a-descriptionList__title { width: calc((((100vw - 150px) / 6) * 2) + 20px); float: left; padding: 9px 20px 20px 0; border-top: 1px solid #d9d9d9; color: #757575; clear: both; } @media screen and (min-width: 414px) { .a-descriptionList__title { width: calc((((100vw - 160px) / 6) * 2) + 20px); } } @media screen and (min-width: 650px) { .a-descriptionList__title { float: none; display: block; width: 100%; padding: 5px 0 0 0; border: 0; } } @media screen and (min-width: 990px) { .a-descriptionList__title { padding-top: 10px; } } .a-descriptionList__description { width: calc(((((100vw - 150px) / 6) * 4) + 60px) + 20px); float: left; padding-top: 5px; padding-bottom: 20px; border-top: 1px solid #d9d9d9; } .a-descriptionList__description a { border-bottom: 1px solid #757575; padding-bottom: 2px; } .a-descriptionList__description a:hover { border-color: transparent; } .a-descriptionList__description strong { margin-top: -3px; display: inline-block; } @media screen and (min-width: 650px) { .a-descriptionList__description strong { margin-top: -9px; } } .o-contentBlocks__sidebar .a-descriptionList__description:last-child { border-bottom: 0; } @media screen and (min-width: 414px) { .a-descriptionList__description { width: calc(((((100vw - 160px) / 6) * 4) + 60px) + 20px); } } @media screen and (min-width: 650px) { .a-descriptionList__description { float: none; display: block; width: 100%; padding-top: 0; border-top: 0; border-bottom: 1px solid #d9d9d9; } } @media screen and (min-width: 990px) { .a-descriptionList__description { padding-bottom: 30px; } } .a-descriptionList__link { border-bottom: 1px solid #757575; padding-bottom: 2px; } .a-descriptionList__link:hover { border-color: transparent; } .a-descriptionList__link + .m-iconButtons { margin-top: 10px; } @media screen and (min-width: 650px) { .a-descriptionList__link + .m-iconButtons { margin-top: 20px; } } @media screen and (min-width: 650px) { .a-descriptionList__past { padding-top: 18px; border-top: 1px solid #d9d9d9; } } .a-descriptionList__pastLink { border-bottom: 1px solid #757575; padding-bottom: 2px; } .a-descriptionList__pastLink:hover { border-color: transparent; } .a-dropdown { position: absolute; bottom: 3px; left: 5px; text-align: left; min-width: 200px; background: #fff; border: 1px solid #d9d9d9; transform: translateY(100%); z-index: 4; visibility: hidden; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-dropdown::before, .a-dropdown::after { content: none; } @media screen and (min-width: 650px) { .a-dropdown { left: -15px; } } .o-contentBlocks__sidebar .a-dropdown { bottom: -15px; } @media screen and (min-width: 650px) { .pageClass--editorial .o-contentBlocks__sidebar .a-dropdown { left: 73px; bottom: 55px; } } .m-articleMetaBar .a-dropdown.a-dropdown--translate { right: 5px; left: auto; } .m-articleMetaBar .a-dropdown.a-dropdown--translate:before { left: auto; right: 18px; } .a-dropdown.a-dropdown--header { min-width: 80px; bottom: -17px; left: 50%; transform: translateX(-50%) translateY(100%) !important; } @media screen and (min-width: 990px) { .a-dropdown.a-dropdown--header { bottom: -25px; } } .a-dropdown--language-select .a-dropdown { top: -7px; bottom: auto; transform: translateY(-100%); } .m-filters__links__item .a-dropdown { bottom: -7px; } .a-dropdown__container { max-height: 260px; overflow-y: auto; padding: 0 20px; } .a-dropdown--header .a-dropdown__container { margin-top: -3px; margin-bottom: 3px; } .a-iconButton__wrapper, .a-dropdown__wrapper { position: relative; } .a-iconButton__wrapper:after, .a-dropdown__wrapper:after { content: ''; position: absolute; padding: 0; bottom: -3px; left: 50%; width: 10px; height: 10px; background: white; border-left: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; opacity: 0; visibility: hidden; z-index: 5; transform: translateX(-50%) rotate(45deg); -webkit-clip-path: polygon(100% 0, 0 100%, 0 0); clip-path: polygon(100% 0, 0 100%, 0 0); transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .o-contentBlocks__sidebar .a-iconButton__wrapper:after, .o-contentBlocks__sidebar .a-dropdown__wrapper:after { bottom: -20px; } } .g-header .a-iconButton__wrapper:after, .g-header .a-dropdown__wrapper:after { bottom: -23px; } @media screen and (min-width: 990px) { .g-header .a-iconButton__wrapper:after, .g-header .a-dropdown__wrapper:after { bottom: -31px; } } .g-header__language-select--mobile .a-iconButton__wrapper:after, .g-header__language-select--mobile .a-dropdown__wrapper:after { bottom: auto; top: -1px; background-color: #141414; border-color: #383838; transform: translateX(-50%) rotate(225deg); } @media screen and (min-width: 650px) { .pageClass--editorial .o-contentBlocks__sidebar .a-iconButton__wrapper:after, .pageClass--editorial .o-contentBlocks__sidebar .a-dropdown__wrapper:after { top: 21px; transform: translateX(-50%) rotate(-45deg); left: 73px; } } @media screen and (min-width: 990px) { .pageClass--editorial .o-contentBlocks__sidebar .a-iconButton__wrapper:after, .pageClass--editorial .o-contentBlocks__sidebar .a-dropdown__wrapper:after { top: 26px; } } .m-filters__links__item .a-iconButton__wrapper:after, .m-filters__links__item .a-dropdown__wrapper:after { bottom: -13px; } .a-iconButton__wrapper.is-active:after, .a-dropdown__wrapper.is-active:after { opacity: 1; visibility: visible; } .a-dropdown__parent.is-active .a-dropdown { visibility: visible; opacity: 1; } .a-dropdown__parent.is-active .a-dropdown__wrapper::after { opacity: 1; visibility: visible; } [data-dropdown-trigger] { cursor: pointer; } .a-dropdown__link { display: block; padding: 16px 0; border-top: 1px solid #d9d9d9; color: #141414; } .a-dropdown__container:hover .a-dropdown__link { color: #757575; } .a-dropdown__container:hover .a-dropdown__link:hover { color: #141414; } .a-dropdown__link:first-child { border-top: 0; } .a-dropdown--footer .a-dropdown__link { color: #fff; border-color: #383838; } .a-dropdown--footer .a-dropdown__container:hover .a-dropdown__link { color: #757575; } .a-dropdown--footer .a-dropdown__container:hover .a-dropdown__link:hover { color: #fff; } .a-dropdown__header { display: block; padding: 16px 20px 16px 0; color: #757575; } .a-dropdown__parent__label { position: relative; display: inline-block; padding-right: 21px; } .is-active .a-dropdown__parent__label { color: #141414; } .m-filters__sorting .a-dropdown__parent__label { color: #757575; } .m-filters__sorting .a-dropdown__parent__label::after { transition: none; } .m-filters__sorting .a-dropdown__parent__label:hover { color: #141414; } .m-filters__sorting .a-dropdown__parent__label:hover::after { border-color: #141414; } .m-filters__sorting .is-active .a-dropdown__parent__label { color: #141414; } .a-dropdown__parent__label::after { content: ''; position: absolute; top: 9px; right: 0; width: 8px; height: 8px; border-left: 1px solid #757575; border-top: 1px solid #757575; transform: rotate(-135deg); transform-origin: 2px 2px; pointer-events: none; transition: transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-dropdown__parent__label::after { top: 11px; } } .is-active .a-dropdown__parent__label::after { border-color: #141414; } .is-active .a-dropdown__parent__label::after { transform: rotate(-315deg); } .a-dropdown--language-select { color: #fff; cursor: pointer; } .a-dropdown--language-select span { display: inline-block; padding-right: 20px; } .a-dropdown--language-select::after { content: ''; position: absolute; top: 18px; right: 0; width: 8px; height: 8px; border-left: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(-135deg); transform-origin: 2px 2px; pointer-events: none; transition: transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-dropdown--language-select::after { top: 24px; } } .a-dropdown--language-select.is-active::after { transform: rotate(-315deg); } .a-dropdown__wrapper--header span { position: relative; padding-right: 18px; } .a-dropdown__wrapper--header span::after { content: ''; position: absolute; top: 8px; right: 0; width: 8px; height: 8px; border-left: 2px solid #141414; border-top: 2px solid #141414; transform: rotate(-135deg); transform-origin: 2px 2px; pointer-events: none; transition: transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-dropdown__wrapper--header span::after { top: 10px; } } .is-active .a-dropdown__wrapper--header span::after { transform: rotate(-315deg); } @media screen and (min-width: 990px) { html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--home:not(.pageClass--dark) .a-dropdown__wrapper--header span::after, html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--invertStaticNav .a-dropdown__wrapper--header span::after { border-color: #fff; } } .g-header__language-select--mobile .a-dropdown__wrapper--header span { display: inline-block; margin-top: 23px; } .g-header__language-select--mobile .a-dropdown__wrapper--header span::before, .g-header__language-select--mobile .a-dropdown__wrapper--header span::after { content: none; } .g-header__language-select--mobile .a-dropdown__wrapper--header span::after { content: ''; padding: 0; width: 7px; height: 7px; border-color: #fff; } .a-explainer { position: relative; display: flex; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 20px 0 20px; margin-top: 30px; } @media screen and (min-width: 650px) { .a-explainer { padding: 25px 0 25px; } } @media screen and (min-width: 990px) { .a-explainer { margin-top: 55px; padding: 35px 0; } } .a-explainer:hover .a-explainer__title span { border-color: #757575; } .a-explainer:hover .a-explainer__image::after { opacity: 1; } .a-explainer__body { flex: 0 0 auto; margin-left: 0 !important; padding-top: 13px; } @media screen and (max-width: 413px) { .a-explainer__body { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-explainer__body { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-explainer__body { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-explainer__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-explainer__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-explainer__body { width: 700px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-explainer__body { padding-top: 10px; } } .a-explainer__title span { border-bottom: 1px solid transparent; padding-bottom: 1px; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-explainer__subtitle { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #757575; position: absolute; left: 0; top: 15px; } @media screen and (min-width: 990px) { .a-explainer__subtitle { top: 30px; } } .a-explainer__image { flex: 0 0 auto; position: relative; } @media screen and (max-width: 413px) { .a-explainer__image { width: calc((((100vw - 150px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-explainer__image { width: calc((((100vw - 160px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-explainer__image { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-explainer__image { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-explainer__image { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-explainer__image { width: 206.666666667px; margin-left: 40px; } } .a-explainer__image img { display: block; width: 100%; } .a-explainer__image::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-explainer__icons { display: inline-block; margin-left: 4px; margin-top: -1px; vertical-align: top; } .a-explainer__icons svg { margin-left: 1px; width: 16px; height: 16px; } .a-factBlock__body { margin-top: 35px; padding: 15px 20px 20px; background: #f0f0f0; text-align: center; } @media screen and (min-width: 990px) { .a-factBlock__body { margin-top: 60px; padding: 35px 20px 50px; } } .a-factBlock__subject { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; } @media screen and (min-width: 990px) { .a-factBlock__subject { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin: 0 auto; } } .a-factBlock__highlight { display: block; margin-top: -13px; margin-bottom: 8px; } @media screen and (min-width: 990px) { .a-factBlock__highlight { margin-top: 28px; margin-bottom: 40px; } } .a-factSlider { flex: 0 0 auto; position: relative; border-top: 1px solid #d9d9d9; overflow: hidden; transition: border-color 0.52s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (max-width: 413px) { .a-factSlider { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-factSlider { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-factSlider { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-factSlider { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-factSlider { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-factSlider { width: 453.333333333px; margin-left: 40px; } } @media screen and (min-width: 760px) { .a-factSlider { border-bottom: 1px solid #d9d9d9; } } @media screen and (min-width: 650px) and (max-width: 760px) { .a-factSlider { width: calc(100% - 30px) !important; } } .a-factSlider:last-child { border-bottom: 1px solid #d9d9d9; } .o-contrastContainer--black .a-factSlider { border-color: rgba(255, 255, 255, 0.15); } @media screen and (min-width: 760px) { .a-factSlider--slider:hover { border-color: #383838; } .a-factSlider--slider:hover .a-factSlider__slider { transform: translateY(-100%); } } .a-factSlider__slider { transition: transform 0.52s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 760px) { .a-factSlider__slider { display: flex; min-height: 100%; } } @media screen and (max-width: 1140px) { .a-factSlider__title { font-size: 60px; line-height: 50px; } } @media screen and (max-width: 890px) { .a-factSlider__title { font-size: 50px; line-height: 40px; } } .a-factSlider__desc { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; margin-top: 6px; } @media screen and (min-width: 760px) { .a-factSlider__desc { margin-top: 11px; } } .a-factSlider__info { padding-top: 20px; padding-bottom: 30px; } @media screen and (min-width: 760px) { .a-factSlider--slider .a-factSlider__info { position: absolute; top: 0; left: 0; } } @media screen and (min-width: 990px) { .a-factSlider__info { padding-top: 25px; padding-bottom: 45px; } } .a-factSlider__body { position: relative; padding-top: 18px; padding-bottom: 30px; border-top: 1px solid #d9d9d9; } .a-factSlider__body p:first-child { margin-top: 0; } @media screen and (min-width: 760px) { .a-factSlider__body { transform: translateY(100%); min-height: 11em; border: 0; } } @media screen and (min-width: 990px) { .a-factSlider__body { padding-top: 33px; padding-bottom: 50px; } } .a-grantsCard { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; position: relative; height: 100%; padding: 15px 25px; border: 1px solid #c4c4c4; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .a-grantsCard { padding-bottom: 85px; } } @media screen and (min-width: 990px) { .a-grantsCard { padding: 20px 35px 105px; } } .a-grantsCard .a-grantsCard__subtitle, .a-grantsCard .a-grantsCard__footer { transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-grantsCard:hover { border-color: #506AE2; background-color: #506AE2; color: #fff; } .a-grantsCard:hover .a-grantsCard__title span { border-color: #fff; } .a-grantsCard:hover .a-grantsCard__subtitle, .a-grantsCard:hover .a-grantsCard__footer { color: #fff; } .a-grantsCard:hover .a-grantsCard__footer { border-color: rgba(255, 255, 255, 0.25); } .a-grantsCard__heading { display: flex; flex-direction: column-reverse; flex-wrap: wrap; width: 100%; } .a-grantsCard__title { margin-top: 10px; text-transform: none; } .a-grantsCard__title span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-grantsCard__subtitle { color: #757575; } .a-grantsCard__footer { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 15px; margin-top: 25px; width: 100%; border-top: 1px solid #d9d9d9; color: #757575; } .a-grantsCard__footer::before, .a-grantsCard__footer::after { content: none; } @media screen and (min-width: 650px) { .a-grantsCard__footer { position: absolute; bottom: 0; left: 25px; width: calc(100% - 50px); padding: 15px 0; } } @media screen and (min-width: 990px) { .a-grantsCard__footer { left: 35px; width: calc(100% - 70px); padding: 25px 0; } } .a-highlightCard { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; border-top: 4px solid #1f1f1f; } @media screen and (min-width: 650px) { .a-highlightCard { border-top: 5px solid #1f1f1f; } } @media screen and (min-width: 990px) { .a-highlightCard { margin-top: 5px; } } @media screen and (max-width: 649px) { .m-cardsList__item:not(:first-child) .a-highlightCard { margin-top: 40px; } } .a-highlightCard__title { width: 100%; margin-top: 20px; padding-bottom: 15px; margin-bottom: -5px; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .a-highlightCard__title { margin-top: 50px; padding-bottom: 35px; } } .a-highlightCard__link { margin-top: 10px; } .a-highlightCard__link .a-link--readmore { display: inline; } .a-iconButton__wrapper { display: inline-block; position: relative; } .a-iconButton__wrapper:after { transition: all 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-iconButton { position: relative; display: inline-block; width: 44px; height: 44px; margin: 5px; border-radius: 100%; border: 1px solid #d9d9d9; background-color: #fff; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-iconButton { width: 50px; height: 50px; } } .o-contrastContainer .a-iconButton { background-color: transparent; } .o-voiceInDepth .a-iconButton { border-color: #383838; background-color: #040404; } .a-iconButton:hover, .a-iconButton__wrapper.is-active .a-iconButton { border-color: #05d192; border-color: var(--highlightColor); background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-iconButton:hover, .pageClass--editorial .a-iconButton__wrapper.is-active .a-iconButton { border-color: #f8bd06; } .pageClass--grants .a-iconButton:hover, .pageClass--grants .a-iconButton__wrapper.is-active .a-iconButton { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-iconButton:hover, .a-iconButton__wrapper.is-active .a-iconButton { /* IE Edge 12+ CSS */ } .pageClass--grants .a-iconButton:hover, .pageClass--grants .a-iconButton__wrapper.is-active .a-iconButton { border-color: #5b74e4; } .pageClass--editorial .a-iconButton:hover, .pageClass--editorial .a-iconButton__wrapper.is-active .a-iconButton { border-color: #f8bd06; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-iconButton:hover, .pageClass--editorial .a-iconButton__wrapper.is-active .a-iconButton { background-color: #f8bd06; } .pageClass--grants .a-iconButton:hover, .pageClass--grants .a-iconButton__wrapper.is-active .a-iconButton { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-iconButton:hover, .a-iconButton__wrapper.is-active .a-iconButton { /* IE Edge 12+ CSS */ } .pageClass--grants .a-iconButton:hover, .pageClass--grants .a-iconButton__wrapper.is-active .a-iconButton { background-color: #5b74e4; } .pageClass--editorial .a-iconButton:hover, .pageClass--editorial .a-iconButton__wrapper.is-active .a-iconButton { background-color: #f8bd06; } } .o-voiceInDepth .a-iconButton:hover .icon, .o-voiceInDepth .a-iconButton__wrapper.is-active .a-iconButton .icon { fill: #141414; } .pageClass--grants .a-iconButton:hover .icon, .pageClass--grants .a-iconButton__wrapper.is-active .a-iconButton .icon { fill: #fff; } .a-iconButton:hover .icon, .a-iconButton__wrapper.is-active .a-iconButton .icon { opacity: 1; } .a-iconButton .icon { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; opacity: 0.42; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), fill 0.12s cubic-bezier(0.545, 0.03, 0.395, 0.965), stroke 0.12s cubic-bezier(0.545, 0.03, 0.395, 0.965); transform: translate3d(0, 0, 0); } .a-iconButton .icon--share { width: 15px; height: 20px; margin: -10px 0 0 -8px; } .a-iconButton .icon--email { width: 21px; height: 15px; margin: -7px 0 0 -10px; } .a-iconButton .icon--print { width: 19px; height: 19px; margin: -9px 0 0 -9px; } .a-iconButton .icon--translate { stroke: #141414; stroke-width: 2px; } .o-contentBlocks__sidebar .a-iconButton { margin-bottom: -10px; } .o-voiceInDepth .a-iconButton .icon { fill: #fff; } .o-voiceInDepth .a-iconButton .icon--translate { stroke: #fff; stroke-width: 2px; } .o-voiceInDepth .a-iconButton:hover .icon, .o-voiceInDepth .a-iconButton.is-active .icon { fill: #141414; } .o-voiceInDepth .a-iconButton:hover .icon--translate, .o-voiceInDepth .a-iconButton.is-active .icon--translate { stroke: #141414; stroke-width: 2px; } .a-iconButton__tag { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -5px; left: 28px; padding: 0 4px; height: 17px; color: #757575; background: #fff; border: 1px solid #d9d9d9; border-radius: 17px; line-height: 15px; text-align: center; } .a-iconButton__tag::before, .a-iconButton__tag::after { content: none; } .o-contrastContainer .a-iconButton__tag { color: #6B6B6B; background-color: #f0f0f0; } .page-region .o-contrastContainer .a-iconButton__tag { background-color: #f8f8f8; } .o-voiceInDepth .a-iconButton__tag { border-color: #383838; background-color: #040404; } #icon--social-translate { fill: none; } .a-iconButton--facebook .icon { width: 20px; height: 20px; margin: -10px 0 0 -10px; } .a-iconButton--linkedin .icon { width: 20px; height: 20px; margin: -10px 0 0 -10px; } .a-iconButton--twitter .icon { width: 22px; height: 22px; margin: -11px 0 0 -11px; } .a-iconButton--audio-download .icon { fill: none; height: 20px; margin: -10px 0 0 -12px; } .a-input { padding-bottom: 8px; background: transparent; border: 0; border-radius: 0; border-bottom: 1px solid #949494; outline: none; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .a-input:hover { border-color: #1f1f1f; } .a-input:focus { border-color: #000; } .a-input::-webkit-input-placeholder { color: #141414; } .a-input:-moz-placeholder { color: #141414; } .a-input::-moz-placeholder { color: #141414; } .a-input:-ms-input-placeholder { color: #141414; } @media screen and (min-width: 990px) { .a-input { padding-bottom: 18px; } } @media screen and (max-width: 649px) { .a-input { font-size: 16px; } } .a-input::-ms-clear { display: none; } .a-link--readmore { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-top: 5px; color: #141414; } @media screen and (min-width: 990px) { .a-link--readmore { margin-top: 10px; } } .a-link--readmore i { padding-bottom: 2px; border-bottom: 1px solid #757575; font-style: normal !important; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-link--readmore:hover i { border-color: transparent; } .a-link--readmore.a-link--readmore--standalone { margin-bottom: 10px; } .g-footer .a-link--readmore { color: #fff; } .g-footer .a-link--readmore i { border-color: #fff; } .g-footer .a-link--readmore:hover i { border-color: transparent; } .a-link--skip { background-color: #05d192; background-color: var(--highlightColor); display: inline-flex; left: 0; padding: 0 1rem; position: absolute; top: 0; transform: translateY(-100%); transition: ease all .15s; z-index: 9999; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-link--skip { background-color: #f8bd06; } .pageClass--grants .a-link--skip { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-link--skip { /* IE Edge 12+ CSS */ } .pageClass--grants .a-link--skip { background-color: #5b74e4; } .pageClass--editorial .a-link--skip { background-color: #f8bd06; } } .a-link--skip:focus { transform: translateY(0); } .a-linkList { border-top: 1px solid #d9d9d9; margin-top: 40px; } @media screen and (min-width: 650px) { .a-linkList { margin-top: 35px; } } @media screen and (min-width: 990px) { .a-linkList { margin-top: 70px; } } .a-linkList:hover .a-linkList__item { color: #757575; } .a-linkList:hover .a-linkList__item:hover { color: #141414; } .a-linkList:hover .a-linkList__item:hover::after { opacity: 1; } .a-linkList__item { position: relative; display: block; padding: 12px 0; border-bottom: 1px solid #d9d9d9; } .a-linkList__item::before, .a-linkList__item::after { content: none; } @media screen and (min-width: 990px) { .a-linkList__item { padding: 20px 0; } } .a-linkList__item::after { content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-left: 1px solid #141414; border-top: 1px solid #141414; transform: rotate(-225deg) translateY(5px); opacity: 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-media { width: 100%; margin-top: 35px; } @media screen and (min-width: 990px) { .a-media { margin-top: 60px; } } .a-media img { width: 100%; display: block; } .a-media figcaption { margin-top: 10px; } .a-media + p { margin-top: 22px; } @media screen and (min-width: 990px) { .a-media + p { margin-top: 50px; } } @media screen and (min-width: 990px) { .o-editorialArticle .a-media { padding-bottom: 17px; } } .o-contentBlocks__container .o-contentBlocks__sidebar:first-child + .o-contentBlocks__body .a-media { margin-top: 28px; } @media screen and (min-width: 650px) { .o-contentBlocks__container .o-contentBlocks__sidebar:first-child + .o-contentBlocks__body .a-media { margin-top: 25px; } } @media screen and (min-width: 990px) { .o-contentBlocks__container .o-contentBlocks__sidebar:first-child + .o-contentBlocks__body .a-media { margin-top: 3px; } } @media screen and (min-width: 650px) { .o-contentBlocks__container .o-contentBlocks__body:first-child .a-media { margin-top: 25px; } } @media screen and (min-width: 990px) { .o-contentBlocks__container .o-contentBlocks__body:first-child .a-media { margin-top: 0; padding-bottom: 15px; } } .a-media__container { position: relative; transition: background-color 0.12s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .is-active .a-media__container { background-color: #040404; } .is-active .a-media__container img { transition: opacity 0.2s cubic-bezier(0.545, 0.03, 0.395, 0.965) 0.15s; opacity: 0; } .a-media__container::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } [data-videoid] .a-media__container { cursor: pointer; } [data-videoid] .a-media__container:hover::after { opacity: 1; } .a-articleLink--video [data-videoid] .a-media__container::after { content: none; } /* * Right Caption variation */ .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { display: flex; flex-flow: row wrap; } @media screen and (max-width: 413px) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { width: calc(100% + 41px); } } @media screen and (min-width: 990px) { .o-editorialArticle .a-media--rightCaption, .o-contentBlocks__container .a-media--rightCaption { flex-wrap: nowrap; } } .o-editorialArticle .a-media--rightCaption .a-media__container, .o-contentBlocks__container .a-media--rightCaption .a-media__container { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-editorialArticle .a-media--rightCaption .a-media__container, .o-contentBlocks__container .a-media--rightCaption .a-media__container { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .a-media--rightCaption .a-media__container, .o-contentBlocks__container .a-media--rightCaption .a-media__container { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .a-media--rightCaption .a-media__container, .o-contentBlocks__container .a-media--rightCaption .a-media__container { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .a-media--rightCaption .a-media__container, .o-contentBlocks__container .a-media--rightCaption .a-media__container { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .a-media--rightCaption .a-media__container, .o-contentBlocks__container .a-media--rightCaption .a-media__container { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-media--rightCaption .a-media__container, .o-contentBlocks__container .a-media--rightCaption .a-media__container { width: 700px; margin-left: 40px; } } .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { flex: 0 0 auto; vertical-align: top; } @media screen and (max-width: 413px) { .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { width: 206.666666667px; margin-left: 40px; } } @media screen and (min-width: 990px) { .o-editorialArticle .a-media--rightCaption figcaption, .o-contentBlocks__container .a-media--rightCaption figcaption { margin-top: 0; } .o-editorialArticle .a-media--rightCaption figcaption::before, .o-editorialArticle .a-media--rightCaption figcaption::after, .o-contentBlocks__container .a-media--rightCaption figcaption::before, .o-contentBlocks__container .a-media--rightCaption figcaption::after { content: none; } } .o-editorialArticle .a-media--rightCaption .a-media__container { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-editorialArticle .a-media--rightCaption .a-media__container { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .a-media--rightCaption .a-media__container { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .a-media--rightCaption .a-media__container { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .a-media--rightCaption .a-media__container { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .a-media--rightCaption .a-media__container { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-media--rightCaption .a-media__container { width: 700px; margin-left: 40px; } } .o-editorialArticle .a-media--rightCaption figcaption { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-editorialArticle .a-media--rightCaption figcaption { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .a-media--rightCaption figcaption { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .a-media--rightCaption figcaption { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .a-media--rightCaption figcaption { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .a-media--rightCaption figcaption { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-media--rightCaption figcaption { width: 330px; margin-left: 40px; } } /* * Full Bleed variation */ @media screen and (min-width: 990px) { .o-contentBlocks__container .a-media--fullBleed { padding-bottom: 10px; } } .o-contentBlocks__container .a-media--fullBleed .a-media__container { width: 100vw; margin-left: -25px; } @media screen and (min-width: 414px) { .o-contentBlocks__container .a-media--fullBleed .a-media__container { margin-left: -30px; } } @media screen and (min-width: 650px) { .o-contentBlocks__container .a-media--fullBleed .a-media__container { margin-left: calc((((((100vw - 410px) / 12) * 4) + 90px) + 70px) * -1); } } @media screen and (min-width: 990px) { .o-contentBlocks__container .a-media--fullBleed .a-media__container { margin-left: calc((((((100vw - 560px) / 12) * 4) + 120px) + 100px) * -1); } } @media screen and (min-width: 1520px) { .o-contentBlocks__container .a-media--fullBleed .a-media__container { width: 1440px; margin-left: -493.333333333px; } } .o-editorialArticle .a-media--fullBleed .a-media__container { width: 100vw; margin-left: -25px; } @media screen and (min-width: 414px) { .o-editorialArticle .a-media--fullBleed .a-media__container { margin-left: -30px; } } @media screen and (min-width: 650px) { .o-editorialArticle .a-media--fullBleed .a-media__container { margin-left: calc((((((100vw - 410px) / 12) * 3) + 60px) + 70px) * -1); } } @media screen and (min-width: 990px) { .o-editorialArticle .a-media--fullBleed .a-media__container { margin-left: calc((((((100vw - 560px) / 12) * 3) + 80px) + 100px) * -1); } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-media--fullBleed .a-media__container { width: 1440px; margin-left: -370px; } } /* * Full Grid variation */ @media screen and (min-width: 990px) { .o-contentBlocks__container .a-media--fullGrid { padding-bottom: 10px; } } @media screen and (min-width: 650px) { .o-contentBlocks__container .a-media--fullGrid .a-media__container { margin-left: calc((((((100vw - 410px) / 12) * 4) + 90px) + 30px) * -1); } } @media screen and (min-width: 990px) { .o-contentBlocks__container .a-media--fullGrid .a-media__container { margin-left: calc((((((100vw - 560px) / 12) * 4) + 120px) + 40px) * -1); } } @media screen and (min-width: 1520px) { .o-contentBlocks__container .a-media--fullGrid .a-media__container { width: 1440px; margin-left: -493.333333333px; } } @media screen and (min-width: 650px) { .o-editorialArticle .a-media--fullGrid .a-media__container { width: calc(100vw - map-get($outer-gutters, medium)); margin-left: calc((((((100vw - 410px) / 12) * 3) + 60px) + 30px) * -1); } } @media screen and (min-width: 990px) { .o-editorialArticle .a-media--fullGrid .a-media__container { width: calc(100vw - map-get($outer-gutters, large)); margin-left: calc((((((100vw - 560px) / 12) * 3) + 80px) + 40px) * -1); } } @media screen and (min-width: 1520px) { .o-editorialArticle .a-media--fullGrid .a-media__container { width: 1440px; margin-left: -370px; } } /* * Video variation */ .a-media__videoContainer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; } .a-media__videoContainer iframe { width: 100%; height: 100%; } .is-active .a-media__videoContainer { display: block; } .a-media__videoIcon { position: absolute; left: 20px; top: 20px; height: 35px; min-width: 35px; border-radius: 25px; transition: opacity 0.2s cubic-bezier(0.545, 0.03, 0.395, 0.965) 0.15s, transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); z-index: 2; background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-media__videoIcon { background-color: #f8bd06; } .pageClass--grants .a-media__videoIcon { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-media__videoIcon { /* IE Edge 12+ CSS */ } .pageClass--grants .a-media__videoIcon { background-color: #5b74e4; } .pageClass--editorial .a-media__videoIcon { background-color: #f8bd06; } } @media screen and (min-width: 990px) { .a-media__videoIcon { height: 50px; min-width: 50px; } } .a-media__videoIcon svg { position: absolute; width: 14px; height: 14px; top: 50%; left: 12px; margin-top: -7px; fill: #040404; transition: fill 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-media__videoIcon svg { width: 24px; height: 24px; left: 16px; margin-top: -12px; } } .a-media__videoIcon span { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; padding-left: 33px; margin-top: 6px; padding-right: 12px; color: #141414; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-media__videoIcon span { padding-left: 46px; margin-top: 10px; padding-right: 18px; } } .a-media__container:hover .a-media__videoIcon { background-color: #040404; } .a-media__container:hover .a-media__videoIcon svg { fill: #fff; } .a-media__container:hover .a-media__videoIcon span { color: #fff; } .is-active .a-media__videoIcon { opacity: 0; } .a-navigationDropdown { margin-top: 45px; } @media screen and (min-width: 990px) { .a-officeCards__title { margin-top: 11px; margin-bottom: -29px; } } @media screen and (max-width: 989px) { .a-officeCards__title { font-family: 'GT-America-Compressed', Arial !important; font-size: 27px; line-height: 25px; text-transform: uppercase; font-weight: 700; margin-top: 10px; margin-bottom: -25px; } } .a-officeCard { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; position: relative; padding-bottom: 20px; border-top: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .a-officeCard { padding-bottom: 70px; } } .a-officeCard__title { text-transform: none; margin-top: 5px; display: block; width: 100%; } @media screen and (min-width: 990px) { .a-officeCard__title { margin-top: 10px; } } .a-officeCard__title a { border-bottom: 1px solid transparent; } .a-officeCard__title a:hover { border-color: #757575; } .a-officeCard__subtitle { margin-top: 20px; color: #757575; } @media screen and (min-width: 990px) { .a-officeCard__subtitle { margin-top: 15px; } } .a-officeCard__address { margin-top: 20px; } @media screen and (min-width: 990px) { .a-officeCard__address { margin-top: 25px; } } .a-officeCard__links { width: 100%; margin-top: 20px; } @media screen and (min-width: 990px) { .a-officeCard__links { margin-top: 25px; } } .a-officeCard__links a { display: inline-block; margin-right: 6px; border-bottom: 1px solid #757575; padding-bottom: 1px; } .a-officeCard__links a:hover { border-color: transparent; } .a-officeCard__note { margin-top: -5px; } .a-officeCard__note p { margin-top: 15px; } .a-profileCard { display: flex; flex-direction: column-reverse; } @media screen and (min-width: 650px) { .a-profileCard { padding-top: 30px; } } @media screen and (min-width: 990px) { .a-profileCard { padding-top: 70px; } .m-cardsCarousel .a-profileCard { padding-top: 35px; } } .m-cardsList--mainLeadership .a-profileCard { padding-top: 0; margin-top: -15px; } .a-profileCard:hover h3 { border-color: #757575; } .a-profileCard:hover .a-profileCard__image::after { opacity: 1; } .a-profileCard__image { position: relative; width: 100%; overflow: hidden; } .a-profileCard__image img { display: block; width: 100%; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .a-profileCard__image { min-height: 1px; } } .a-profileCard__image::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-profileCard__body { padding-top: 15px; } @media screen and (min-width: 990px) { .a-profileCard__body { padding-top: 30px; } } .a-profileCard__body h3 { display: inline-block; margin-bottom: 3px; padding-bottom: 6px; border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-profileCard__body .a-profileCard__subtitle { display: block; } .a-profileCard__sub { display: block; padding-top: 10px; margin-top: 20px; border-top: 1px solid #d9d9d9; color: #757575; } @media screen and (min-width: 990px) { .a-profileCard__sub { margin-top: 50px; } } .a-profileCard.a-profileCard--staff { padding-top: 10px; } @media screen and (min-width: 650px) { .a-profileCard.a-profileCard--staff { padding-top: 15px; } } .a-profileCard.a-profileCard--staff .a-profileCard__image--staff { width: 80%; margin-left: auto; margin-right: auto; border-radius: 100%; transform: translate3d(0, 0, 0); } .a-programCard { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; position: relative; padding-bottom: 20px; border-top: 1px solid #d9d9d9; } .a-programCard:hover .a-link--readmore i { border-color: transparent; } .a-programCard:hover .a-programCard__title span { border-color: #757575; } .o-contentBlocks__body .a-programCard { padding-bottom: 0; margin-bottom: -3px; } @media screen and (min-width: 650px) { .a-programCard { padding-bottom: 30px; } } @media screen and (min-width: 990px) { .m-cardsList--row .a-programCard { padding-bottom: 40px; } .o-contentBlocks__body .a-programCard { margin-bottom: 0; } .m-cardsList:not(.m-cardsList--row) .a-programCard { margin-top: 80px; padding-bottom: 0; } .m-cardsList:not(.m-cardsList--row) .m-cardsList__item:nth-child(-n+3) .a-programCard { margin-top: 0; } .o-contentBlocks__body .m-cardsList:not(.m-cardsList--row) .m-cardsList__item .a-programCard { margin-top: 70px; } .o-contentBlocks__body .m-cardsList:not(.m-cardsList--row) .m-cardsList__item:nth-child(-n+2) .a-programCard { margin-top: 75px; } } .a-programCard__title { margin-top: 10px; text-transform: none; position: relative; margin-bottom: 5px; width: 100%; } @media screen and (min-width: 414px) { .a-programCard__title { margin-top: 15px; } } @media screen and (min-width: 650px) { .a-programCard__title { margin-top: 20px; } } @media screen and (min-width: 990px) { .a-programCard__title { margin-top: 25px; } } @media screen and (min-width: 650px) { .a-programCard__title { margin-bottom: 20px; } } .a-programCard__title::after { content: ''; position: absolute; bottom: -9px; left: 0; width: 30px; height: 2px; padding: 0; background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-programCard__title::after { background-color: #f8bd06; } .pageClass--grants .a-programCard__title::after { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-programCard__title::after { /* IE Edge 12+ CSS */ } .pageClass--grants .a-programCard__title::after { background-color: #5b74e4; } .pageClass--editorial .a-programCard__title::after { background-color: #f8bd06; } } @media screen and (min-width: 650px) { .a-programCard__title::after { bottom: -17px; width: 40px; height: 3px; } } .a-programCard__title span { padding-bottom: 1px; border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-programCard__link { margin-top: 10px; width: 100%; } .a-programCard__link .a-link--readmore i { padding-bottom: 3px; } .m-cardsList--row .a-programCard__link { display: none; } .a-quote { position: relative; } @media screen and (max-width: 649px) { .a-quote { padding-left: 20px; } } @media screen and (min-width: 990px) { .a-quote { margin-top: 44px; margin-bottom: 15px; } .a-quote.a-quote--hasCite { margin-bottom: 16px; } } .a-quote::before { content: ''; position: absolute; left: 0; top: 0; width: 5px !important; height: calc(100% - 5px); padding: 0; background: #141414; } @media screen and (min-width: 650px) { .a-quote::before { left: -25px; top: 5px; height: calc(100% - 10px); } } .a-quote blockquote { text-indent: -12px; } @media screen and (min-width: 1300px) { .a-quote blockquote { text-indent: -14px; } } .o-contentBlocks__container .a-quote, .m-historyBlock .a-quote { z-index: 2; } .o-contentBlocks__container .a-quote::before, .m-historyBlock .a-quote::before { top: 5px; } .o-contentBlocks__container .a-quote cite, .m-historyBlock .a-quote cite { margin-top: 15px; display: block; } .o-contentBlocks__container .a-quote cite::before, .o-contentBlocks__container .a-quote cite::after, .m-historyBlock .a-quote cite::before, .m-historyBlock .a-quote cite::after { content: none; } @media screen and (min-width: 990px) { .o-contentBlocks__container .a-quote cite, .m-historyBlock .a-quote cite { margin-top: 24px; } } @media screen and (min-width: 990px) { .o-contentBlocks__container .a-quote, .m-historyBlock .a-quote { padding-right: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); } } .m-historyBlock .a-quote { margin-top: 50px; padding-top: 10px; padding-bottom: 30px; } @media screen and (min-width: 650px) { .m-historyBlock .a-quote { margin-top: 70px; padding-top: 25px; padding-bottom: 50px; } } @media screen and (min-width: 990px) { .m-historyBlock .a-quote { margin-top: 110px; padding-top: 35px; padding-bottom: 80px; } } .m-historyBlock .a-quote::before { display: none; } @media screen and (min-width: 650px) { .m-historyBlock .a-quote::before { display: block; left: -30px; top: 50px; height: calc(100% - 105px); } } @media screen and (min-width: 990px) { .m-historyBlock .a-quote::before { left: -40px; top: 75px; height: calc(100% - 160px); } } .m-historyBlock .a-quote::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100vw; padding: 0; margin: 0; background: red; z-index: -1; margin-left: -25px; background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-historyBlock .a-quote::after { background-color: #f8bd06; } .pageClass--grants .m-historyBlock .a-quote::after { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-historyBlock .a-quote::after { /* IE Edge 12+ CSS */ } .pageClass--grants .m-historyBlock .a-quote::after { background-color: #5b74e4; } .pageClass--editorial .m-historyBlock .a-quote::after { background-color: #f8bd06; } } @media screen and (min-width: 414px) { .m-historyBlock .a-quote::after { margin-left: -30px; } } @media screen and (min-width: 650px) { .m-historyBlock .a-quote::after { width: 300vw; left: -100vw; } } .o-editorialArticle .a-quote { margin-top: 35px; margin-bottom: 15px; padding-left: 20px; } @media screen and (min-width: 650px) { .o-editorialArticle .a-quote { padding: 0; } } @media screen and (min-width: 990px) { .o-editorialArticle .a-quote { padding-right: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); margin-top: 55px; margin-bottom: 22px; } } .a-searchNoResults { padding-top: 65px; padding-bottom: 50px; text-align: center; color: #757575; } @media screen and (min-width: 1300px) { .a-searchNoResults { padding-bottom: 150px; } } .a-select { position: relative; height: 33px; border: 1px solid #949494; } .a-select select { width: 100%; height: 100%; margin: 0; padding: 0 30px 0 14px; box-sizing: border-box; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .a-select::before, .a-select::after { content: ''; position: absolute; right: 0; top: 0; width: 32px; height: 100%; border-left: 1px solid #949494; pointer-events: none; } .a-select::after { top: 11px; right: 12px; width: 6px; height: 6px; border-left: 1px solid #1f1f1f; border-top: 1px solid #1f1f1f; transform: rotate(-135deg); } .a-select.a-select--minimal { border: 0; } .a-select.a-select--minimal select { padding: 0 20px 0 0; } .a-select.a-select--minimal::before { display: none; } .a-select.a-select--minimal::after { top: 10px; right: 0; width: 8px; height: 8px; border-color: #fff; } .a-select.a-select--light { color: #fff; } .a-select.a-select--light select { color: #fff; } .a-select.a-select--large { width: 100%; height: 55px; } .a-select.a-select--large select { padding-right: 55px; } .a-select.a-select--large:before { width: 55px; } .a-select.a-select--large:after { top: 20px; right: 22px; width: 9px; height: 9px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .a-select select::-ms-expand { display: none; } .a-select select:focus { color: #fff; } .a-select select:focus::-ms-value { background: transparent; color: #fff; } .a-select select { padding-right: 2em; background: none; border: 1px solid transparent; } .a-select::after { display: block; } } .a-scrollArrow { position: relative; height: 30px; width: 30px; transition: opacity 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-scrollArrow::before { content: ''; position: absolute; left: 50%; top: 50%; width: 13px; height: 13px; margin: -10px 0 0 -7px; border-top: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; transform: rotate(135deg); } .a-scrollArrow span { display: none; } .a-scrollArrow.is-hidden { opacity: 0; visibility: hidden; } .a-switchButton { padding: 0; } .m-filtersActiveBar__option .m-filtersMobile__footer .a-switchButton { display: flex; flex-direction: row-reverse; align-items: center; margin-top: 2px; margin-bottom: -8px; } .a-switchButton__label { color: #6B6B6B; } .a-switchButton__label::before, .a-switchButton__label::after { content: none; } .a-switchButton__switch { position: relative; display: inline-block; margin-left: 10px; margin-bottom: -5px; width: 35px; height: 20px; border-radius: 10px; background-color: #fff; border: 1px solid #d9d9d9; transition: background-color 0.2s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.2s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-switchButton__switch::after { content: ''; position: absolute; left: -1px; top: -1px; width: 20px; height: 20px; border-radius: 10px; background-color: #fff; border: 1px solid #d9d9d9; transition: transform 0.2s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.2s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-filtersMobile__footer .a-switchButton__switch { margin-bottom: 2px; margin-left: 0; margin-right: 10px; } .a-switchButton.is-active .a-switchButton__switch { border-color: #05d192; border-color: var(--highlightColor); background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-switchButton.is-active .a-switchButton__switch { border-color: #f8bd06; } .pageClass--grants .a-switchButton.is-active .a-switchButton__switch { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-switchButton.is-active .a-switchButton__switch { /* IE Edge 12+ CSS */ } .pageClass--grants .a-switchButton.is-active .a-switchButton__switch { border-color: #5b74e4; } .pageClass--editorial .a-switchButton.is-active .a-switchButton__switch { border-color: #f8bd06; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-switchButton.is-active .a-switchButton__switch { background-color: #f8bd06; } .pageClass--grants .a-switchButton.is-active .a-switchButton__switch { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-switchButton.is-active .a-switchButton__switch { /* IE Edge 12+ CSS */ } .pageClass--grants .a-switchButton.is-active .a-switchButton__switch { background-color: #5b74e4; } .pageClass--editorial .a-switchButton.is-active .a-switchButton__switch { background-color: #f8bd06; } } .a-switchButton.is-active .a-switchButton__switch::after { border-color: #05d192; border-color: var(--highlightColor); transform: translateX(15px); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-switchButton.is-active .a-switchButton__switch::after { border-color: #f8bd06; } .pageClass--grants .a-switchButton.is-active .a-switchButton__switch::after { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-switchButton.is-active .a-switchButton__switch::after { /* IE Edge 12+ CSS */ } .pageClass--grants .a-switchButton.is-active .a-switchButton__switch::after { border-color: #5b74e4; } .pageClass--editorial .a-switchButton.is-active .a-switchButton__switch::after { border-color: #f8bd06; } } .a-timelinePreview { position: relative; display: flex; flex-wrap: wrap; margin-top: -1px; padding: 20px 0 25px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } @media (pointer: fine) { .a-timelinePreview:hover .a-timelinePreview__image::after { opacity: 1; } .a-timelinePreview:hover .a-timelinePreview__title span { border-color: #757575; } } @media screen and (min-width: 650px) { .a-timelinePreview { flex-wrap: nowrap; padding: 30px 0; } } @media screen and (min-width: 990px) { .m-timelineShowcase--interactive .a-timelinePreview { padding-bottom: 0; margin-bottom: -70px; height: 150px; background: #fff; box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.08); transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965), box-shadow 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-timelineShowcase--interactive .a-timelinePreview:hover { transform: translateY(-40px); } .m-timelineShowcase--interactive .a-timelinePreview .a-timelinePreview__body, .m-timelineShowcase--interactive .a-timelinePreview .a-timelinePreview__date, .m-timelineShowcase--interactive .a-timelinePreview .a-timelinePreview__image { transition: opacity 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-timelineShowcase__holder:hover .a-timelinePreview { box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0); } .m-timelineShowcase__holder:hover .a-timelinePreview .a-timelinePreview__body, .m-timelineShowcase__holder:hover .a-timelinePreview .a-timelinePreview__date, .m-timelineShowcase__holder:hover .a-timelinePreview .a-timelinePreview__image { opacity: 0.2; } .m-timelineShowcase__holder:hover .a-timelinePreview:hover { box-shadow: 0 -4px 5px -3px rgba(0, 0, 0, 0.08); } .m-timelineShowcase__holder:hover .a-timelinePreview:hover .a-timelinePreview__body, .m-timelineShowcase__holder:hover .a-timelinePreview:hover .a-timelinePreview__date, .m-timelineShowcase__holder:hover .a-timelinePreview:hover .a-timelinePreview__image { color: #141414; opacity: 1; } } .a-timelinePreview__date { flex: 0 0 auto; margin-left: 0 !important; order: 1; } @media screen and (max-width: 413px) { .a-timelinePreview__date { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-timelinePreview__date { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-timelinePreview__date { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-timelinePreview__date { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-timelinePreview__date { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-timelinePreview__date { width: 206.666666667px; margin-left: 40px; } } @media screen and (max-width: 649px) { .a-timelinePreview__date { font-size: 65px; line-height: 50px; padding-bottom: 17px; } } @media screen and (min-width: 650px) { .a-timelinePreview__date { margin-top: -5px; } } @media screen and (min-width: 990px) { .a-timelinePreview__date { margin-top: -15px; } } .a-timelinePreview__image { flex: 0 0 auto; position: relative; order: 2; } @media screen and (max-width: 413px) { .a-timelinePreview__image { width: calc((((100vw - 150px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-timelinePreview__image { width: calc((((100vw - 160px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-timelinePreview__image { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-timelinePreview__image { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-timelinePreview__image { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-timelinePreview__image { width: 206.666666667px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-timelinePreview__image { order: 3; } } .a-timelinePreview__image img { display: block; width: 100%; } .a-timelinePreview__image::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-timelinePreview__title span { border-bottom: 1px solid transparent; padding-bottom: 1px; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-timelinePreview__body { flex: 0 0 auto; order: 3; } @media screen and (max-width: 413px) { .a-timelinePreview__body { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-timelinePreview__body { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-timelinePreview__body { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-timelinePreview__body { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-timelinePreview__body { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-timelinePreview__body { width: 453.333333333px; margin-left: 40px; } } @media screen and (max-width: 649px) { .a-timelinePreview__body { margin-left: 0 !important; } } @media screen and (min-width: 650px) { .a-timelinePreview__body { order: 2; margin-top: -10px; } } .a-timelinePreview__body p { margin-top: 5px; } .pageLoader { position: fixed; top: 70px; left: 0; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 100%; height: calc(100% - 70px); background-color: transparent; pointer-events: none; z-index: 1001; transition: opacity 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965), background-color 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); opacity: 0; visibility: hidden; /* State */ } @media screen and (min-width: 990px) { .pageLoader { top: 85px; height: calc(100% - 85px); } } .pageLoader.is-visible { opacity: 1; visibility: visible; pointer-events: auto; background-color: #fff; } .pageLoader.is-visible .pageLoader__bar { width: 95%; } .pageLoader.filter-load { opacity: 1; visibility: visible; height: 4px; } .pageLoader.filter-load .pageLoader__bar { width: 95%; } .pageLoader__bar { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: -3px; left: 0; width: 0; height: 3px; transition: width 0.4s ease, background-color 0.4s ease; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .pageLoader__bar { background-color: #f8bd06; } .pageClass--grants .pageLoader__bar { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .pageLoader__bar { /* IE Edge 12+ CSS */ } .pageClass--grants .pageLoader__bar { background-color: #5b74e4; } .pageClass--editorial .pageLoader__bar { background-color: #f8bd06; } } [data-pjax-container="pjax"] ~ [data-pjax-container="pjax"] { display: none; } .a-push__link { display: block; padding-top: 40px; padding-bottom: 40px; } .a-push__link:hover .a-push__title span { border-color: #757575; } .a-push__link:hover .a-push__img-container::after { opacity: 1; } .a-push__left { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-push__left { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-push__left { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-push__left { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-push__left { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-push__left { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-push__left { width: 330px; margin-left: 40px; } } .a-push__middle { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-push__middle { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-push__middle { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-push__middle { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-push__middle { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-push__middle { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-push__middle { width: 700px; margin-left: 40px; } } .a-push__right { flex: 0 0 auto; display: none; } @media screen and (max-width: 413px) { .a-push__right { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-push__right { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-push__right { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-push__right { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-push__right { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-push__right { width: 330px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-push__right { display: inline-flex; } } .a-push__right > div { width: 100%; } .a-push__type { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-flow: row wrap; align-items: flex-start; margin-bottom: 2px; color: #141414; } @media screen and (min-width: 650px) { .a-push__type { margin-top: 8px; margin-bottom: 0; } } .a-push__type .icon { margin-left: 6px; } .a-push__meta { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-flex; color: #757575; } .a-push__meta + .a-push__meta { position: relative; margin-left: 23px; } @media screen and (min-width: 650px) { .a-push__meta { display: block; width: 100%; line-height: 25px; } .a-push__meta + .a-push__meta { margin-left: 0; } .a-push__meta + .a-push__meta:before { display: none; } } .a-push__title { text-transform: none; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .a-push__title { margin-top: -4px; } } @media screen and (min-width: 990px) { .a-push__title { margin-top: -10px; } } .a-push__title span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-push__text { margin-top: 20px; } .a-push__img-container { position: relative; width: 100%; height: 0; padding-top: 66.667%; overflow: hidden; } .a-push__img-container::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); pointer-events: none; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-push:not(.a-push--publication) .a-push__img { position: absolute; display: block; width: 100%; min-height: 100%; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); object-fit: cover; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .a-push:not(.a-push--publication) .a-push__img { width: auto; height: 100%; min-width: 100%; } } .a-push__img__videoIcon { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: 10px; left: 10px; width: 34px; height: 34px; border-radius: 100%; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .a-push__img__videoIcon { background-color: #f8bd06; } .pageClass--grants .a-push__img__videoIcon { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .a-push__img__videoIcon { /* IE Edge 12+ CSS */ } .pageClass--grants .a-push__img__videoIcon { background-color: #5b74e4; } .pageClass--editorial .a-push__img__videoIcon { background-color: #f8bd06; } } .a-push__img__videoIcon svg { position: absolute; width: 16px; height: 16px; top: 50%; left: 50%; margin: -8px 0 0 -6px; fill: #040404; } @media screen and (max-width: 989px) { .a-push__img__videoIcon { left: 50%; top: 50%; margin: -17px 0 0 -17px; } } /* Modifiers */ .a-push--publication .a-push__img-container { position: relative; width: 160px; height: 200px; padding-top: 0; overflow: visible; background-color: #f0f0f0; } @media screen and (max-width: 810px) { .a-push--publication .a-push__img-container { height: 0; padding-top: 125%; } } .a-push--publication .a-push__img { position: absolute; top: 50%; left: 50%; max-width: calc(100% - 40px); max-height: calc(100% - 40px); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); transform: translate(-50%, -50%); } @media screen and (min-width: 650px) { .a-push--person .a-push__right, .a-push--staff .a-push__right, .a-push--board .a-push__right, .a-push--board-member .a-push__right, .a-push--fellow .a-push__right { display: block; } } .a-push--person .a-push__img-container, .a-push--staff .a-push__img-container, .a-push--board .a-push__img-container, .a-push--board-member .a-push__img-container, .a-push--fellow .a-push__img-container { position: relative; width: 60%; padding-top: 60%; border-radius: 100%; margin: 0 auto; transform: translate3d(0, 0, 0); } .a-push--person .a-push__img, .a-push--staff .a-push__img, .a-push--board .a-push__img, .a-push--board-member .a-push__img, .a-push--fellow .a-push__img { min-height: 102%; width: 102%; border-radius: 100%; } .a-eventsFeatured { position: relative; margin-top: 35px; padding: 35px 0 50px; background-color: #f5f5f5; } .a-eventsFeatured:before, .a-eventsFeatured:after { content: ""; position: absolute; top: 0; display: block; width: 99em; height: 100%; background: #f5f5f5; } .a-eventsFeatured:before { right: 100%; } .a-eventsFeatured:after { left: 100%; } @media screen and (min-width: 990px) { .a-eventsFeatured { padding: 50px 0 70px; } } .a-eventsFeatured__cell { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-eventsFeatured__cell { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-eventsFeatured__cell { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-eventsFeatured__cell { width: calc(100vw - 80px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-eventsFeatured__cell { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-eventsFeatured__cell { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-eventsFeatured__cell { width: 700px; margin-left: 40px; } } .a-eventsFeatured__date { position: absolute; top: 0; left: 0; padding: 12px 20px 20px; background-color: #05d192; z-index: 2; } .a-eventsFeatured__month, .a-eventsFeatured__day { display: block; } .a-eventsFeatured__day { margin-top: 2px; } .a-eventsFeatured__img-container { position: relative; width: 100%; margin-bottom: 30px; padding-bottom: 66.79%; } @media screen and (min-width: 990px) { .a-eventsFeatured__img-container { margin-bottom: 0; } } .a-eventsFeatured__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .a-eventsFeatured__metas { display: flex; flex-flow: row wrap; align-items: flex-start; margin-top: -15px; } .a-eventsFeatured__metas-cell { position: relative; width: 50%; padding-right: 10px; } .a-eventsFeatured__metas-cell:before { content: ""; position: absolute; top: 10px; left: 0; bottom: -10px; display: block; width: 1px; background-color: rgba(0, 0, 0, 0.15); } .a-eventsFeatured__metas-cell + .a-eventsFeatured__metas-cell { padding-left: 10px; } @media screen and (min-width: 650px) { .a-eventsFeatured__metas-cell + .a-eventsFeatured__metas-cell { padding-left: 15px; } } @media screen and (min-width: 990px) { .a-eventsFeatured__metas-cell + .a-eventsFeatured__metas-cell { padding-left: 20px; } } .a-eventsFeatured__metas-cell:first-child:before { display: none; } @media screen and (min-width: 990px) { .a-eventsFeatured__metas-cell:before { bottom: -30px; } .a-eventsFeatured__metas-cell:first-child:before { display: block; left: -20px; } } .a-eventsFeatured__metas-text { margin-top: 0; } .a-eventsFeatured__title { margin-top: 20px; } @media screen and (min-width: 990px) { .a-eventsFeatured__title { margin-top: 45px; } } .a-eventsFeatured__link { display: block; } .a-eventsFeatured__link span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-eventsFeatured__link:hover span { border-color: #757575; } .a-eventsFeatured__text { margin-top: 20px; } .a-eventsFeatured__footer { display: flex; flex-flow: row wrap; align-items: center; margin-top: 30px; } .a-eventsFeatured__cta { min-width: 0; margin-top: 0; color: #141414; border-color: #949494; margin-right: 10px; padding: 6px 19px; } @media screen and (min-width: 414px) { .a-eventsFeatured__cta { margin-right: 25px; padding: 6px 29px; } } @media screen and (min-width: 650px) { .a-eventsFeatured__cta { margin-right: 36px; } } .a-eventsFeatured__stream { display: inline-flex; flex-flow: row wrap; align-items: center; margin-right: 11px; color: #6B6B6B; } .a-eventsFeatured__stream .icon--picto-stream { margin-left: 15px; } .a-eventsFeatured__icons { display: inline-flex; flex-flow: row wrap; } .a-eventsFeatured__icons svg + svg { margin-left: 10px; } /* Modifier when no image */ .a-eventsFeatured--no-img .a-eventsFeatured__cell--left { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--left { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--left { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--left { width: calc(100vw - 80px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--left { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--left { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--left { width: 206.666666667px; margin-left: 40px; } } .a-eventsFeatured--no-img .a-eventsFeatured__cell--right { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--right { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--right { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--right { width: calc(100vw - 80px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--right { width: calc((((100vw - 560px) / 12) * 10) + 360px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--right { width: calc((((100vw - 560px) / 12) * 10) + 360px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-eventsFeatured--no-img .a-eventsFeatured__cell--right { width: 1193.33333333px; margin-left: 40px; } } .a-eventsFeatured--no-img .a-eventsFeatured__inner { flex-flow: row-reverse wrap; } .a-eventsFeatured--no-img .a-eventsFeatured__metas { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-eventsFeatured--no-img .a-eventsFeatured__metas { width: calc((((100vw - 150px) / 6) * 3) + 40px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-eventsFeatured--no-img .a-eventsFeatured__metas { width: calc((((100vw - 160px) / 6) * 3) + 40px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-eventsFeatured--no-img .a-eventsFeatured__metas { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-eventsFeatured--no-img .a-eventsFeatured__metas { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-eventsFeatured--no-img .a-eventsFeatured__metas { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-eventsFeatured--no-img .a-eventsFeatured__metas { width: 330px; margin-left: 40px; } } .a-eventsFeatured--no-img .a-eventsFeatured__content { flex: 0 0 auto; position: relative; } @media screen and (max-width: 413px) { .a-eventsFeatured--no-img .a-eventsFeatured__content { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-eventsFeatured--no-img .a-eventsFeatured__content { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-eventsFeatured--no-img .a-eventsFeatured__content { width: calc((((100vw - 410px) / 12) * 7) + 180px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-eventsFeatured--no-img .a-eventsFeatured__content { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-eventsFeatured--no-img .a-eventsFeatured__content { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-eventsFeatured--no-img .a-eventsFeatured__content { width: 823.333333333px; margin-left: 40px; } } .a-eventsFeatured--no-img .a-eventsFeatured__content:before { content: ""; position: absolute; top: 0; left: -40px; display: block; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.15); } .a-eventsFeatured--no-img .a-eventsFeatured__title { margin-top: -15px; } .a-eventsFeatured--no-img .a-eventsFeatured__metas { position: relative; display: block; } .a-eventsFeatured--no-img .a-eventsFeatured__metas:before { content: ""; position: absolute; top: 15px; left: -20px; bottom: 10px; display: block; width: 1px; background-color: rgba(0, 0, 0, 0.15); } .a-eventsFeatured--no-img .a-eventsFeatured__metas-cell { width: 100%; } .a-eventsFeatured--no-img .a-eventsFeatured__metas-cell:before { display: none; } .a-eventsFeatured--no-img .a-eventsFeatured__metas-cell + .a-eventsFeatured__metas-cell { margin-top: 15px; } .a-eventsFeatured--no-img .a-eventsFeatured__footer { display: block; margin-top: 35px; } .a-eventsFeatured--no-img .a-eventsFeatured__stream { display: flex; margin-top: 19px; } .a-speaker { position: relative; padding-top: 25px; padding-bottom: 35px; } .a-speaker:before, .a-speaker:after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; background-color: #d9d9d9; } .a-speaker:before { top: 0; display: none; } .a-speaker:after { bottom: 0; display: block; } .a-speaker:first-child:before { display: block; } @media screen and (min-width: 650px) { .a-speaker { padding-top: 35px; padding-bottom: 45px; } } .a-speaker__container { display: flex; flex-flow: row wrap; } .a-speaker__left { width: 100px; } .a-speaker__right { width: calc(100% - 100px); } .a-speaker__imgContainer { position: relative; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } .a-speaker__img, .a-speaker__img-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .a-speaker__img-placeholder { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #f0f0f0; color: #6B6B6B; text-align: center; line-height: 60px; font-size: 17px; } .a-speaker__img-placeholder::before, .a-speaker__img-placeholder::after { content: none; } .a-speaker__name { margin-top: -5px; } .a-speaker__name a { border-bottom: 1px solid transparent; } .a-speaker__name a:hover { border-color: #757575; } .a-speaker__job { margin-top: -5px; } .a-speaker__text { margin-top: 10px; } @media screen and (min-width: 650px) { .a-speaker__text { margin-top: 20px; } } .a-news { position: relative; padding-top: 15px; padding-bottom: 35px; } .a-news:after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background-color: #d9d9d9; } .a-news__left { flex: 0 0 auto; margin-bottom: 10px; } @media screen and (max-width: 413px) { .a-news__left { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-news__left { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-news__left { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-news__left { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-news__left { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-news__left { width: 206.666666667px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-news__left { margin-top: 16px; margin-bottom: 0; } } .a-news__middle { flex: 0 0 auto; margin-bottom: 5px; } @media screen and (max-width: 413px) { .a-news__middle { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-news__middle { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-news__middle { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-news__middle { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-news__middle { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-news__middle { width: 700px; margin-left: 40px; } } @media screen and (min-width: 650px) { .a-news__middle { margin-bottom: 0; } } .a-news__right { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-news__right { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-news__right { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-news__right { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-news__right { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-news__right { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-news__right { width: 453.333333333px; margin-left: 40px; } } .a-news__link { display: block; } .a-news__link:hover .a-news__title span { border-color: #757575; } @media screen and (min-width: 650px) { .a-news__link .row, .a-news__link .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .a-news__link .a-eventsFeatured__inner, .a-news__link .m-list { flex-wrap: nowrap; } } .a-news__type { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; color: #141414; } .a-news__date { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; color: #757575; } .a-news__title { text-transform: none; } .a-news__title span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-news__text { margin-top: 0; } @media screen and (min-width: 990px) { .a-news__text { margin-top: 6px; } } .sidebarCover { position: relative; width: 100%; padding-bottom: 108.3333%; background-color: #f0f0f0; } @media screen and (min-width: 650px) { .sidebarCover { margin-top: 10px; margin-bottom: 10px; } } .sidebarCover__img { position: absolute; top: 50%; left: 50%; display: block; max-width: calc(100% - 40px); max-height: calc(100% - 60px); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); transform: translate(-50%, -50%); } @media screen and (min-width: 990px) { .sidebarCover__img { max-width: calc(100% - 100px); max-height: calc(100% - 62px); } } .sidebarCover__download__circle { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: 7px; left: 7px; width: 29px; height: 29px; border-radius: 50%; transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .sidebarCover__download__circle { background-color: #f8bd06; } .pageClass--grants .sidebarCover__download__circle { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .sidebarCover__download__circle { /* IE Edge 12+ CSS */ } .pageClass--grants .sidebarCover__download__circle { background-color: #5b74e4; } .pageClass--editorial .sidebarCover__download__circle { background-color: #f8bd06; } } @media screen and (min-width: 990px) { .sidebarCover__download__circle { top: 10px; left: 10px; width: 31px; height: 31px; } } .sidebarCover__download__icon { position: absolute; top: 16px; left: 17px; padding: 0; margin: 0; fill: #141414; transform: translate3d(0, 0, 0); } .pageClass--grants .sidebarCover__download__icon { fill: #fff; } @media screen and (min-width: 990px) { .sidebarCover__download__icon { top: 20px; left: 21px; } } .a-grantsDatabase { background: none; color: inherit; border: none; outline: none; padding: 0; text-align: left; border-bottom: 1px solid #d9d9d9; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px), and { .a-grantsDatabase:focus:not(.is-open), .a-grantsDatabase:hover { background-color: #05d192; background-color: var(--highlightColor); color: white; } } @media screen and (min-width: 650px) and (-ms-high-contrast: none), screen and (min-width: 650px) and (-ms-high-contrast: active) { .pageClass--editorial .a-grantsDatabase:focus:not(.is-open), .pageClass--editorial .a-grantsDatabase:hover { background-color: #f8bd06; } .pageClass--grants .a-grantsDatabase:focus:not(.is-open), .pageClass--grants .a-grantsDatabase:hover { background-color: #5b74e4; } } @media screen and (min-width: 650px), and { @supports (-ms-accelerator: true) { .a-grantsDatabase:focus:not(.is-open), .a-grantsDatabase:hover { /* IE Edge 12+ CSS */ } .pageClass--grants .a-grantsDatabase:focus:not(.is-open), .pageClass--grants .a-grantsDatabase:hover { background-color: #5b74e4; } .pageClass--editorial .a-grantsDatabase:focus:not(.is-open), .pageClass--editorial .a-grantsDatabase:hover { background-color: #f8bd06; } } .a-grantsDatabase:focus:not(.is-open) .a-grantsDatabase__title, .a-grantsDatabase:hover .a-grantsDatabase__title { transform: translateX(25px); } .a-grantsDatabase:focus:not(.is-open) .a-grantsDatabase__value--amount, .a-grantsDatabase:hover .a-grantsDatabase__value--amount { transform: translateX(-25px); } .a-grantsDatabase:focus:not(.is-open) .a-grantsDatabase__chevron, .a-grantsDatabase:hover .a-grantsDatabase__chevron { border-color: transparent transparent transparent white; } } .a-grantsDatabase.is-open .a-grantsDatabase__chevron { transform: rotate(90deg); } @media screen and (min-width: 650px), and { .a-grantsDatabase.is-open:hover { color: initial; background-color: transparent; } .a-grantsDatabase.is-open:hover .a-grantsDatabase__title { transform: none; } .a-grantsDatabase.is-open:hover .a-grantsDatabase__value--amount { transform: none; } .a-grantsDatabase.is-open:hover .a-grantsDatabase__chevron { border-color: transparent transparent transparent #141414; } } .a-grantsDatabase__header { padding: 11px 0 28px; cursor: pointer; } @media screen and (min-width: 650px) and (max-width: 989px) { .a-grantsDatabase__header { padding: 15px 0 20px; } } @media screen and (min-width: 650px) { .a-grantsDatabase__header .row, .a-grantsDatabase__header .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .a-grantsDatabase__header .a-eventsFeatured__inner, .a-grantsDatabase__header .m-list { flex-wrap: nowrap; } } .a-grantsDatabase__cell--1 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-grantsDatabase__cell--1 { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-grantsDatabase__cell--1 { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-grantsDatabase__cell--1 { width: calc((((100vw - 410px) / 12) * 1) + 0px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-grantsDatabase__cell--1 { width: calc((((100vw - 560px) / 12) * 1) + 0px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-grantsDatabase__cell--1 { width: calc((((100vw - 560px) / 12) * 1) + 0px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-grantsDatabase__cell--1 { width: 83.3333333333px; margin-left: 40px; } } @media screen and (max-width: 649px) { .a-grantsDatabase__cell--1 { padding-left: 16px; } } .a-grantsDatabase__cell--2 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-grantsDatabase__cell--2 { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-grantsDatabase__cell--2 { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-grantsDatabase__cell--2 { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-grantsDatabase__cell--2 { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-grantsDatabase__cell--2 { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-grantsDatabase__cell--2 { width: 206.666666667px; margin-left: 40px; } } @media screen and (max-width: 649px) { .a-grantsDatabase__cell--2 { padding-left: 16px; } } @media screen and (min-width: 650px) { .a-grantsDatabase__cell--2 { text-align: right; } } .a-grantsDatabase__cell--3 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-grantsDatabase__cell--3 { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-grantsDatabase__cell--3 { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-grantsDatabase__cell--3 { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-grantsDatabase__cell--3 { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-grantsDatabase__cell--3 { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-grantsDatabase__cell--3 { width: 330px; margin-left: 40px; } } .a-grantsDatabase__cell--6 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-grantsDatabase__cell--6 { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-grantsDatabase__cell--6 { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-grantsDatabase__cell--6 { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-grantsDatabase__cell--6 { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-grantsDatabase__cell--6 { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-grantsDatabase__cell--6 { width: 700px; margin-left: 40px; } } .a-grantsDatabase__cell--9 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-grantsDatabase__cell--9 { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-grantsDatabase__cell--9 { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-grantsDatabase__cell--9 { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-grantsDatabase__cell--9 { width: calc((((100vw - 560px) / 12) * 9) + 320px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-grantsDatabase__cell--9 { width: calc((((100vw - 560px) / 12) * 9) + 320px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-grantsDatabase__cell--9 { width: 1070px; margin-left: 40px; } } .a-grantsDatabase__title { position: relative; padding-left: 16px; padding-right: 16px; text-transform: none; transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .a-grantsDatabase__title { padding-left: 25px; padding-right: 25px; } } .a-grantsDatabase__chevron { position: absolute; top: 9px; left: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #141414; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .a-grantsDatabase__chevron { top: 18px; } } .a-grantsDatabase__value { display: block; transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) and (max-width: 989px) { .a-grantsDatabase__value { margin-top: -4px; } } .a-grantsDatabase__wrapper { height: 0px; overflow: hidden; transition: height 0.25s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-grantsDatabase__content { padding-bottom: 50px; } @media screen and (min-width: 650px) { .a-grantsDatabase__content { padding-top: 11px; padding-bottom: 60px; } } .a-grantsDatabase__cell--meta { display: flex; flex-wrap: wrap; } @media screen and (max-width: 649px) { .a-grantsDatabase__cell--meta .a-grantsDatabase__bloc { margin-left: 0; margin-top: 19px; } } @media screen and (min-width: 650px) { .a-grantsDatabase__cell--meta .a-grantsDatabase__bloc:nth-child(2n + 1) { margin-left: 0; } .a-grantsDatabase__cell--meta .a-grantsDatabase__bloc:nth-child(n + 3) { margin-top: 35px; } } .a-grantsDatabase__label { display: block; color: #757575; } .a-grantsDatabase__text { margin-top: 0; color: #141414; } .a-feedCard { position: relative; height: 100%; padding: 24px 35px 130px; /* Modifiers */ } .a-feedCard--big { padding-top: 19px; } .a-feedCard.is-popin-open .a-feedCard__popin { opacity: 1; visibility: visible; pointer-events: auto; } .a-feedCard__content { position: relative; min-height: 455px; } .a-feedCard__img { display: block; width: 100%; margin-bottom: 12px; margin-top: 10px; } .a-feedCard__text { margin-top: 0; } .a-feedCard__text .icon--more { position: relative; top: 2px; margin-left: 8px; fill: white; } .a-feedCard__author { position: absolute; bottom: 90px; } .a-feedCard__footer { position: absolute; bottom: 0; left: 35px; right: 30px; display: flex; flex-flow: row wrap; justify-content: space-between; height: 70px; padding: 19px 0 30px; border-top: 1px solid rgba(255, 255, 255, 0.15); } .a-feedCard__date, .a-feedCard__source { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .a-feedCard__source span { border-bottom: 1px solid transparent; padding-bottom: 2px; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-feedCard__source span:hover { border-color: #fff; } .a-feedCard__toggle { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: transparent; border: 1px solid transparent; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-feedCard__toggle:hover { border-color: white; } /* Popin */ .a-feedCard__popin { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 85px 0; z-index: 1500; background-color: #141414; opacity: 0; visibility: hidden; pointer-events: none; overflow-x: hidden; overflow-y: auto; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-feedCard__popin .container { position: relative; } .a-feedCard__popin .a-feedCard__footer { position: static; margin-top: 11px; border-top: 0; } .a-feedCard__popinClose { position: absolute; top: -50px; right: 0; display: block; width: 15px; height: 15px; padding: 0; background: transparent; border: 0; } .a-feedCard__popinClose svg { display: block; fill: white; } .a-feedCard__popinContainer { flex: 0 0 auto; } @media screen and (max-width: 413px) { .a-feedCard__popinContainer { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-feedCard__popinContainer { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-feedCard__popinContainer { width: calc((((100vw - 410px) / 12) * 10) + 270px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-feedCard__popinContainer { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-feedCard__popinContainer { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .a-feedCard__popinContainer { width: 700px; margin-left: 40px; } } @media screen and (max-width: 413px) { .a-feedCard__popinContainer { margin-left: calc((((100vw - 150px) / 6) * 0) + 20px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .a-feedCard__popinContainer { margin-left: calc((((100vw - 160px) / 6) * 0) + 20px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .a-feedCard__popinContainer { margin-left: calc(((((100vw - 410px) / 12) * 1) + 0px) + 30px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .a-feedCard__popinContainer { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .a-feedCard__popinContainer { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1520px) { .a-feedCard__popinContainer { margin-left: 370px; } } .a-feedCard__popinInner { width: calc(100% + 80px); margin-left: -40px; padding: 33px 40px 0; border: 1px solid rgba(255, 255, 255, 0.15); } .a-feedCard__popinContent *:first-child { margin-top: 0; } .a-feedCard__popinContent a { border-bottom: 1px solid #fff; } .a-feedCard__popinContent a:hover { border-color: transparent; } .a-feedCard__popinAuthor { display: block; margin-top: 21px; } .m-list { margin-top: 25px; margin-bottom: -40px; /* Modifiers */ } .m-list--4 .m-list__item { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-list--4 .m-list__item { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-list--4 .m-list__item { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-list--4 .m-list__item { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-list--4 .m-list__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-list--4 .m-list__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-list--4 .m-list__item { width: 453.333333333px; margin-left: 40px; } } .m-list__list { display: flex; flex-flow: row wrap; width: 100%; } .m-list__item { margin-bottom: 40px; border: 1px solid rgba(255, 255, 255, 0.15); } .m-articleList { position: relative; margin-top: 60px; padding-top: 30px; border-top: 4px solid #1f1f1f; } .m-articleList.m-articleList--editorialVoices { margin-top: 50px; padding-top: 17px; } @media screen and (min-width: 990px) { .m-articleList.m-articleList--editorialVoices { padding-top: 26px; margin-top: 110px; } } .m-articleList.m-articleList--highlightGrid { margin-top: 0; padding-top: 0; border-top: 0; } @media screen and (min-width: 650px) { .m-articleList.m-articleList--highlightGrid { display: flex; flex-wrap: wrap; margin-left: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) and (-ms-high-contrast: none), screen and (min-width: 650px) and (max-width: 989px) and (-ms-high-contrast: active) { .m-articleList.m-articleList--highlightGrid { width: calc(100% + 31px); } } @media screen and (min-width: 990px) { .m-articleList.m-articleList--highlightGrid { margin-left: -40px; } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .m-articleList.m-articleList--highlightGrid { width: calc(100% + 41px); } } .m-articleList.m-articleList--topicsList { margin-top: 0; border-top: 0; } @media screen and (min-width: 990px) { .m-articleList { padding-top: 50px; margin-top: 110px; border-width: 5px; } } .m-articleList__title { width: 100%; } @media screen and (min-width: 990px) { .m-articleList__title { padding-bottom: 15px; } } .m-articleList--editorialVoices .m-articleList__title { text-align: center; padding-bottom: 4px; } @media screen and (min-width: 990px) { .m-articleList--editorialVoices .m-articleList__title { padding-bottom: 14px; } } .m-articleList__btn { display: block; margin-top: 30px; border-top: 1px solid #d9d9d9; text-align: center; } .m-articleList__btn .btn, .m-articleList__btn .a-eventsFeatured__cta, .m-articleList__btn .m-staff__more, .m-articleList__btn .m-eventsCards__cta, .m-articleList__btn .m-form__fileBtn, .m-articleList__btn .m-form__submit { white-space: normal; } .m-articleMeta { border-top: 1px solid #d9d9d9; margin-top: 60px; } @media screen and (max-width: 413px) { .m-articleMeta { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-articleMeta { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-articleMeta { width: calc((((100vw - 410px) / 12) * 9) + 240px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-articleMeta { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-articleMeta { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1520px) { .m-articleMeta { width: 700px; } } .m-articleMetaBar { display: flex; flex-wrap: wrap; border-top: 1px solid #d9d9d9; padding: 15px 0; margin-top: 3px; } @media screen and (min-width: 650px) { .m-articleMetaBar { flex-wrap: nowrap; padding: 22px 0; margin-top: 26px; border-bottom: 1px solid #d9d9d9; } } .o-voiceInDepth .m-articleMetaBar { border-color: transparent; } @media screen and (min-width: 650px) { .o-voiceInDepth .m-articleMetaBar { position: relative; } .o-voiceInDepth .m-articleMetaBar::before { content: ''; position: absolute; z-index: 0; left: -25px; right: -25px; bottom: 100%; border-top: 1px solid #383838; pointer-events: none; } } @media screen and (min-width: 650px) and (min-width: 414px) and (max-width: 649px) { .o-voiceInDepth .m-articleMetaBar::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (min-width: 650px) and (max-width: 989px) { .o-voiceInDepth .m-articleMetaBar::before { left: -40px; right: -40px; } } @media screen and (min-width: 650px) and (min-width: 990px) and (max-width: 1299px) { .o-voiceInDepth .m-articleMetaBar::before { left: -60px; right: -60px; } } @media screen and (min-width: 650px) and (min-width: 1300px) and (max-width: 1519px) { .o-voiceInDepth .m-articleMetaBar::before { left: -60px; right: -60px; } } @media screen and (min-width: 650px) and (min-width: 1520px) { .o-voiceInDepth .m-articleMetaBar::before { left: -99em; right: -99em; } } @media screen and (max-width: 649px) { .o-voiceInDepth .m-articleMetaBar { margin-top: 2px; padding: 18px 0 12px; border-top: 1px solid #383838; } } .m-articleMetaBar__slug { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; flex: 0 0 auto; margin-left: 0 !important; } @media screen and (max-width: 413px) { .m-articleMetaBar__slug { width: calc((((100vw - 150px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-articleMetaBar__slug { width: calc((((100vw - 160px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-articleMetaBar__slug { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-articleMetaBar__slug { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-articleMetaBar__slug { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-articleMetaBar__slug { width: 330px; margin-left: 40px; } } .o-voiceInDepth .m-articleMetaBar__slug { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .o-voiceInDepth .m-articleMetaBar__slug::before, .o-voiceInDepth .m-articleMetaBar__slug::after { content: none; } @media screen and (max-width: 649px) { .m-articleMetaBar--no-slug .m-articleMetaBar__slug { display: none; } .m-articleMetaBar--no-slug .m-articleMetaBar__body { margin-left: 0; } .m-articleMetaBar--no-slug .m-articleMetaBar__body::before { display: none; } } .m-articleMetaBar__body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; flex: 0 0 auto; position: relative; color: #757575; } .m-articleMetaBar__body::before, .m-articleMetaBar__body::after { content: none; } @media screen and (max-width: 413px) { .m-articleMetaBar__body { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-articleMetaBar__body { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-articleMetaBar__body { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-articleMetaBar__body { width: calc((((100vw - 560px) / 12) * 5) + 160px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-articleMetaBar__body { width: calc((((100vw - 560px) / 12) * 5) + 160px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-articleMetaBar__body { width: 576.666666667px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-articleMetaBar__body { margin-top: 3px; } .o-voiceInDepth .m-articleMetaBar__body { margin-top: 0; } } .o-voiceInDepth .m-articleMetaBar__body { color: #fff; } .m-articleMetaBar__body::before { content: ''; position: absolute; left: -10px; top: 0; height: 100%; width: 1px; background: #d9d9d9; } @media screen and (min-width: 650px) { .m-articleMetaBar__body::before { left: -15px; } } @media screen and (min-width: 990px) { .m-articleMetaBar__body::before { left: -20px; } } .o-voiceInDepth .m-articleMetaBar__body::before { background: #383838; } .m-articleMetaBar__share { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-articleMetaBar__share { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-articleMetaBar__share { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-articleMetaBar__share { width: calc((((100vw - 410px) / 12) * 5) + 120px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-articleMetaBar__share { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-articleMetaBar__share { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-articleMetaBar__share { width: 453.333333333px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-articleMetaBar__share { margin-top: 21px; margin-bottom: -6px; margin-left: 0; padding-top: 25px; border-top: 1px solid #d9d9d9; width: 100%; } } @media screen and (min-width: 650px) { .m-articleMetaBar__share { text-align: right; } } @media screen and (max-width: 649px) { .o-voiceInDepth .m-articleMetaBar__share { border-top: 1px solid #383838; margin-bottom: 20px; } } .m-audioBlock { margin-top: 35px; } .m-audioBlock::before, .m-audioBlock::after { content: none; } @media screen and (max-width: 413px) { .m-audioBlock { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-audioBlock { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-audioBlock { width: calc((((100vw - 410px) / 12) * 9) + 240px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-audioBlock { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-audioBlock { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1520px) { .m-audioBlock { width: 700px; } } @media screen and (min-width: 990px) { .m-audioBlock { margin-top: 75px; } } .m-audioBlock__caption { margin-top: 10px; } .m-audioPlayer__container { position: relative; margin-bottom: -1px; border: 1px solid #d9d9d9; } @media screen and (max-width: 649px) { .m-audioPlayer__container .a-iconButton__wrapper { position: relative; width: 100%; } .m-audioPlayer__container .a-iconButton__wrapper .a-iconButton { display: none; } .m-audioPlayer__container .a-iconButton__wrapper .a-dropdown { opacity: 1; visibility: visible; position: relative; transform: translate(0); bottom: auto; left: auto; border: 0; min-width: 0; width: 100%; } .m-audioPlayer__container .a-iconButton__wrapper .a-dropdown:before { display: none; } .m-audioPlayer__container .a-iconButton__wrapper .a-dropdown__container { padding: 0 15px; } } @media screen and (min-width: 650px) { .m-audioPlayer__container .a-iconButton__wrapper { position: absolute; right: 10px; bottom: 2px; } } .m-audioPlayer__container audio { opacity: 0; visibility: hidden; } .m-audioPlayer__container:not(:first-child):before, .m-audioPlayer__container:not(:first-child):after { content: ''; position: absolute; top: -1px; left: 0; width: 20px; height: 1px; background: #fff; opacity: 1; transition: opacity 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-audioPlayer__container:not(:first-child):after { left: auto; right: 0; } .m-audioPlayer__container.is-active, .m-audioPlayer__container.is-animating { z-index: 2; } .m-audioPlayer__container.is-active:before, .m-audioPlayer__container.is-active:after, .m-audioPlayer__container.is-animating:before, .m-audioPlayer__container.is-animating:after { opacity: 0; } .m-audioPlayer__slider { position: relative; overflow: hidden; height: 0; transition: height 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-audioPlayer__container.is-active .m-audioPlayer__slider { height: auto; overflow: visible; } .m-audioPlayer__title { position: relative; width: 100%; padding: 17px 20px; cursor: pointer; } .m-audioPlayer__duration { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; margin-top: 2px; vertical-align: top; } .m-audioPlayer__duration::before, .m-audioPlayer__duration::after { content: none; } .m-audioPlayer__player { width: calc(100% - 5px); padding: 0 0 5px 5px; } @media screen and (min-width: 650px) { .m-audioPlayer__player { position: relative; width: 100%; padding-right: 75px; } } .m-audioPlayer__player .plyr__time { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #757575; } .m-audioPlayer__player .plyr__time::before, .m-audioPlayer__player .plyr__time::after { content: none; } .m-audioPlayer__player .plyr--full-ui input[type=range] { color: #05d192; color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-audioPlayer__player .plyr--full-ui input[type=range] { color: #f8bd06; } .pageClass--grants .m-audioPlayer__player .plyr--full-ui input[type=range] { color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-audioPlayer__player .plyr--full-ui input[type=range] { /* IE Edge 12+ CSS */ } .pageClass--grants .m-audioPlayer__player .plyr--full-ui input[type=range] { color: #5b74e4; } .pageClass--editorial .m-audioPlayer__player .plyr--full-ui input[type=range] { color: #f8bd06; } } .m-audioPlayer__player .plyr--full-ui input[type=range]::-webkit-slider-runnable-track { background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15) !important; } .m-audioPlayer__player .plyr--full-ui input[type=range]::-moz-range-track { background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15) !important; } .m-audioPlayer__player .plyr--full-ui input[type=range]::-ms-track { background-color: #fafafa; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15) !important; } .m-audioPlayer__player .plyr__volume { margin-left: 20px; } .m-audioPlayer__player .plyr__volume .plyr__control { background: transparent !important; color: #757575 !important; } .m-audioPlayer__player .plyr__volume .plyr__control .icon--not-pressed { fill: none; } .m-audioPlayer__player .plyr__progress { margin-left: 15px; } .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control { background-color: #05d192; background-color: var(--highlightColor); color: #141414; width: 50px; height: 50px; border-radius: 100%; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control { background-color: #f8bd06; } .pageClass--grants .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control { /* IE Edge 12+ CSS */ } .pageClass--grants .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control { background-color: #5b74e4; } .pageClass--editorial .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control { background-color: #f8bd06; } } .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control svg { margin-left: 10px; height: 20px; width: 20px; } .m-audioPlayer__player .plyr--audio .plyr__controls > .plyr__control .icon--pressed { margin-left: 8px; } .m-audioPlayer__player .plyr__tooltip { display: none !important; } .m-barCharts { margin-top: 40px; opacity: 0; } .m-barCharts.is-initialized { opacity: 1; } .m-barCharts.m-barCharts--small { margin-top: 28px; } @media screen and (min-width: 990px) { .m-barCharts { margin-top: 95px; } .m-barCharts.m-barCharts--small { margin-top: 50px; } } .m-barCharts .is-display-none { display: none; } .m-barCharts__chartsHolder { position: relative; z-index: 3; } .m-barCharts__title { text-transform: none; } @media screen and (min-width: 990px) { .m-barCharts__title { display: inline-block; width: calc((((100vw - 560px) / 12) * 7) + 240px); } } @media screen and (min-width: 1520px) { .m-barCharts__title { width: 823.333333333px; } } .m-barCharts__title span { display: block; } @media screen and (min-width: 990px) { .m-barCharts__title span { margin-left: 26px; display: inline-block; } } .m-barCharts__rows { width: 100%; margin-top: 15px; } @media screen and (min-width: 990px) { .m-barCharts__rows { margin-top: 43px; } .m-barCharts--small .m-barCharts__rows { min-height: 0; } } @media screen and (min-width: 990px) { .m-barCharts--categoryDetail .m-barCharts__rows { cursor: url("/dist/images/axe.png") 32 32, auto; cursor: -webkit-image-set(url("/dist/images/axe.png") 1x, url("/dist/images/axe_x2.png") 2x) 32 32, auto; } } .m-barCharts__scaleHolder { position: relative; width: 100%; height: 20px; padding-top: 2px; line-height: 10px; overflow: hidden; background-color: #f5f5f5; } @media screen and (min-width: 990px) { .m-barCharts__scaleHolder { height: 24px; } } .m-barCharts__scaleHolder::after { content: ''; position: absolute; top: 0; right: 0; width: 24px; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); } .o-contrastContainer .m-barCharts__scaleHolder::after { background: linear-gradient(to right, rgba(240, 240, 240, 0) 0%, #f0f0f0 100%); } .is-drawer-open .m-barCharts__scaleHolder { opacity: 0; } .m-barCharts__scale { width: auto; white-space: nowrap; transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-barCharts__scale__unit { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; display: inline-block; padding-left: 14px; color: #6B6B6B; } .m-barCharts__scale__unit::before, .m-barCharts__scale__unit::after { content: none; } .m-barCharts__scale__unit::before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; padding: 0; background-color: #6B6B6B; } .m-barCharts--highlightCategory .m-barCharts__scale__unit:first-child::before { opacity: 0; } .m-barCharts__switches { display: none; } @media screen and (min-width: 990px) { .m-barCharts__switches { display: flex; float: right; justify-content: flex-end; margin-top: -2px; width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .m-barCharts__switches { width: 453.333333333px; } } .m-barCharts__switch { width: 90px; position: relative; } .m-barCharts__switch:hover, .m-barCharts__switch.is-active { z-index: 2; } .m-barCharts__switch:hover .m-barCharts__btn, .m-barCharts__switch.is-active .m-barCharts__btn { color: #141414; border-color: #bfbfbf; } .m-barCharts__switch .m-barCharts__btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #757575; } .m-barCharts__switch .m-barCharts__btn::before, .m-barCharts__switch .m-barCharts__btn::after { content: none; } .m-barCharts__filters { display: none; } @media screen and (min-width: 990px) { .m-barCharts__filters { display: flex; width: 100%; padding-left: 1px; margin-top: 33px; min-height: 44px; } } .m-barCharts__filter { position: relative; flex: 1 1 auto; width: 100px; } .m-barCharts__filter i { position: absolute; top: -23px; left: 50%; width: 13px; height: 13px; margin-left: -6px; border-radius: 100%; transition: background-color 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-barCharts__btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; height: 44px; background: transparent; border: 1px solid #d9d9d9; border-left: 0; vertical-align: top; cursor: pointer; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-barCharts__btn::before, .m-barCharts__btn::after { content: none; } .m-barCharts__btn sup { position: absolute; } *:first-child > .m-barCharts__btn { border-left: 1px solid #d9d9d9; } .m-barCharts--highlightCategory .m-barCharts__filter i, .m-barCharts--categoryDetail .m-barCharts__filter i { background-color: #B7F2DF !important; } .m-barCharts--highlightCategory .m-barCharts__filter.is-active i, .m-barCharts--highlightCategory .m-barCharts__filter:hover i, .m-barCharts--categoryDetail .m-barCharts__filter.is-active i, .m-barCharts--categoryDetail .m-barCharts__filter:hover i { background-color: #05d192 !important; } .m-barCharts--categoryDetail .m-barCharts__filters .m-barCharts__btn, .m-barCharts__filters:hover .m-barCharts__btn { color: #757575; } .m-barCharts--categoryDetail .m-barCharts__filters .m-barCharts__btn.is-active, .m-barCharts--categoryDetail .m-barCharts__filters .m-barCharts__btn:hover, .m-barCharts__filters:hover .m-barCharts__btn.is-active, .m-barCharts__filters:hover .m-barCharts__btn:hover { color: #141414; background-color: #fafafa; } .m-barCharts__ruler { position: absolute; top: 0; left: 0; height: calc(100% - 60px); width: 1px; background: rgba(0, 0, 0, 0.25); opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; } .m-barCharts__ruler.is-active { opacity: 1; } .m-barCharts__tooltip { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; min-width: 170px; padding: 4px 13px 9px; border: 1px solid #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); visibility: hidden; opacity: 0; z-index: 3; } .m-barCharts__tooltip.is-active { visibility: visible; opacity: 1; } .m-barCharts__tooltip::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 9px; height: 9px; margin-left: -5px; padding: 0; background-color: inherit; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); } .m-barCharts__footnote { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #757575; border-top: 1px solid #d9d9d9; margin-top: 35px; padding-top: 10px; } @media screen and (min-width: 990px) { .m-barCharts__footnote { margin-top: 50px; } } @media screen and (max-width: 649px) { .m-barCharts__footnote { position: relative; overflow: hidden; height: 115px; transition: height 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } } .m-barCharts--detailView .m-barCharts__footnote { display: none; } @media screen and (min-width: 650px) { .m-barCharts__footnoteHolder { columns: 2; column-gap: 30px; } } @media screen and (min-width: 990px) { .m-barCharts__footnoteHolder { column-gap: 40px; } } @media screen and (max-width: 649px) { .m-barCharts__footnoteHolder [data-charts-legal] { display: inline; } } .m-barCharts__footnote__expand { position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background-color: #f5f5f5; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .m-barCharts__footnote:not(.has-expand) .m-barCharts__footnote__expand { display: none; } .m-barCharts__footnote__expand::before, .m-barCharts__footnote__expand::after { content: ''; position: absolute; top: -41px; left: 0; width: 100%; height: 40px; background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%); } .m-barCharts__footnote__expand::after { top: 4px; left: 50%; width: 7px; height: 7px; margin-left: -4px; background: transparent; border-left: 1px solid #757575; border-bottom: 1px solid #757575; transform: rotate(-45deg); } .m-barCharts__mobileFilters { display: flex; justify-content: space-between; margin-top: 30px; } @media screen and (min-width: 990px) { .m-barCharts__mobileFilters { display: none; } } .m-barCharts__mobileFilter { width: 60%; } .m-barCharts__mobileSwitch { width: 36%; } .m-barCharts__mobileFilter select, .m-barCharts__mobileSwitch select { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .m-cardsCarousel__wrapper, .m-cardsCarousel { position: relative; width: 100%; } @media screen and (min-width: 650px) { .m-cardsCarousel__wrapper { overflow: hidden; } } @media screen and (min-width: 990px) { .m-cardsCarousel { padding-bottom: 10px; } } .m-cardsCarousel__title { padding-bottom: 30px; } @media screen and (min-width: 650px) { .m-cardsCarousel__title { border-bottom: 1px solid #d9d9d9; padding-bottom: 35px; } } .m-cardsCarousel__slider { width: 9999em; display: flex; } .m-cardsCarousel__slider.a17s_transition { transition: transform .25s ease; } .m-cardsCarousel__item { position: relative; padding: 0 1px; } @media screen and (max-width: 413px) { .m-cardsCarousel__item { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-cardsCarousel__item { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-cardsCarousel__item { width: calc((((100vw - 410px) / 12) * 6) + 150px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-cardsCarousel__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-cardsCarousel__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .m-cardsCarousel__item { width: 453.333333333px; } } @media screen and (min-width: 650px) { .m-cardsCarousel__item { margin-right: 30px; } } @media screen and (min-width: 990px) { .m-cardsCarousel__item { margin-right: 40px; } } .m-cardsCarousel__controls { position: absolute; right: 0; top: 0; display: none; } @media screen and (min-width: 650px) { .m-cardsCarousel__controls { display: block; top: 5px; } } .m-cardsCarousel__controls li:not(.m-cardsCarousel__control) { display: none; } .m-cardsCarousel__control { display: inline-block; } .m-cardsCarousel__control a { display: block; position: relative; width: 32px; height: 32px; border-radius: 100%; background-color: #05d192; transition: background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-cardsCarousel__control a { width: 46px; height: 46px; } } .m-cardsCarousel__control a span { display: none; } .m-cardsCarousel__control a::before { display: none; } .m-cardsCarousel__control a:hover { background-color: #040404; } .m-cardsCarousel__control a:hover::after { border-color: #fff; } .m-cardsCarousel__control a::after { content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4px 0 0 -6px; border-top: 1px solid #141414; border-right: 1px solid #141414; transform: rotate(45deg); transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-cardsCarousel__control a::after { width: 10px; height: 10px; margin: -5px 0 0 -6px; } } .m-cardsCarousel__control.prev { margin-right: 6px; } .m-cardsCarousel__control.prev a::after { transform: rotate(-135deg); margin-left: -3px; } .m-cardsList { width: 100%; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-cardsList.m-cardsList--leadership { width: 100vw; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-cardsList--row { width: 100%; } .m-cardsList--row .m-cardsList__list, .m-cardsList--row .m-cardsList__item { display: block; width: 100%; } } .m-cardsList__list.m-cardsList__list--grants { margin-top: -15px; } @media screen and (min-width: 650px) { .m-cardsList__list { display: flex; flex-flow: row; flex-wrap: wrap; margin-top: 30px; margin-left: -15px; margin-right: -15px; } } @media screen and (min-width: 650px) and (max-width: 989px) and (-ms-high-contrast: none), screen and (min-width: 650px) and (max-width: 989px) and (-ms-high-contrast: active) { .m-cardsList__list { width: calc(100% + 31px); } } @media screen and (min-width: 990px) { .m-cardsList__list { margin-top: 40px; margin-left: -20px; margin-right: -20px; } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .m-cardsList__list { width: calc(100% + 41px); } } @media screen and (min-width: 650px) { .o-contentBlocks__container--noBorder .m-cardsList__list { margin-top: 0; } } @media screen and (min-width: 990px) { .o-contentBlocks__container--noBorder .m-cardsList__list { margin-top: 5px; } } .m-cardsList--mainLeadership .m-cardsList__list { margin-top: 0; } @media screen and (max-width: 413px) { .m-cardsList--mainLeadership .m-cardsList__list .m-cardsList__item { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-cardsList--mainLeadership .m-cardsList__list .m-cardsList__item { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-cardsList--mainLeadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 410px) / 12) * 6) + 150px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-cardsList--mainLeadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-cardsList--mainLeadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 6) + 200px); } } @media screen and (min-width: 1520px) { .m-cardsList--mainLeadership .m-cardsList__list .m-cardsList__item { width: 700px; } } .m-cardsList--leadership .m-cardsList__list { margin-top: 0; } @media screen and (max-width: 649px) { .m-cardsList--leadership .m-cardsList__list { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .m-cardsList--leadership .m-cardsList__list .m-cardsList__item { margin-left: 10px; margin-right: 10px; } } @media screen and (max-width: 413px) { .m-cardsList--leadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 150px) / 6) * 3) + 40px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-cardsList--leadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 160px) / 6) * 3) + 40px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-cardsList--leadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 410px) / 12) * 4) + 90px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-cardsList--leadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-cardsList--leadership .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .m-cardsList--leadership .m-cardsList__list .m-cardsList__item { width: 453.333333333px; } } @media screen and (max-width: 413px) { .o-contentBlocks__body .m-cardsList__list .m-cardsList__item { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentBlocks__body .m-cardsList__list .m-cardsList__item { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentBlocks__body .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 410px) / 12) * 8) + 210px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentBlocks__body .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentBlocks__body .m-cardsList__list .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .o-contentBlocks__body .m-cardsList__list .m-cardsList__item { width: 453.333333333px; } } .m-cardsList__list.m-cardsList__list--staff { display: flex; flex-flow: row wrap; margin-top: -25px; margin-left: -10px; margin-right: -10px; text-align: center; } @media screen and (min-width: 650px) { .m-cardsList__list.m-cardsList__list--staff { margin-top: 0; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item:nth-child(4) { display: none; } } .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { margin-left: 10px; margin-right: 10px; } @media screen and (max-width: 413px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { width: calc((((100vw - 150px) / 6) * 3) + 40px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { width: calc((((100vw - 160px) / 6) * 3) + 40px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { width: calc((((100vw - 410px) / 12) * 4) + 90px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 3) + 80px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 3) + 80px); } } @media screen and (min-width: 1520px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { width: 330px; } } @media screen and (min-width: 990px) { .m-cardsList__list.m-cardsList__list--staff .m-cardsList__item { margin-top: 0; } } .m-cardsList__list.m-cardsList__list--offices { margin-top: 10px; } .m-cardsList__item { margin-top: 25px; } @media screen and (max-width: 413px) { .m-cardsList__item { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-cardsList__item { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-cardsList__item { width: calc((((100vw - 410px) / 12) * 6) + 150px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-cardsList__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .m-cardsList__item { width: 453.333333333px; } } @media screen and (min-width: 414px) { .m-cardsList__item { margin-top: 30px; } } @media screen and (min-width: 650px) { .m-cardsList__item { margin-left: 15px; margin-right: 15px; } } @media screen and (min-width: 990px) { .m-cardsList__item { margin-left: 20px; margin-right: 20px; margin-top: 40px; } .m-cardsList--row .m-cardsList__item { border-bottom: 1px solid #d9d9d9; } } @media screen and (max-width: 649px) { .m-cardsList--flexRows .m-cardsList__item { margin-top: 42px; } } .m-cardsList__btn { display: block; text-align: center; } .m-chapterBar { position: fixed; top: 0; left: 0; width: 100vw; height: 90px; padding: 15px 0; background: #fff; line-height: 0; transform: translateY(-100%); transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); display: none; z-index: 100; } @media screen and (min-width: 650px) { .m-chapterBar { display: block; } } .m-chapterBar::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #d9d9d9; } .m-chapterBar.is-active { transform: translateY(0); } .s-nav-is-sticky:not(.s-nav-is-hiding) .m-chapterBar { transform: translateY(-100%); } .m-chapterBar__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 85px; height: 100%; padding: 3px 20px; border-right: 1px solid #d9d9d9; } .m-chapterBar__title::before, .m-chapterBar__title::after { content: none; } .m-chapterBar__scroller { position: absolute; left: 85px; top: 0; height: 100%; width: calc(100% - 85px); padding: 15px 0; overflow: hidden; } .m-chapterBar__container { display: flex; height: 100%; transition: transform 0.3s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-chapterBar__chapter { position: relative; display: inline-block; height: 100%; width: 230px; padding: 0; color: #757575; border-right: 1px solid #d9d9d9; text-align: left; vertical-align: top; flex-shrink: 0; line-height: 20px !important; transition: color 0.18s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-chapterBar__chapter::before, .m-chapterBar__chapter::after { content: none; } .m-chapterBar__chapter > span { position: absolute; top: 0; left: 0; width: 100%; padding: 0 20px; } .m-chapterBar__chapter > span span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-chapterBar__chapter::after { content: ''; position: absolute; bottom: -8px; left: 0; height: 3px; width: 100%; background-color: #05d192; background-color: var(--highlightColor); opacity: 0; transition: opacity 0.22s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-chapterBar__chapter::after { background-color: #f8bd06; } .pageClass--grants .m-chapterBar__chapter::after { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-chapterBar__chapter::after { /* IE Edge 12+ CSS */ } .pageClass--grants .m-chapterBar__chapter::after { background-color: #5b74e4; } .pageClass--editorial .m-chapterBar__chapter::after { background-color: #f8bd06; } } .m-chapterBar__chapter.is-active, .m-chapterBar__chapter:hover { color: #141414; } .m-chapterBar__chapter:hover span span { border-color: #757575; } .m-chapterBar__chapter.is-active::after { opacity: 1; } .m-chapterBar__button { position: absolute; top: 0; right: 0; width: 45px; height: 100%; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: #fff; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); transform: translateX(50%); visibility: hidden; opacity: 0; } .m-chapterBar__button::before { content: ''; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; margin: -7px 0 0 -9px; border-top: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; transform: rotate(45deg); transition: border-color 0.18s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-chapterBar__button:hover::before { border-color: #05d192; border-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-chapterBar__button:hover::before { border-color: #f8bd06; } .pageClass--grants .m-chapterBar__button:hover::before { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-chapterBar__button:hover::before { /* IE Edge 12+ CSS */ } .pageClass--grants .m-chapterBar__button:hover::before { border-color: #5b74e4; } .pageClass--editorial .m-chapterBar__button:hover::before { border-color: #f8bd06; } } .m-chapterBar__button span { visibility: hidden; } .m-chapterBar__button[data-chapterbar-direction="prev"] { left: 85px; width: 44px; border-left: none; border-right: 1px solid #d9d9d9; transform: translateX(-50%); } .m-chapterBar__button[data-chapterbar-direction="prev"]::before { margin-left: -3px; transform: rotate(-135deg); } .m-chapterBar__button.is-active { visibility: visible; opacity: 1; transform: translateX(0%); } .m-doubleMedia { width: 100%; } @media screen and (max-width: 649px) { .m-doubleMedia .a-media:first-child { margin-top: 7px; } } @media screen and (min-width: 650px) { .m-doubleMedia { position: relative; display: flex; } .m-doubleMedia .a-media { width: 50%; } .m-doubleMedia .a-media figcaption { padding-right: 30px; } .m-doubleMedia::after { content: ''; position: absolute; left: 50%; top: 0; width: 9px; height: 100%; margin-left: -4px; background: #fff; } } @media screen and (min-width: 650px) { .m-doubleMedia .a-media + .a-media figcaption { padding-left: 5px; } } @media screen and (min-width: 990px) { .m-doubleMedia .a-media figcaption { padding-right: 40px; } } /* * Full Grid variation */ @media screen and (min-width: 650px) { .o-contentBlocks__container .m-doubleMedia--fullGrid { margin-left: calc((((((100vw - 410px) / 12) * 4) + 90px) + 30px) * -1); } } @media screen and (min-width: 990px) { .o-contentBlocks__container .m-doubleMedia--fullGrid { margin-left: calc((((((100vw - 560px) / 12) * 4) + 120px) + 40px) * -1); } } @media screen and (min-width: 1520px) { .o-contentBlocks__container .m-doubleMedia--fullGrid { width: 1440px; margin-left: -493.333333333px; } } @media screen and (min-width: 650px) { .o-editorialArticle .m-doubleMedia--fullGrid { width: calc(100vw - map-get($outer-gutters, medium)); margin-left: calc((((((100vw - 410px) / 12) * 3) + 60px) + 30px) * -1); } } @media screen and (min-width: 990px) { .o-editorialArticle .m-doubleMedia--fullGrid { width: calc(100vw - map-get($outer-gutters, large)); margin-left: calc((((((100vw - 560px) / 12) * 3) + 80px) + 40px) * -1); } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-doubleMedia--fullGrid { width: 1440px; margin-left: -370px; } } .m-episodeBar__spacer { background-color: #05d192; background-color: var(--highlightColor); position: relative; display: block; height: 100px; width: 100vw; left: 50%; margin-left: -50vw; z-index: 10; display: none; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-episodeBar__spacer { background-color: #f8bd06; } .pageClass--grants .m-episodeBar__spacer { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-episodeBar__spacer { /* IE Edge 12+ CSS */ } .pageClass--grants .m-episodeBar__spacer { background-color: #5b74e4; } .pageClass--editorial .m-episodeBar__spacer { background-color: #f8bd06; } } @media screen and (min-width: 650px) { .m-episodeBar__spacer { display: block; height: 125px; } } @media screen and (min-width: 990px) { .m-episodeBar__spacer:not(.m-episodeBar--bottom) { margin-bottom: 30px; } } .m-episodeBar { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: 0; left: 0; width: 100vw; height: 100px; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); z-index: 10; opacity: 0; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-episodeBar { background-color: #f8bd06; } .pageClass--grants .m-episodeBar { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-episodeBar { /* IE Edge 12+ CSS */ } .pageClass--grants .m-episodeBar { background-color: #5b74e4; } .pageClass--editorial .m-episodeBar { background-color: #f8bd06; } } .m-episodeBar::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.15); } @media screen and (min-width: 650px) { .m-episodeBar { height: 125px; } } .m-episodeBar.is-initialized { opacity: 1; } .m-episodeBar__spacer:not(.m-episodeBar--bottom) .m-episodeBar.has-transition { transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .s-episodeBar-is-sticky.s-episodeBar-open:not(.s-nav-is-hiding) .m-episodeBar__spacer:not(.m-episodeBar--bottom) .m-episodeBar { transform: translateY(72px); } @media screen and (min-width: 990px) { .s-episodeBar-is-sticky.s-episodeBar-open:not(.s-nav-is-hiding) .m-episodeBar__spacer:not(.m-episodeBar--bottom) .m-episodeBar { transform: translateY(85px); } } .s-episodeBar-is-sticky .m-episodeBar__spacer:not(.m-episodeBar--bottom) .m-episodeBar { position: fixed; transform: translateY(-100%); } .m-episodeBar--bottom { margin-top: 100px; margin-bottom: -70px; } @media screen and (min-width: 650px) { .m-episodeBar--bottom { margin-bottom: -100px; } } @media screen and (min-width: 990px) { .m-episodeBar--bottom { margin-top: 135px; margin-bottom: -135px; } } .m-episodeBar--bottom .m-episodeBar { height: auto; min-height: 100px; } @media screen and (min-width: 650px) { .m-episodeBar--bottom .m-episodeBar { min-height: 135px; } } .m-episodeBar--bottom .m-episodeBar__container { min-height: 70px; } @media screen and (min-width: 650px) { .m-episodeBar--bottom .m-episodeBar__container { min-height: 95px; } } .m-episodeBar__scroller { padding: 15px 0; overflow: hidden; height: 100%; } @media screen and (min-width: 650px) { .m-episodeBar__scroller { padding: 20px 0; } } .m-episodeBar__container { display: flex; height: 100%; transition: transform 0.3s cubic-bezier(0.545, 0.03, 0.395, 0.965); padding: 0 30px; } @media screen and (min-width: 650px) { .m-episodeBar__container { padding: 0; } } .m-episodeBar__container.no-trasition { transition-duration: 0s; } .m-episodeBar__chapter { position: relative; display: inline-block; width: 200px; padding: 0 20px; color: #141414; border-right: 1px solid rgba(0, 0, 0, 0.15); text-align: left; vertical-align: top; flex-shrink: 0; line-height: 20px !important; } .m-episodeBar__chapter::before, .m-episodeBar__chapter::after { content: none; } .m-episodeBar__chapter img { display: none; } .m-episodeBar__chapter .m-episodeBar__chapter__label { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; margin-bottom: 7px; } @media screen and (min-width: 650px) { .m-episodeBar__chapter .m-episodeBar__chapter__label { margin-bottom: 10px; } } .m-episodeBar__chapter .m-episodeBar__chapter__label span { border-bottom: 1px solid transparent; transition: border-color 0.18s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-episodeBar__chapter:first-child { border-left: 1px solid rgba(0, 0, 0, 0.15); } .m-episodeBar__chapter:last-child { border-right: 0; } .m-episodeBar__chapter::after { content: ''; position: absolute; bottom: -20px; left: 0; height: 3px; width: 100%; margin: 0; background: #040404; opacity: 0; transition: opacity 0.22s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-episodeBar--bottom .m-episodeBar__chapter::after { bottom: auto; top: -20px; } .m-episodeBar__chapter:hover .m-episodeBar__chapter__label span { border-color: #141414; } .m-episodeBar__chapter.is-active::after { opacity: 1; } .m-episodeBar__chapter__body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -5px; overflow: hidden; height: 100%; } .m-episodeBar--bottom { display: block; } .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::before, .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter::after { content: none; } @media screen and (min-width: 650px) { .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter { width: 600px; line-height: 30px !important; } } @media screen and (min-width: 650px) { .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter span { margin-bottom: 10px; } } .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter span::before { content: 'Next'; display: inline-block; margin-right: 4px; width: auto; } @media screen and (max-width: 649px) { .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter { font-size: 12px; line-height: 20px; font-weight: normal; } } @media screen and (min-width: 650px) { .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image { background-color: #05d192; background-color: var(--highlightColor); } } @media screen and (min-width: 650px) and (-ms-high-contrast: none), screen and (min-width: 650px) and (-ms-high-contrast: active) { .pageClass--editorial .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image { background-color: #f8bd06; } .pageClass--grants .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image { background-color: #5b74e4; } } @media screen and (min-width: 650px) { @supports (-ms-accelerator: true) { .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image { /* IE Edge 12+ CSS */ } .pageClass--grants .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image { background-color: #5b74e4; } .pageClass--editorial .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image { background-color: #f8bd06; } } .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image img { display: inline-block; width: 160px; mix-blend-mode: multiply; } .m-episodeBar--bottom .m-episodeBar__chapter.is-active + .m-episodeBar__chapter.has-image .m-episodeBar__chapter__body { display: inline-block; width: 350px; padding-left: 36px; vertical-align: top; } } .m-episodeBar__capter__body { display: inline-block; width: 430px; padding-left: 40px; } .m-episodeBar__button { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: 0; right: 0; width: 36px; height: 100%; border-left: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); transform: translateX(50%); visibility: hidden; opacity: 0; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-episodeBar__button { background-color: #f8bd06; } .pageClass--grants .m-episodeBar__button { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-episodeBar__button { /* IE Edge 12+ CSS */ } .pageClass--grants .m-episodeBar__button { background-color: #5b74e4; } .pageClass--editorial .m-episodeBar__button { background-color: #f8bd06; } } @media screen and (min-width: 650px) { .m-episodeBar__button { width: 45px; } } .m-episodeBar__button::before { content: ''; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; margin: -7px 0 0 -9px; border-top: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; transform: rotate(45deg); transition: opacity 0.18s cubic-bezier(0.545, 0.03, 0.395, 0.965); opacity: 0.42; } .m-episodeBar__button:hover::before { opacity: 1; } .m-episodeBar__button span { visibility: hidden; } .m-episodeBar__button[data-episodebar-direction="prev"] { left: 0; border-left: none; border-right: 1px solid rgba(0, 0, 0, 0.15); transform: translateX(-50%); } .m-episodeBar__button[data-episodebar-direction="prev"]::before { margin-left: -3px; transform: rotate(-135deg); } .m-episodeBar__button.is-active { visibility: visible; opacity: 1; transform: translateX(0%); } .m-exploreBlock { display: flex; flex-wrap: wrap; margin-top: 30px; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 650px) { .m-exploreBlock { border-top: 1px solid #d9d9d9; flex-wrap: nowrap; } } @media screen and (min-width: 990px) { .m-exploreBlock { margin-top: 55px; } } .m-exploreBlock__subtitle { flex: 0 0 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 0 !important; padding-bottom: 10px; color: #141414; } @media screen and (max-width: 413px) { .m-exploreBlock__subtitle { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-exploreBlock__subtitle { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-exploreBlock__subtitle { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-exploreBlock__subtitle { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-exploreBlock__subtitle { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-exploreBlock__subtitle { width: 206.666666667px; margin-left: 40px; } } @media screen and (min-width: 650px) { .m-exploreBlock__subtitle { margin-top: 25px; padding-bottom: 0; } } @media screen and (min-width: 990px) { .m-exploreBlock__subtitle { margin-top: 30px; } } .m-exploreBlock__links { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-exploreBlock__links { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-exploreBlock__links { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-exploreBlock__links { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-exploreBlock__links { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-exploreBlock__links { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-exploreBlock__links { width: 700px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-exploreBlock__links { margin-left: 0 !important; } } .m-exploreBlock__item { display: block; position: relative; padding: 17px 45px 17px 0; border-top: 1px solid #d9d9d9; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-exploreBlock__item::before, .m-exploreBlock__item::after { content: none; } @media screen and (min-width: 650px) { .m-exploreBlock__item { padding: 22px 45px 22px 0; } } @media screen and (min-width: 650px) { li:first-child .m-exploreBlock__item { border-top: 0; } } .m-exploreBlock__item .icon { position: absolute; right: 0; top: 50%; width: 32px; height: 32px; margin-top: -16px; border: 1px solid #d9d9d9; border-radius: 100%; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-exploreBlock__item .icon { width: 46px; height: 46px; margin-top: -23px; } } .m-exploreBlock__item .icon::after { content: ''; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -4px 0 0 -6px; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; transform: rotate(45deg); transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-exploreBlock__item .icon::after { width: 11px; height: 11px; margin: -6px 0 0 -8px; } } .m-exploreBlock__item:hover .icon { border-color: #05d192; border-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-exploreBlock__item:hover .icon { border-color: #f8bd06; } .pageClass--grants .m-exploreBlock__item:hover .icon { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-exploreBlock__item:hover .icon { /* IE Edge 12+ CSS */ } .pageClass--grants .m-exploreBlock__item:hover .icon { border-color: #5b74e4; } .pageClass--editorial .m-exploreBlock__item:hover .icon { border-color: #f8bd06; } } .m-exploreBlock__item:hover .icon::after { border-color: #05d192; border-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-exploreBlock__item:hover .icon::after { border-color: #f8bd06; } .pageClass--grants .m-exploreBlock__item:hover .icon::after { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-exploreBlock__item:hover .icon::after { /* IE Edge 12+ CSS */ } .pageClass--grants .m-exploreBlock__item:hover .icon::after { border-color: #5b74e4; } .pageClass--editorial .m-exploreBlock__item:hover .icon::after { border-color: #f8bd06; } } .m-factSliders { position: relative; margin-top: 50px; z-index: 4; } @media screen and (min-width: 990px) { .m-factSliders { margin-top: 95px; } } @media screen and (min-width: 990px) { .m-pageIntro + .m-factSliders { margin-top: 80px; } } .o-contentBlocks__body .m-factSliders, .o-contentBlocks__full .m-factSliders { margin-top: 20px; } @media screen and (min-width: 990px) { .o-contentBlocks__body .m-factSliders, .o-contentBlocks__full .m-factSliders { margin-top: 50px; } .page-how-we-work .o-contentBlocks__body .m-factSliders, .page-how-we-work .o-contentBlocks__full .m-factSliders { margin-top: 25px; margin-bottom: 25px; } } .m-factSliders .sectionTitle { margin-bottom: 25px; margin-top: -15px; } @media screen and (min-width: 990px) { .m-factSliders .sectionTitle { margin-bottom: 35px; } } .m-featuredGrantLinks { margin-top: 50px; padding-top: 16px; border-top: 5px solid #000; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .m-featuredGrantLinks { margin-top: 70px; padding-top: 46px; } } .m-featuredGrantLinks__title { margin-bottom: 33px; text-transform: none; } .m-featuredGrantLinks__item { display: block; width: 100%; padding-bottom: 26px; border-top: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .m-featuredGrantLinks__item { padding-bottom: 36px; } } .m-featuredGrantLinks__item:hover .m-featuredGrantLinks__item__title span { border-color: #757575; } .m-featuredGrantLinks__item__title { margin-top: -4px; margin-bottom: 3px; } .m-featuredGrantLinks__item__title span { padding-bottom: 1px; border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-featuredGrantLinks__item__subtitle { display: inline-block; padding-top: 15px; color: #757575; } .m-filters { display: none; } @media screen and (min-width: 650px) { .m-filters { display: block; margin-top: 80px; margin-bottom: -1px; } } /* * Filter top bar */ .m-filters__bar { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; height: 67px; width: 100%; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .m-filters__bar { height: 80px; } } .m-filters__title { text-transform: none; } .m-filters__label { color: #757575; } .m-filters__label::before, .m-filters__label::after { content: none; } @media screen and (min-width: 650px) and (max-width: 989px) { .m-filters__label { display: none; } } .m-filters__controls__button { position: relative; padding-right: 25px; color: #757575; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-filters__controls__button::before, .m-filters__controls__button::after { content: none; } @media screen and (min-width: 990px) { .m-filters__controls__button { margin-left: 25px; } } .m-filters__controls__button::after { content: ''; position: absolute; right: 2px; top: 50%; width: 8px; height: 8px; margin-top: -2px; border-left: 1px solid #757575; border-top: 1px solid #757575; transform: rotate(-135deg); transform-origin: 2px 2px; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-filters__controls__button:hover, .is-open .m-filters__controls__button.is-active { color: #141414; } .m-filters__controls__button:hover::after, .is-open .m-filters__controls__button.is-active::after { border-color: #141414; } .is-open .m-filters__controls__button.is-active::after { transform: rotate(45deg); } .m-filters__sorting .m-filters__label { margin-top: 3px; display: inline-block; vertical-align: top; } .m-filters__sorting .m-filters__links__item { margin-top: 3px; display: inline-block; vertical-align: top; color: #757575; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-filters__sorting .m-filters__links__item::before, .m-filters__sorting .m-filters__links__item::after { content: none; } .m-filters__sorting .m-filters__links__item.is-active, .m-filters__sorting .m-filters__links__item:hover { color: #141414; } /* * Filter tabs */ .m-filters__tabs { height: 0; position: relative; overflow: hidden; background-color: #f5f5f5; } .m-filters__tabs.has-transition { transition: height 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-filters__tab { position: absolute; width: 100%; left: 0; top: 0; columns: 3; padding: 15px 20px; visibility: hidden; opacity: 0; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-filters__tab { columns: 4; padding: 20px 30px; } } .m-filters__tab.is-active { visibility: visible; opacity: 1; } .m-filters__option { display: inline-block; width: 100%; color: #6B6B6B; text-align: left; } .m-filters__option::before, .m-filters__option::after { content: none; } .m-filters__option.is-active, .m-filters__option:hover { color: #141414; } .m-filters__option.m-filters__option--checkbox { position: relative; padding-left: 20px; } .m-filters__option.m-filters__option--checkbox::before { content: ''; padding: 0; position: absolute; left: 0; top: 4px; width: 10px; height: 10px; border: 1px solid #757575; border-radius: 1px; } @media screen and (min-width: 990px) { .m-filters__option.m-filters__option--checkbox::before { top: 7px; } } .m-filters__option.m-filters__option--checkbox.is-active::before { border-color: #05d192; border-color: var(--highlightColor); background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-filters__option.m-filters__option--checkbox.is-active::before { border-color: #f8bd06; } .pageClass--grants .m-filters__option.m-filters__option--checkbox.is-active::before { border-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-filters__option.m-filters__option--checkbox.is-active::before { /* IE Edge 12+ CSS */ } .pageClass--grants .m-filters__option.m-filters__option--checkbox.is-active::before { border-color: #5b74e4; } .pageClass--editorial .m-filters__option.m-filters__option--checkbox.is-active::before { border-color: #f8bd06; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-filters__option.m-filters__option--checkbox.is-active::before { background-color: #f8bd06; } .pageClass--grants .m-filters__option.m-filters__option--checkbox.is-active::before { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-filters__option.m-filters__option--checkbox.is-active::before { /* IE Edge 12+ CSS */ } .pageClass--grants .m-filters__option.m-filters__option--checkbox.is-active::before { background-color: #5b74e4; } .pageClass--editorial .m-filters__option.m-filters__option--checkbox.is-active::before { background-color: #f8bd06; } } /* Modifiers */ .m-filters--full { margin-top: 0; } .m-filters--full .m-filters__controls { margin-top: 0; margin-bottom: 24px; } .m-filters--full .m-filters__bar { display: flex; flex-flow: row wrap; justify-content: flex-end; height: auto; border: none; } @media screen and (min-width: 990px) { .m-filters--full .m-filters__controls { margin-top: 14px; } } .m-filters--events { margin-top: 0; } .m-filters--events .m-filters__bar { height: auto; padding-bottom: 30px; justify-content: flex-start; border: none; } .m-filters--events .m-filters__controls { position: relative; top: 10px; margin-left: 50px; } @media screen and (min-width: 650px) { .m-filters--events .m-filters__controls { top: 8px; } } @media screen and (min-width: 990px) { .m-filters--events .m-filters__controls { top: 10px; } } .m-filters--grants { margin-top: 0; } .m-filters--grants .m-filters__bar { border-top: 0; } @media screen and (min-width: 650px) { .m-filtersMobile { display: none; } } .m-filtersMobile__group { margin-top: 25px; } .m-filtersMobile__group .a-select { margin-top: 15px; } .m-filtersMobile__label { color: #757575; width: 100%; } .m-filtersMobile__sorting { width: 100%; margin-top: 20px; } .m-filtersMobile__sorting .m-filters__sorting__button::before, .m-filtersMobile__sorting .m-filters__sorting__button::after { content: none; } .m-filtersMobile__sorting .m-filters__sorting__button::before { content: ''; display: none; padding: 0; } .m-filtersMobile__sorting .m-filters__sorting__button.is-active::before { display: block; } .m-filtersMobile__footer { padding-top: 15px; } .m-filtersMobile--searchResults .m-filtersMobile__footer { padding-top: 12px; } .m-filtersMobile__footer .a-switchButton__label { color: #141414; } .m-filtersMobile__footer .a-switchButton__label::before, .m-filtersMobile__footer .a-switchButton__label::after { content: none; } .m-filtersMobile__footer .btn, .m-filtersMobile__footer .a-eventsFeatured__cta, .m-filtersMobile__footer .m-staff__more, .m-filtersMobile__footer .m-eventsCards__cta, .m-filtersMobile__footer .m-form__fileBtn, .m-filtersMobile__footer .m-form__submit { width: 100%; } .m-filtersMobile__modalSwitch::before, .m-filtersMobile__modalSwitch::after { content: none; } .m-filtersMobile__modalSwitch > svg { display: inline-block; width: 15px; height: 15px; margin-left: 10px; margin-bottom: -4px; } .m-filtersMobile__link, .m-filtersMobile__sorting__link { display: block; width: 100%; padding: 13px 0; border-bottom: 1px solid #d9d9d9; color: #757575; } .m-filtersMobile__link:first-of-type, .m-filtersMobile__sorting__link:first-of-type { border-top: 1px solid #d9d9d9; margin-top: 12px; } .m-filtersMobile__link:last-child, .m-filtersMobile__sorting__link:last-child { margin-bottom: 30px; } .m-filtersMobile__link.is-active, .m-filtersMobile__sorting__link.is-active { color: #141414; } .m-filtersActiveBar { display: flex; position: relative; margin: 50px -25px 0; padding: 17px 25px; background-color: #f5f5f5; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 650px) { .m-filtersActiveBar.has-activeFilters { justify-content: space-between; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-filtersActiveBar { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 650px) { .m-filtersActiveBar { justify-content: center; margin: 0; padding: 17px 20px 16px; border-bottom: 0; } } @media screen and (min-width: 990px) { .m-filtersActiveBar { padding-left: 30px; padding-right: 30px; } } .m-filtersActiveBar.m-filtersActiveBar--searchResults { margin-top: 28px; margin-bottom: 18px; } @media screen and (min-width: 650px) { .m-filtersActiveBar.m-filtersActiveBar--searchResults { display: none; } } .m-filtersActiveBar__title { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .m-filtersActiveBar__title::before, .m-filtersActiveBar__title::after { content: none; } @media screen and (min-width: 650px) and (max-width: 989px) { .has-activeFilters .m-filtersActiveBar__title { display: none; } } @media screen and (min-width: 990px) { .has-activeFilters .m-filtersActiveBar__title { flex-shrink: 0; margin-top: 3px; padding-right: 30px; } } .m-filtersActiveBar__option { display: flex; position: absolute; align-items: center; right: 25px; top: 0; height: 100%; } @media screen and (min-width: 414px) { .m-filtersActiveBar__option { right: 30px; } } @media screen and (min-width: 650px) { .m-filtersActiveBar__option { right: 20px; } } @media screen and (min-width: 990px) { .m-filtersActiveBar__option { right: 30px; } } .m-filtersActiveBar__option .a-switchButton { display: none; } @media screen and (min-width: 650px) { .m-filtersActiveBar__option .a-switchButton { display: block; } } @media screen and (min-width: 650px) { .has-activeFilters .m-filtersActiveBar__option { position: relative; right: auto; width: 230px; padding-left: 15px; flex-shrink: 0; border-left: 1px solid #d9d9d9; } } @media screen and (min-width: 990px) { .has-activeFilters .m-filtersActiveBar__option { width: 275px; padding-left: 30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .has-activeFilters .m-filtersActiveBar__option .a-switchButton__switch { margin-left: 5px; } } .m-filtersActiveBar__filters { display: none; } @media screen and (min-width: 650px) { .m-filtersActiveBar__filters { display: block; flex-grow: 2; margin-top: -4px; margin-bottom: -5px; } } @media screen and (min-width: 990px) { .m-filtersActiveBar__filters { padding-left: 30px; margin-bottom: 0; border-left: 1px solid #d9d9d9; } } .m-filtersActiveBar__filter { padding: 0; padding-right: 22px; margin-right: 30px; margin-bottom: 5px; position: relative; text-align: left; color: #6B6B6B; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-filtersActiveBar__filter::before, .m-filtersActiveBar__filter::after { content: none; } @media screen and (min-width: 990px) { .m-filtersActiveBar__filter { margin-bottom: 0; } } .m-filtersActiveBar__filter::before, .m-filtersActiveBar__filter::after { content: ''; position: absolute; right: 0; top: 8px; width: 11px; height: 1px; background-color: #6B6B6B; padding: 0; margin: 0; transform: rotate(45deg); transition: background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-filtersActiveBar__filter::before, .m-filtersActiveBar__filter::after { top: 9px; } } .m-filtersActiveBar__filter::after { transform: rotate(-45deg); } .m-filtersActiveBar__filter:hover { color: #141414; } .m-filtersActiveBar__filter:hover::before, .m-filtersActiveBar__filter:hover::after { background-color: #141414; } /* Modifiers */ .m-filtersActiveBar--staff { margin-top: 30px; } .m-filtersActiveBar--staff .m-filtersActiveBar__title { width: 155px; } @media screen and (min-width: 650px) { .m-filtersActiveBar--staff { margin-top: 0; } } @media screen and (min-width: 990px) { .m-filtersActiveBar--staff .m-filtersActiveBar__title { width: 185px; } } .m-iconButtons { margin: -5px 0 -30px 0; font-size: 0; white-space: nowrap; } .m-articleMetaBar .m-iconButtons { margin-top: -10px; margin-right: -5px; } @media screen and (max-width: 989px) { .m-articleMeta .m-iconButtons { margin-bottom: -19px; } } .o-contentBlocks__sidebar .m-iconButtons { margin-top: 0; margin-bottom: -10px; } @media screen and (min-width: 650px) { .o-contentBlocks__sidebar .m-iconButtons { padding-top: 15px; border-top: 1px solid #d9d9d9; } .pageClass--editorial .o-contentBlocks__sidebar .m-iconButtons { position: absolute; margin: -5px 0 -30px -5px; left: 0; top: 40px; width: 100px; padding: 0; border: 0; z-index: 2; white-space: normal; } } @media screen and (min-width: 990px) { .o-contentBlocks__sidebar .m-iconButtons { padding-top: 20px; } } @media screen and (min-width: 650px) { .m-pageIntro__sidebar .m-iconButtons { text-align: right; } } .page-region .m-pageIntro__sidebar .m-iconButtons { margin-top: 22px; } @media screen and (min-width: 650px) { .page-region .m-pageIntro__sidebar .m-iconButtons { text-align: left; margin-top: 18px; } } @media screen and (max-width: 649px) { .o-editorialArticle .medium-hide .m-iconButtons { margin-top: 18px; margin-bottom: -16px; } } .m-iconButtons__container { margin-left: -5px; } .a-descriptionList__link + .m-iconButtons { margin-top: 30px; } .m-hero { position: relative; margin-top: -85px; padding-top: 85px; background: #f0f0f0; } .m-hero::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .m-hero::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-hero::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-hero::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-hero::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .m-hero::before { left: -99em; right: -99em; } } @media screen and (min-width: 990px) { .m-hero { position: relative; display: flex; align-items: center; min-height: 100vh; padding-top: 0; } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .m-hero { height: 100vh; } } .m-hero__body { width: 100%; } @media screen and (max-width: 989px) { .m-hero__body { position: relative; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-hero__body { padding-top: 20px; } } @media screen and (min-width: 990px) { .m-hero__body { width: 50%; } } .m-hero__image { width: 100vw; height: calc(100vw * 0.666667); margin-left: -25px; margin-top: 55px; position: relative; } @media screen and (min-width: 414px) { .m-hero__image { margin-left: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-hero__image { margin-top: 95px; margin-left: -40px; } } @media screen and (min-width: 990px) { .m-hero__image { position: absolute; left: 50%; top: 0; width: 50vw; height: 100%; margin: 0; overflow: hidden; } .m-hero__image::after { content: ''; position: absolute; width: 100%; height: 600px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .m-hero__image { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } } .m-hero__image img { display: block; position: absolute; left: 50%; top: 50%; height: 100%; width: auto; transform: translate3d(-50%, -50%, 0); } @media screen and (min-width: 990px) { .m-hero__image img { transform: none; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; } } @media screen and (min-width: 990px) and (-ms-high-contrast: none), screen and (min-width: 990px) and (-ms-high-contrast: active) { .m-hero__image img { display: none; } } .m-hero__title { margin-top: 25px; } @media screen and (min-width: 990px) { .m-hero__title { margin: 0; padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (max-height: 745px) and (min-width: 990px) { .m-hero__title { font-size: 50px; line-height: 45px; } } @media screen and (max-height: 520px) and (min-width: 990px) { .m-hero__title { font-size: 40px; line-height: 35px; } } .m-hero .a-scrollArrow { position: absolute; bottom: -40px; left: 0; } @media screen and (min-width: 650px) and (max-width: 989px) { .m-hero .a-scrollArrow { bottom: -58px; } } @media screen and (min-width: 990px) { .m-hero .a-scrollArrow { bottom: 50px; } } .m-hero__copy--container { position: absolute; left: 50%; bottom: 0; width: 50vw; } .m-hero__copy { position: absolute; right: 25px; bottom: 0; color: #757575; transform: translateY(100%); } .m-heroTitle { position: relative; width: 100vw; left: 50%; margin-left: -50vw; height: 250px; } @media screen and (min-width: 650px) { .m-heroTitle { height: 280px; } } @media screen and (min-width: 990px) { .m-heroTitle { height: 380px; } } @media screen and (min-width: 1520px) { .m-heroTitle { height: 500px; } } .m-heroTitle__bg { position: absolute; width: 100%; height: 100%; overflow: hidden; } .m-heroTitle__bg img { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } .m-heroTitle__body { position: relative; display: flex; align-items: flex-end; justify-content: space-between; height: 100%; padding-bottom: 35px; z-index: 1; } .m-heroTitle__body .btn.btn--highlight, .m-heroTitle__body .btn--highlight.a-eventsFeatured__cta, .m-heroTitle__body .a-eventsFeatured__cta.m-form__submit, .m-heroTitle__body .btn--highlight.m-staff__more, .m-heroTitle__body .m-staff__more.m-form__submit, .m-heroTitle__body .btn--highlight.m-eventsCards__cta, .m-heroTitle__body .m-eventsCards__cta.m-form__submit, .m-heroTitle__body .btn--highlight.m-form__fileBtn, .m-heroTitle__body .m-form__fileBtn.m-form__submit, .m-heroTitle__body .m-form__submit { display: none; } @media screen and (min-width: 650px) { .m-heroTitle__body .btn.btn--highlight, .m-heroTitle__body .btn--highlight.a-eventsFeatured__cta, .m-heroTitle__body .a-eventsFeatured__cta.m-form__submit, .m-heroTitle__body .btn--highlight.m-staff__more, .m-heroTitle__body .m-staff__more.m-form__submit, .m-heroTitle__body .btn--highlight.m-eventsCards__cta, .m-heroTitle__body .m-eventsCards__cta.m-form__submit, .m-heroTitle__body .btn--highlight.m-form__fileBtn, .m-heroTitle__body .m-form__fileBtn.m-form__submit, .m-heroTitle__body .m-form__submit { display: inline-block; } } .m-heroTitle__title { color: #fff; } .m-highlightBlock { display: flex; flex-flow: row wrap; position: relative; margin-top: 50px; } @media screen and (max-width: 413px) { .m-highlightBlock { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightBlock { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightBlock { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightBlock { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightBlock { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightBlock { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightBlock { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightBlock { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightBlock { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightBlock { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .m-highlightBlock { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightBlock { width: calc(100% + 41px); } } .m-highlightBlock::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightBlock::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightBlock::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightBlock::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightBlock::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .m-highlightBlock::before { left: -99em; right: -99em; } } @media screen and (min-width: 990px) { .m-highlightBlock { margin-top: 100px; } } .m-highlightBlock--dark { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #040404; color: #fff; padding-bottom: 35px; } @media screen and (min-width: 990px) { .m-highlightBlock--dark { padding-bottom: 60px; } } .m-highlightBlock__image { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-highlightBlock__image { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightBlock__image { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightBlock__image { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightBlock__image { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightBlock__image { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-highlightBlock__image { width: 700px; margin-left: 40px; } } .m-highlightBlock__body { flex: 0 0 auto; margin-top: 10px; } @media screen and (max-width: 413px) { .m-highlightBlock__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightBlock__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightBlock__body { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightBlock__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightBlock__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-highlightBlock__body { width: 700px; margin-left: 40px; } } @media screen and (min-width: 650px) { .m-highlightBlock__body { margin-top: 15px; } } @media screen and (min-width: 990px) { .m-highlightBlock__body { margin-top: 35px; } } .m-highlightTextBlock { position: relative; background-color: #05d192; background-color: var(--highlightColor); display: flex; flex-flow: row wrap; margin-top: 30px; padding-top: 30px; padding-bottom: 40px; } .m-highlightTextBlock::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightTextBlock::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightTextBlock::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightTextBlock::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightTextBlock::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .m-highlightTextBlock::before { left: -99em; right: -99em; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-highlightTextBlock { background-color: #f8bd06; } .pageClass--grants .m-highlightTextBlock { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-highlightTextBlock { /* IE Edge 12+ CSS */ } .pageClass--grants .m-highlightTextBlock { background-color: #5b74e4; } .pageClass--editorial .m-highlightTextBlock { background-color: #f8bd06; } } @media screen and (max-width: 413px) { .m-highlightTextBlock { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightTextBlock { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightTextBlock { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightTextBlock { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightTextBlock { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightTextBlock { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightTextBlock { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightTextBlock { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightTextBlock { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightTextBlock { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .m-highlightTextBlock { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-highlightTextBlock { width: calc(100% + 41px); } } @media screen and (min-width: 650px) { .m-highlightTextBlock { padding-top: 10px; } } @media screen and (min-width: 990px) { .m-highlightTextBlock { margin-top: 60px; padding-top: 40px; padding-bottom: 90px; } } .m-highlightTextBlock__title { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-highlightTextBlock__title { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightTextBlock__title { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightTextBlock__title { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightTextBlock__title { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightTextBlock__title { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-highlightTextBlock__title { width: 453.333333333px; margin-left: 40px; } } @media screen and (min-width: 650px) { .m-highlightTextBlock__title { margin-top: 30px; } } @media screen and (min-width: 990px) { .m-highlightTextBlock__title { margin-top: 35px; } } .m-highlightTextBlock__body { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-highlightTextBlock__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-highlightTextBlock__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-highlightTextBlock__body { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-highlightTextBlock__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-highlightTextBlock__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-highlightTextBlock__body { width: 946.666666667px; margin-left: 40px; } } @media screen and (min-width: 990px) { .m-highlightTextBlock__body p { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } .m-highlightTextBlock__body ul::before, .m-highlightTextBlock__body ul::after, .m-highlightTextBlock__body ol::before, .m-highlightTextBlock__body ol::after { content: none; } @media screen and (min-width: 650px) { .m-highlightTextBlock__body ul, .m-highlightTextBlock__body ol { columns: 2; } } .m-highlightTextBlock__cta { border-top: 1px solid rgba(0, 0, 0, 0.15); margin-top: 40px; padding-top: 5px; } @media screen and (min-width: 990px) { .m-highlightTextBlock__cta { margin-top: 60px; } } .m-highlightTextBlock__cta a { border-bottom: 1px solid #fff; padding-bottom: 2px; } .m-highlightTextBlock__cta a svg { display: inline-block; width: 16px; height: 14px; margin-right: 6px; margin-bottom: -2px; fill: none; } .m-historyArticle { margin-top: 35px; } .m-historyArticle:first-child { margin-top: 5px; } @media screen and (min-width: 650px) { .m-historyArticle { position: relative; } .m-historyArticle::before { content: ''; position: absolute; top: 15px; left: -30px; height: calc(100% - 15px); width: 1px; background-color: #d9d9d9; } } @media screen and (min-width: 650px) and (min-width: 990px) { .m-historyArticle::before { left: -40px; top: 20px; height: calc(100% - 30px); } } @media screen and (min-width: 650px) { .m-historyArticle { margin-top: 50px; } .m-historyArticle:first-child { margin-top: 30px; } } @media screen and (min-width: 990px) { .m-historyArticle { margin-top: 80px; } .m-historyArticle:first-child { margin-top: 45px; } } .m-historyArticle h2 { position: relative; text-transform: none; } .m-historyArticle h2::after { content: ''; position: absolute; bottom: -9px; left: 0; width: 30px; height: 2px; padding: 0; background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-historyArticle h2::after { background-color: #f8bd06; } .pageClass--grants .m-historyArticle h2::after { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-historyArticle h2::after { /* IE Edge 12+ CSS */ } .pageClass--grants .m-historyArticle h2::after { background-color: #5b74e4; } .pageClass--editorial .m-historyArticle h2::after { background-color: #f8bd06; } } @media screen and (min-width: 650px) { .m-historyArticle h2::after { bottom: -17px; width: 40px; height: 3px; } } .m-historyBlock { position: relative; display: flex; flex-wrap: wrap; margin-top: 50px; border-top: 5px solid #1f1f1f; } @media screen and (max-width: 649px) { .m-historyBlock:first-child { margin-top: 15px; } } @media screen and (min-width: 650px) { .m-historyBlock { flex-wrap: nowrap; } } @media screen and (min-width: 990px) { .m-historyBlock { margin-top: 80px; } } .m-historyBlock__year { flex: 0 0 auto; margin-left: 0 !important; margin-top: 20px; position: relative; z-index: 3; } @media screen and (max-width: 413px) { .m-historyBlock__year { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-historyBlock__year { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-historyBlock__year { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-historyBlock__year { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-historyBlock__year { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-historyBlock__year { width: 330px; margin-left: 40px; } } @media screen and (min-width: 650px) { .m-historyBlock__year { margin-top: 35px; } } @media screen and (min-width: 650px) { .m-historyBlock__year__label.is-sticky { position: fixed; top: 20px; } .s-nav-is-sticky:not(.s-nav-is-hiding) .m-historyBlock__year__label.is-sticky { transform: translateY(85px); } .m-historyBlock__year__label.at-bottom { position: absolute; bottom: -20px; } .m-historyBlock__year__label.has-transition { transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } } .m-historyTimeline { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; margin-top: 50px; border-top: 5px solid #1f1f1f; color: #757575; display: none; z-index: 3; } @media screen and (max-width: 413px) { .m-historyTimeline { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-historyTimeline { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-historyTimeline { width: calc(((((100vw - 410px) / 12) * 1) + 0px) + 40px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-historyTimeline { width: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-historyTimeline { width: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); } } @media screen and (min-width: 1520px) { .m-historyTimeline { width: 123.333333333px; } } .m-historyTimeline::before, .m-historyTimeline::after { content: none; } @media screen and (min-width: 650px) { .m-historyTimeline { display: block; margin-left: 30px; margin-right: -40px; } } @media screen and (min-width: 990px) { .m-historyTimeline { margin-top: 80px; margin-left: 40px; } } .m-historyTimeline__container { position: relative; margin-top: 45px; height: calc(100% - 45px); border-right: 1px solid rgba(0, 0, 0, 0.15); } @media screen and (max-width: 413px) { .m-historyTimeline__container { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-historyTimeline__container { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-historyTimeline__container { width: calc((((100vw - 410px) / 12) * 1) + 0px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-historyTimeline__container { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-historyTimeline__container { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1520px) { .m-historyTimeline__container { width: 83.3333333333px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-historyTimeline__container { width: calc(((((100vw - 410px) / 12) * 1) + 0px) + 15px); } } @media screen and (min-width: 990px) { .m-historyTimeline__container { margin-top: 70px; height: calc(100% - 70px); } } .m-historyTimeline__container a.is-active, .m-historyTimeline__container a:hover { color: #141414; } .m-historyTimeline__wrapper { position: relative; } @media screen and (max-width: 413px) { .m-historyTimeline__wrapper { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-historyTimeline__wrapper { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-historyTimeline__wrapper { width: calc((((100vw - 410px) / 12) * 1) + 0px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-historyTimeline__wrapper { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-historyTimeline__wrapper { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1520px) { .m-historyTimeline__wrapper { width: 83.3333333333px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-historyTimeline__wrapper { width: calc(((((100vw - 410px) / 12) * 1) + 0px) + 15px); } } .m-historyTimeline__wrapper.is-sticky { position: fixed; top: 20px; } @media screen and (min-width: 990px) { .m-historyTimeline__wrapper.is-sticky { top: 35px; } } .s-nav-is-sticky:not(.s-nav-is-hiding) .m-historyTimeline__wrapper.is-sticky { transform: translateY(85px); } .m-historyTimeline__wrapper.at-bottom { position: absolute; bottom: 0; } .m-historyTimeline__wrapper.has-transition { transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-historyTimeline__dot { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: 3px; right: -4px; width: 9px; height: 9px; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.15); transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-historyTimeline__dot { background-color: #f8bd06; } .pageClass--grants .m-historyTimeline__dot { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-historyTimeline__dot { /* IE Edge 12+ CSS */ } .pageClass--grants .m-historyTimeline__dot { background-color: #5b74e4; } .pageClass--editorial .m-historyTimeline__dot { background-color: #f8bd06; } } .m-historyTimelineMobile { margin-left: 20px; margin-top: 60px; } @media screen and (max-width: 413px) { .m-historyTimelineMobile { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-historyTimelineMobile { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-historyTimelineMobile { width: calc((((100vw - 410px) / 12) * 1) + 0px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-historyTimelineMobile { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-historyTimelineMobile { width: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1520px) { .m-historyTimelineMobile { width: 83.3333333333px; } } .m-historyTimelineMobile select { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (min-width: 650px) { .m-historyTimelineMobile { display: none; } } .m-inDepthHero { position: relative; } .m-inDepthHero__figure { position: relative; width: 100vw; height: 0; padding-top: 66.666666667%; margin-left: -50vw; left: 50%; overflow: hidden; } .m-inDepthHero__img, .m-inDepthHero__video { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate3d(-50%, -50%, 0); } a[href="http://www.amcharts.com/javascript-maps/"] { opacity: 0 !important; } .m-map { position: relative; width: 100vw; left: 50%; margin-left: -50vw; margin-top: 30px; padding-top: 150%; background-color: #f0f0f0; } @media screen and (min-width: 650px) { .m-map { padding-top: calc(100vh + 150px); } } @media screen and (min-width: 990px) { .m-map { margin-top: 70px; } } @media screen and (max-height: 640px) and (min-width: 990px) { .m-map { padding-top: 760px; } } .o-contrastContainer .m-map { margin-top: 0; } .m-map.m-map--offices { padding-top: 0 !important; } .m-map.m-map--region { background-color: transparent; display: inline-block; padding-top: 0 !important; } .m-map.m-map--region .amcharts-map-area-unlisted { visibility: hidden !important; } .m-map.m-map--region .amcharts-map-area { outline: none; } /* * REGION SIZE ADJUSTMENTS */ .m-mapSpacer { position: relative; width: 100%; margin-top: 30px; padding-top: 65%; } .m-map--region .m-mapSpacer::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 700px; z-index: 2; transform: translateY(100%); background: #f0f0f0; } @media screen and (max-width: 649px) { .m-map--offices .m-mapSpacer { padding-top: 95%; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-map--offices .m-mapSpacer { padding-top: 80%; } } @media screen and (min-width: 650px) { .m-mapSpacer { margin-top: 70px; } } @media screen and (min-width: 990px) { .m-mapSpacer { margin-top: 80px; } } @media screen and (min-width: 1520px) { .m-mapSpacer { padding-top: 988px; } } @media screen and (max-width: 649px) { [data-map-region="asia"] .m-mapSpacer { padding-top: 80%; } } @media screen and (min-width: 650px) and (max-width: 989px) { [data-map-region="asia"] .m-mapSpacer { padding-top: 70%; } } [data-map-region="africa"] .m-mapSpacer { padding-top: 115%; } @media screen and (min-width: 414px) and (max-width: 649px) { [data-map-region="africa"] .m-mapSpacer { padding-top: 95%; } } @media screen and (min-width: 650px) and (max-width: 989px) { [data-map-region="africa"] .m-mapSpacer { padding-top: 75%; } } @media screen and (min-width: 990px) { [data-map-region="africa"] .m-mapSpacer { padding-top: 70%; } } @media screen and (min-width: 650px) and (max-width: 989px) { [data-map-region="northAmerica"] .m-mapSpacer { padding-top: 55%; } } @media screen and (min-width: 990px) and (max-width: 1299px) { [data-map-region="northAmerica"] .m-mapSpacer { padding-top: 45%; } } @media screen and (min-width: 1300px) { [data-map-region="northAmerica"] .m-mapSpacer { padding-top: 40%; } } @media screen and (min-width: 650px) and (max-width: 989px) { [data-map-region="middleEast"] .m-mapSpacer { padding-top: 50%; } } @media screen and (min-width: 990px) { [data-map-region="middleEast"] .m-mapSpacer { padding-top: 40%; } } @media screen and (min-width: 650px) and (max-width: 989px) { [data-map-region="eurasia"] .m-mapSpacer { padding-top: 60%; } } @media screen and (min-width: 990px) { [data-map-region="eurasia"] .m-mapSpacer { padding-top: 45%; } } @media screen and (max-width: 649px) { [data-map-region="europe"] .m-mapSpacer { padding-top: 95%; } } @media screen and (min-width: 990px) { [data-map-region="europe"] .m-mapSpacer { padding-top: 54%; } } @media screen and (max-width: 989px) { [data-map-region="southAmerica"] .m-mapSpacer { padding-top: 80%; } } /* * END REGION SIZE ADJUSTMENTS */ .m-map__content { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); z-index: 20; } .m-map__content .sectionTitle { position: absolute; margin-top: 15px; width: 100%; } @media screen and (min-width: 990px) { .m-map__content .sectionTitle { margin-top: 21px; } } @media screen and (min-width: 650px) { .m-map__content { top: 70px; } } @media screen and (min-width: 990px) { .m-map--region .m-map__content { top: 80px; } } .m-mapContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (min-width: 1520px) { .m-mapContainer { width: 1520px; left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 649px) { .m-map--offices .m-mapContainer { height: 95vw; } } @media screen and (min-width: 1520px) { .m-map--offices .m-mapContainer { width: 100%; } } .m-map:not(.m-map--region):not(.m-map--offices) .m-mapContainer { visibility: hidden; } .m-map--region .m-mapContainer, .m-map--region .amcharts-chart-div, .m-map--region .amcharts-chart-div svg { overflow: visible !important; } .amcharts-map-image-label tspan { pointer-events: none; color: #141414; } .m-map--offices .amcharts-map-image-label tspan { font-size: 12px; line-height: 20px; } .m-map--region .amcharts-map-image-container .amcharts-map-image { transition: transform 0.12s ease-in-out; transform: translate3d(-17.5px, -17.5px, 0); } .m-map--region .amcharts-map-image-container .amcharts-map-image.is-active, .m-map--region .amcharts-map-image-container .amcharts-map-image.is-hover, .m-map--region .amcharts-map-image-container .amcharts-map-image:hover { background: red; transform: translate3d(-22.75px, -22.75px, 0) scale(1.3); } @media screen and (max-width: 649px) { .m-map--region .amcharts-map-image-container .amcharts-map-image { transform: translate3d(-12.25px, -12.25px, 0) scale(0.7); } .m-map--region .amcharts-map-image-container .amcharts-map-image.is-active, .m-map--region .amcharts-map-image-container .amcharts-map-image.is-hover, .m-map--region .amcharts-map-image-container .amcharts-map-image:hover { transform: translate3d(-14px, -14px, 0) scale(0.8); } } @media screen and (max-width: 649px) { .m-map--offices .amcharts-map-image-container tspan { display: none; } } @media screen and (min-width: 650px) { .m-map--offices .amcharts-map-image-container .amcharts-map-image { transform: translate3d(-8.5px, -8.5px, 0); } .m-map--offices .amcharts-map-image-container .amcharts-map-image-label { transform: translate3d(5px, 5px, 0); } .m-map--offices .amcharts-map-image-container:not(.no-hover) .amcharts-map-image { transition: transform 0.12s ease-in-out; } .m-map--offices .amcharts-map-image-container:not(.no-hover) .amcharts-map-image.is-active, .m-map--offices .amcharts-map-image-container:not(.no-hover) .amcharts-map-image.is-hover, .m-map--offices .amcharts-map-image-container:not(.no-hover) .amcharts-map-image:hover { transform: translate3d(-19.5px, -19.5px, 0) scale(1.815); } } .m-map:not(.m-map--region):not(.m-map--offices) .amcharts-map-image-container tspan { display: none; } .m-map__keyline { position: absolute; top: 30px; height: 1px; background: rgba(0, 0, 0, 0.15); border: 0; left: 50%; margin: 0; transform: translateX(-50%); z-index: 20; } @media screen and (min-width: 650px) { .m-map__keyline { top: 70px; } } @media screen and (min-width: 990px) { .m-map--region .m-map__keyline { top: 80px; } } .m-map__keyline--bottom { top: auto; bottom: 70px; } .m-map__modal { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: #05d192; z-index: 21; transform: translate3d(100%, 0, 0); transition: transform 0.44s; } .m-map__modal.open { transform: translate3d(0, 0, 0); } @media screen and (min-width: 650px) { .m-map__modal { width: 330px; padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 990px) { .m-map__modal { width: 440px; padding-left: 40px; padding-right: 40px; } } .m-map__modal__content { position: absolute; top: 0; left: 25px; visibility: hidden; opacity: 0; height: 100%; transition: all 0.2s ease-in-out; transform: translate3d(0, 0, 0); will-change: opacity; } .m-map__modal__content.is-active { visibility: visible; opacity: 1; transition-delay: 0.16s; transition-duration: 0.24s; } @media screen and (min-width: 650px) { .m-map__modal__content { left: auto; width: calc(100% - 60px); } } @media screen and (min-width: 990px) { .m-map__modal__content { width: calc(100% - 80px); } } .m-map__modal__header { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 70px; padding: 0 25px; text-align: right; z-index: 2; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media screen and (min-width: 650px) { .m-map__modal__header { padding: 0; } } .m-map__modal__header span { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .m-map__modal__header span::before, .m-map__modal__header span::after { content: none; } .m-map__modal--home .m-map__modal__header { border-bottom: 0; } .m-map__modal__footer { display: flex; align-items: center; width: 100%; height: 50px; background: #040404; } .m-map__modal__footer::before, .m-map__modal__footer::after { content: none; } .m-map__modal__footer .a-link--readmore { margin: 0; color: #fff; text-decoration: none; } .m-map__modal__footer .a-link--readmore::before, .m-map__modal__footer .a-link--readmore::after { content: none; } .m-map__modal__footer .a-link--readmore span { display: none; } .m-map__modal__footer .a-link--readmore:hover { color: #fff; } @media screen and (max-width: 989px) { .m-map__modal__footer { width: calc(100% + 60px); margin-left: -30px; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 649px) { .m-map__modal__footer { width: 100vw; margin-left: -25px; padding-left: 25px; padding-right: 25px; } } @media screen and (min-width: 990px) { .m-map__modal__footer { background: transparent; height: 70px; } .m-map__modal__footer .a-link--readmore { color: #141414; border-bottom: 1px solid #141414; } .m-map__modal__footer .a-link--readmore:hover { color: #141414; } } .m-map__modal__body { position: relative; width: 100%; height: calc(100% - 120px); margin-top: 70px; padding-top: 10px; overflow: auto; } @media screen and (max-width: 649px) { .m-map__modal__body { width: 100vw; margin-left: -25px; padding-left: 25px; padding-right: 25px; } } @media screen and (min-width: 650px) { .m-map__modal__body { padding-top: 20px; } } @media screen and (min-width: 990px) { .m-map__modal__body { padding-top: 20px; height: calc(100% - 140px); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } } .m-map__modal__body p { margin-top: 15px; } @media screen and (min-width: 990px) { .m-map__modal__body p { margin-top: 30px; } } .m-map--region .m-map__modal__body { height: calc(100% - 140px); border-bottom: 0; } .m-map__modal--home .m-map__modal__body { height: calc(100% - 65px); margin-top: 65px; padding-top: 0; } @media screen and (min-width: 990px) { .m-map__modal--home .m-map__modal__body { display: flex; flex-wrap: wrap; } } @media screen and (min-width: 990px) { .m-map__modal--home .m-map__modal__body p { margin-top: 35px; } } .m-map__modal--home .m-map__modal__body .a-link--readmore { margin-top: 10px; } @media screen and (min-width: 990px) { .m-map__modal--home .m-map__modal__body .a-link--readmore { margin-top: 20px; } } .m-map__modal__title { padding-right: 20px; } .m-map__modal__title .icon { opacity: 0; margin-left: 3px; transform: translateY(-1px); transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-map__modal__copy > a:hover .icon { opacity: 1; } .m-map__stats { position: relative; display: block; width: 100%; margin-top: 35px; } @media screen and (min-width: 990px) { .m-map__stats { display: flex; align-self: flex-end; padding: 24px 0 32px; border-top: 1px solid rgba(0, 0, 0, 0.15); } } .m-map__stat { width: 100vw; margin-left: -25px; padding: 10px 25px 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .m-map__stat:first-child { border-top: 1px solid rgba(0, 0, 0, 0.15); } @media screen and (min-width: 650px) { .m-map__stat { width: 100%; padding-left: 0; padding-right: 0; margin: 0; } } @media screen and (min-width: 990px) { .m-map__stat { width: 50%; padding: 0; margin: 0; border-bottom: 0; } .m-map__stat:first-child { padding-right: 20px; border-top: 0; border-right: 1px solid rgba(0, 0, 0, 0.15); } .m-map__stat:nth-child(2) { padding-left: 20px; } } .m-map__stat__desc { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; } @media screen and (min-width: 650px) { .m-map__stat__desc { margin-top: 12px; } } .m-map__meta { display: flex; flex-wrap: wrap; border-top: 1px solid rgba(0, 0, 0, 0.15); margin-top: 50px; } @media screen and (max-width: 649px) { .m-map__meta { width: 100vw; margin-left: -25px; padding-left: 25px; padding-right: 25px; } } @media screen and (min-width: 990px) { .m-map__meta { margin-top: 60px; } } .m-map__meta p { width: 100%; } .m-map__meta a { border-bottom: 1px solid rgba(0, 0, 0, 0.54); } .m-map__meta a:hover { border-color: transparent; } .m-map__meta address { margin-top: 20px; } @media screen and (min-width: 990px) { .m-map__meta address { margin-top: 25px; } } .m-map__meta__half { width: 50%; } .m-map__meta__half + .m-map__meta__half { padding-left: 20px; } .m-map__modal__close { position: relative; width: 18px; height: 18px; display: none; } .m-map__modal.open .m-map__modal__close { display: block; } .m-map__modal__close::before, .m-map__modal__close::after { content: ''; position: absolute; width: 18px; height: 2px; left: 0; top: 50%; background: #141414; transform: rotate(45deg); } .m-map__modal__close::after { transform: rotate(135deg); } .m-map__modal__close span { visibility: hidden; position: absolute; } .m-map__modal__btn { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: uppercase; position: relative; } .m-map__modal__btn::before, .m-map__modal__btn::after { content: none; } .m-map__modal__btn i { display: inline-block; width: 6px; height: 6px; margin-left: -1px; border-right: 1px solid #141414; border-top: 1px solid #141414; transform: rotate(45deg) translateY(-1px); } @media screen and (min-width: 990px) { .m-map__modal__btn i { width: 8px; height: 8px; margin-left: 2px; transform: rotate(45deg) translateY(0); } } .m-map__modal__imageFader { position: relative; width: 100%; margin-top: 35px; } .m-map__modal__imageFader img { position: absolute; width: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-map__modal__imageFader img.show-image { position: relative; z-index: 3; opacity: 1; } .m-map__legend { position: absolute; left: 0; top: 65px; width: 100%; } .m-map__legend::before, .m-map__legend::after { content: none; } @media screen and (min-width: 990px) { .m-map__legend { top: 123px; } .m-map:not(.m-map--region):not(.m-map--offices) .m-map__legend { display: none; } } .m-map__legend ol, .m-map__legend ul { line-height: 20px; padding-left: 20px; margin-top: 25px; width: 100%; } .m-map:not(.m-map--region):not(.m-map--offices) .m-map__legend ol, .m-map:not(.m-map--region):not(.m-map--offices) .m-map__legend ul { columns: 2; column-gap: 25px; } @media screen and (min-width: 650px) { .m-map:not(.m-map--region):not(.m-map--offices) .m-map__legend ol, .m-map:not(.m-map--region):not(.m-map--offices) .m-map__legend ul { columns: 1; } } @media screen and (min-width: 650px) { .m-map__legend ol, .m-map__legend ul { width: calc((((100vw - 410px) / 12) * 3) + 60px); } } @media screen and (min-width: 990px) { .m-map__legend ol, .m-map__legend ul { width: calc((((100vw - 560px) / 12) * 3) + 80px); padding-left: 30px; } } @media screen and (min-width: 1300px) { .m-map__legend ol, .m-map__legend ul { width: calc((((100vw - 560px) / 12) * 2) + 40px); } } .m-map__legend ol li, .m-map__legend ul li { position: relative; break-inside: avoid; } .m-map__legend ol li[data-map-legend-id], .m-map__legend ul li[data-map-legend-id] { cursor: pointer; } .m-map__legend ol img, .m-map__legend ul img { position: absolute; left: -22px; top: 4px; width: 12px; height: 12px; } @media screen and (min-width: 990px) { .m-map__legend ol img, .m-map__legend ul img { left: -30px; } } .m-map__legend ol { padding-left: 0; } .m-map__legend ol:hover a, .m-map__legend ol.is-active a { opacity: 0.66; } .m-map__legend ol:hover a:hover, .m-map__legend ol:hover a.is-active, .m-map__legend ol.is-active a:hover, .m-map__legend ol.is-active a.is-active { opacity: 1; } .m-map__legend ol:hover a.is-disabled, .m-map__legend ol.is-active a.is-disabled { opacity: 0.66; cursor: default; } .m-map:not(.m-map--region):not(.m-map--offices) .m-map__legend ol { margin-top: 0; } .m-map--offices .m-map__legend, .m-map--region .m-map__legend { position: relative; bottom: auto; left: auto; top: auto; width: 100%; height: auto; background-color: #f0f0f0; z-index: 2; columns: unset; column-gap: unset; } @media screen and (min-width: 650px) { .m-map--offices .m-map__legend, .m-map--region .m-map__legend { height: auto; transition: opacity 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } } .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper { display: flex; flex-wrap: wrap; padding-bottom: 25px; border-top: 1px solid #d9d9d9; } @media screen and (min-width: 650px) { .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper { flex-wrap: nowrap; } } @media screen and (min-width: 990px) { .m-map--offices .m-map__legend .m-map__legend__wrapper, .m-map--region .m-map__legend .m-map__legend__wrapper { padding-bottom: 45px; } } .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { flex: 0 0 auto; columns: 2; margin-left: 0 !important; } @media screen and (max-width: 413px) { .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { width: calc((((100vw - 560px) / 12) * 10) + 360px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { width: calc((((100vw - 560px) / 12) * 10) + 360px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { width: 1193.33333333px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-map--offices .m-map__legend ol li, .m-map--region .m-map__legend ol li { padding-left: 0; } .m-map--offices .m-map__legend ol li::before, .m-map--region .m-map__legend ol li::before { display: none; } } @media screen and (min-width: 650px) { .m-map--offices .m-map__legend ol, .m-map--region .m-map__legend ol { columns: 4; } } .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { width: 206.666666667px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-map--offices .m-map__legend ul, .m-map--region .m-map__legend ul { margin-left: 0 !important; } } .m-map--region .m-map__legend .m-map__legend__wrapper { border-bottom: 1px solid #d9d9d9; } .m-map__hotspotsContainer, .m-map__imageOverlay { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; max-width: 1520px; transform: translate3d(-50%, 0, 0); mix-blend-mode: multiply; } .m-map__hotspot { background-color: #05d192; background-color: var(--highlightColor); position: absolute; left: 0; top: 0; border-radius: 100%; mix-blend-mode: multiply; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); will-change: transform; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-map__hotspot { background-color: #f8bd06; } .pageClass--grants .m-map__hotspot { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-map__hotspot { /* IE Edge 12+ CSS */ } .pageClass--grants .m-map__hotspot { background-color: #5b74e4; } .pageClass--editorial .m-map__hotspot { background-color: #f8bd06; } } @media screen and (max-width: 989px) { .m-map__hotspot { text-align: center; line-height: 44px; } } @media screen and (min-width: 990px) { .m-map__hotspot .m-map__hotspot__mobileLabel { display: none; } } .is-hover .m-map__hotspot, .is-active .m-map__hotspot { opacity: 0.5; } .is-hover .m-map__hotspot:hover, .is-hover .m-map__hotspot.is-active, .is-active .m-map__hotspot:hover, .is-active .m-map__hotspot.is-active { opacity: 1; } .is-active .m-map__hotspot:not(.is-active) { opacity: 0; visibility: hidden; } .m-map__hotspot__label { position: absolute; left: 0; max-width: 115px; margin-left: 10px; display: none; cursor: pointer; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); z-index: 1; } .is-hover .m-map__hotspot__label, .is-active .m-map__hotspot__label { opacity: 0.5; } .is-hover .m-map__hotspot__label:hover, .is-hover .m-map__hotspot__label.is-active, .is-hover .m-map__hotspot__label.is-hover, .is-active .m-map__hotspot__label:hover, .is-active .m-map__hotspot__label.is-active, .is-active .m-map__hotspot__label.is-hover { opacity: 1; } .is-hover .m-map__hotspot__label:hover + .m-map__hotspot, .is-hover .m-map__hotspot__label.is-active + .m-map__hotspot, .is-hover .m-map__hotspot__label.is-hover + .m-map__hotspot, .is-active .m-map__hotspot__label:hover + .m-map__hotspot, .is-active .m-map__hotspot__label.is-active + .m-map__hotspot, .is-active .m-map__hotspot__label.is-hover + .m-map__hotspot { opacity: 1; } .is-active .m-map__hotspot__label:not(.is-active) { opacity: 0; visibility: hidden; } .m-map__hotspot__label i { position: absolute; left: -10px; top: 13px; width: 1px; height: 100px; background: #141414; } @media screen and (min-width: 990px) { .m-map__hotspot__label { display: block; } } .m-map__hotspot__label--top { top: 150px; } @media screen and (min-width: 1300px) { .m-map__hotspot__label--top { top: 190px; } .m-map.is-exlowRatio .m-map__hotspot__label--top { top: 150px; } } .m-map__hotspot__label--bottom { bottom: 225px; } .m-map.is-lowRatio .m-map__hotspot__label--bottom { bottom: 192px; } .m-map.is-exlowRatio .m-map__hotspot__label--bottom { bottom: 142px; } .m-map__hotspot__label--bottom i { top: auto; bottom: 0px; } @media screen and (min-width: 1300px) { .m-map__hotspot__label--bottom { bottom: 275px; } .m-map.is-lowRatio .m-map__hotspot__label--bottom { bottom: 232px; } } .m-map__imageOverlay { mix-blend-mode: normal; display: none; pointer-events: none; } .m-map.is-initialized .m-map__imageOverlay { display: block; } .m-map__imageOverlay__container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .m-map__imageOverlay__img { position: absolute; width: 122.2%; transform: translate3d(-47.8%, -49.8%, 0); top: 0; left: 0; } .m-map__controls { position: absolute; z-index: 2; right: 0; top: 35px; width: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); border-radius: 3px; } .m-map__zoom { position: relative; display: block; width: 100%; height: 30px; background: #f0f0f0; border-radius: 0 0 3px 3px; transition: background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-map__zoom:first-child { border-radius: 3px 3px 0 0; border-bottom: 1px solid #fff; } .m-map__zoom:hover { background-color: #e6e6e6; } .m-map__zoom.m-map__zoom--out::after, .m-map__zoom.m-map__zoom--in::after, .m-map__zoom.m-map__zoom--in::before { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; margin-left: -5px; margin-top: -1px; background: #141414; } .m-map__zoom.m-map__zoom--in::before { transform: rotate(90deg); } .m-mediaCarousel { position: relative; margin-top: 35px; margin-bottom: 25px; padding-top: 58.7987355111%; clear: left; } .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel, .m-historyArticle .m-mediaCarousel { padding-top: 66.6666666667%; } @media screen and (min-width: 990px) { .m-mediaCarousel { margin-top: 60px; } } .m-historyArticle .m-mediaCarousel__wrapper { overflow: hidden; position: relative; } .m-historyArticle .m-mediaCarousel__wrapper::after { content: ''; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #fff; } .m-mediaCarousel__wrapper--fullBleed { width: 100%; } @media screen and (min-width: 650px) { .m-mediaCarousel__wrapper--fullBleed { width: 100vw; margin-left: -40px; } } @media screen and (min-width: 990px) { .m-mediaCarousel__wrapper--fullBleed { margin-left: -60px; } } @media screen and (min-width: 1300px) { .m-mediaCarousel__wrapper--fullBleed { margin-left: -60px; } } @media screen and (min-width: 1520px) { .m-mediaCarousel__wrapper--fullBleed { width: 1440px; margin-left: 0; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .m-mediaCarousel__wrapper--fullBleed { margin-right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-mediaCarousel__wrapper--fullBleed { margin-right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-mediaCarousel__wrapper--fullBleed { margin-right: -60px; } } .m-mediaCarousel__slider { position: absolute; width: 9999em; height: 100%; top: 0; } @media screen and (max-width: 649px) { .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__slider { background: #141414; } } .m-mediaCarousel__slider.a17s_transition { transition: transform .25s ease; } .m-mediaCarousel__item { position: relative; display: inline-block; padding-right: 1px; height: 100%; max-width: calc(100vw - 50px); } @media screen and (min-width: 414px) { .m-mediaCarousel__item { max-width: calc(100vw - 60px); } } @media screen and (min-width: 650px) { .m-mediaCarousel__item { padding-right: 2px; max-width: calc((((100vw - 410px) / 12) * 8) + 210px); } } @media screen and (min-width: 990px) { .m-mediaCarousel__item { max-width: calc((((100vw - 560px) / 12) * 8) + 280px); } } @media screen and (min-width: 1300px) { .m-mediaCarousel__item { max-width: calc((((100vw - 560px) / 12) * 8) + 280px); } } @media screen and (min-width: 1520px) { .m-mediaCarousel__item { max-width: 946.666666667px; } } @media screen and (min-width: 650px) { .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__item { max-width: 100vw; padding-right: 0; } } @media screen and (min-width: 1520px) { .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__item { max-width: 100%; padding-right: 2px; } } .m-mediaCarousel__item .a-media { position: relative; margin: 0; padding: 0; max-width: 100%; height: 100%; display: inline-block; width: auto; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-mediaCarousel__item .a-media { overflow: hidden; } } .m-mediaCarousel__item .a-media img { position: relative; margin: 0; display: block; height: 100%; width: 100%; object-fit: cover; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-mediaCarousel__item .a-media img { position: absolute; width: auto; height: 100%; min-width: 100%; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); } } .m-mediaCarousel__caption { flex: 0 0 auto; position: absolute; bottom: -10px; margin-left: 0 !important; opacity: 0; transition: opacity 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); transform: translateY(100%); } @media screen and (max-width: 413px) { .m-mediaCarousel__caption { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-mediaCarousel__caption { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-mediaCarousel__caption { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-mediaCarousel__caption { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-mediaCarousel__caption { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-mediaCarousel__caption { width: 946.666666667px; margin-left: 40px; } } .a17s_visible .m-mediaCarousel__caption { opacity: 1; transition-delay: 0.1s; } @media screen and (min-width: 990px) { .m-mediaCarousel__caption { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } .m-historyArticle .m-mediaCarousel__caption { padding-left: 2px; } @media screen and (min-width: 650px) and (max-width: 989px) { .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: calc(((((100vw - 410px) / 12) * 4) + 90px) + 30px) !important; left: 40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: calc(((((100vw - 560px) / 12) * 4) + 120px) + 40px) !important; left: 60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: calc(((((100vw - 560px) / 12) * 4) + 120px) + 40px) !important; left: 60px; } } @media screen and (min-width: 1520px) { .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: 493.333333333px !important; left: 0; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: calc(((((100vw - 410px) / 12) * 3) + 60px) + 30px) !important; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px) !important; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px) !important; } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__caption { margin-left: 370px !important; } } .m-mediaCarousel__controls { display: none; position: absolute; right: 17px; top: 20px; height: 46px; border-radius: 23px; background-color: rgba(250, 250, 250, 0.85); transition: background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .m-mediaCarousel__controls { display: block; } } .m-mediaCarousel__controls:hover { background-color: #fafafa; } .m-mediaCarousel__wrapper--fullBleed .m-mediaCarousel__controls { right: auto; left: 25px; top: 30px; } .m-mediaCarousel__controls li:not(.m-mediaCarousel__control) { display: none; } .m-mediaCarousel__control { display: inline-block; } .m-mediaCarousel__control a { display: block; position: relative; width: 30px; height: 46px; border-radius: 100%; } .m-mediaCarousel__control a span { display: none; } .m-mediaCarousel__control a::before { display: none; } .m-mediaCarousel__control a:hover::after { opacity: 1; } .m-mediaCarousel__control a::after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -14px; border-top: 1px solid #141414; border-right: 1px solid #141414; transform: rotate(45deg); opacity: 0.5; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-mediaCarousel__control.prev { margin-right: 6px; } .m-mediaCarousel__control.prev a::after { transform: rotate(-135deg); margin-left: 5px; } .m-mediaCarousel__indicator { display: inline-block !important; width: 55px; height: 100%; text-align: center; vertical-align: top; line-height: 46px; } .m-mediaCarousel__indicator::before, .m-mediaCarousel__indicator::after { content: none; } .m-mediaCarousel__indicator span { display: inline-block; margin: 0 1px; } .m-mediaCarousel__overlays-holder { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; display: none; } @media screen and (min-width: 650px) { .m-mediaCarousel__overlays-holder { display: block; } } .m-mediaCarousel__overlays { position: absolute; top: 0; } .m-mediaCarousel__overlayText { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-mediaCarousel__overlayText { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-mediaCarousel__overlayText { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-mediaCarousel__overlayText { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-mediaCarousel__overlayText { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-mediaCarousel__overlayText { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-mediaCarousel__overlayText { width: 823.333333333px; margin-left: 40px; } } @media screen and (min-width: 650px) { .m-mediaCarousel__overlayText { position: absolute; top: 0; pointer-events: all; margin-left: calc(((((100vw - 410px) / 12) * 4) + 90px) + 30px) !important; left: 40px; visibility: hidden; opacity: 0; transition: visibility 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-mediaCarousel__overlayText.is-active { visibility: visible; opacity: 1; transition-delay: 0.24s; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-mediaCarousel__overlayText { margin-left: calc(((((100vw - 560px) / 12) * 4) + 120px) + 40px) !important; left: 60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-mediaCarousel__overlayText { margin-left: calc(((((100vw - 560px) / 12) * 4) + 120px) + 40px) !important; left: 60px; } } @media screen and (min-width: 1520px) { .m-mediaCarousel__overlayText { margin-left: 493.333333333px !important; left: 0; } } @media screen and (min-width: 650px) { .m-mediaCarousel__overlayText::before { content: ''; position: absolute; left: -30px; top: 15px; height: calc(100% - 20px); width: 1px; background: #fff; } } @media screen and (min-width: 650px) { .o-editorialArticle .m-mediaCarousel__overlayText { margin-left: calc(((((100vw - 410px) / 12) * 3) + 60px) + 30px) !important; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-mediaCarousel__overlayText { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px) !important; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-mediaCarousel__overlayText { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px) !important; } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-mediaCarousel__overlayText { margin-left: 370px !important; } } .m-mediaCarousel__overlayText--mobile { position: absolute; top: 0; margin-left: 0 !important; margin-top: calc(66.6666666667% + 1px); background: #141414; } .m-mediaCarousel__overlayText--mobile::before { content: ''; position: absolute; left: 0; top: 24px; width: 1px; height: calc(100% - 48px); background-color: #fff; } .m-mediaCarousel__overlayText--mobile .m-mediaCarousel__overlayText__body { padding: 12px 15px 23px; font-size: 16px; line-height: 25px; } @media screen and (min-width: 650px) { .m-mediaCarousel__overlayText--mobile { display: none; } } .m-mediaCarousel__overlayText__body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } .m-modal { visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; background: #fff; z-index: 1001; transition: all 0.2s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-modal.is-open { visibility: visible; opacity: 1; } .m-modal__content { position: relative; padding: 40px 25px 25px; } @media screen and (min-width: 414px) and (max-width: 649px) { .m-modal__content { padding: 40px 30px 30px; } } .m-modal__close { position: absolute; top: 25px; left: 25px; width: 16px; height: 16px; padding: 0; border: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .m-modal__close { top: 30px; left: 30px; } } .m-modal__close span { display: none; } .m-modal__close svg { width: 100%; height: 100%; } .m-orgInfoGraph { width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 45px; padding-top: 10px; } @media screen and (min-width: 990px) { .m-orgInfoGraph { margin-top: 60px; padding-top: 25px; } } .m-orgInfoGraph__title { text-transform: none; } .m-orgInfoGraph__wrapper { position: relative; width: 100%; padding-top: 305%; margin-top: 30px; } @media screen and (min-width: 650px) { .m-orgInfoGraph__wrapper { padding-top: 60%; } } @media screen and (min-width: 990px) { .m-orgInfoGraph__wrapper { margin-top: 90px; } } .m-orgInfoGraph__label { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; display: flex; top: 0; left: 0; width: 100%; height: 100%; padding: 0 70px; align-items: center; justify-content: center; text-align: center; } .m-orgInfoGraph__label::before, .m-orgInfoGraph__label::after { content: none; } @media screen and (min-width: 650px) { .m-orgInfoGraph__label { padding: 0 20px; } } @media screen and (min-width: 990px) { .m-orgInfoGraph__label { padding: 0 40px; } } .m-orgInfoGraph__field .m-orgInfoGraph__label { padding: 0; } .m-orgInfoGraph__label--dark { color: #141414; } .m-orgInfoGraph__fields { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 65%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__fields { width: 22.4137931034%; height: 100%; padding-top: 0; } } .m-orgInfoGraph__field { position: absolute; top: 0; border-radius: 100%; background-color: #05d192; } .m-orgInfoGraph__field--outline { background-color: transparent; box-shadow: inset 0 0 0 2px #05d192; } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(1) { width: 9.8461538462%; padding-top: 9.8461538462%; left: -9.2307692308%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(1) { width: 17.3076923077%; padding-top: 17.3076923077%; left: 0%; margin-top: 3.0769230769%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(2) { width: 6.1538461538%; padding-top: 6.1538461538%; left: 7.6923076923%; margin-top: 7.6923076923%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(2) { width: 9.6153846154%; padding-top: 9.6153846154%; left: 28.8461538462%; margin-top: 0.3846153846%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(3) { width: 7.3846153846%; padding-top: 7.3846153846%; left: 24.6153846154%; margin-top: 1.5384615385%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(3) { width: 25%; padding-top: 25%; left: 52.6923076923%; margin-top: 4.6153846154%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(4) { width: 14.4615384615%; padding-top: 14.4615384615%; left: 39.3846153846%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(4) { width: 14.2307692308%; padding-top: 14.2307692308%; left: 82.6923076923%; margin-top: 0%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(5) { width: 33.8461538462%; padding-top: 33.8461538462%; left: 12.3076923077%; margin-top: 11.3846153846%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(5) { width: 57.6923076923%; padding-top: 57.6923076923%; left: 0%; margin-top: 20.3846153846%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(6) { width: 16.9230769231%; padding-top: 16.9230769231%; left: -6.4615384615%; margin-top: 15.3846153846%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(6) { width: 9.6153846154%; padding-top: 9.6153846154%; left: 81.5384615385%; margin-top: 27.6923076923%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(7) { width: 21.5384615385%; padding-top: 21.5384615385%; left: -19.0769230769%; margin-top: 36%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(7) { width: 15.3846153846%; padding-top: 15.3846153846%; left: 63.8461538462%; margin-top: 40.3846153846%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(8) { width: 9.2307692308%; padding-top: 9.2307692308%; left: 6.1538461538%; margin-top: 39.3846153846%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(8) { width: 23.0769230769%; padding-top: 23.0769230769%; left: 75.7692307692%; margin-top: 57.3076923077%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(9) { width: 5.2307692308%; padding-top: 5.2307692308%; left: 37.2307692308%; margin-top: 46.4615384615%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(9) { width: 7.6923076923%; padding-top: 7.6923076923%; left: -1.9230769231%; margin-top: 75.3846153846%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(10) { width: 6.1538461538%; padding-top: 6.1538461538%; left: 1.5384615385%; margin-top: 58.4615384615%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(10) { width: 15.3846153846%; padding-top: 15.3846153846%; left: 15%; margin-top: 83.4615384615%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(11) { width: 15.6923076923%; padding-top: 15.6923076923%; left: 17.5384615385%; margin-top: 48.9230769231%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(11) { width: 20%; padding-top: 20%; left: 46.9230769231%; margin-top: 73.8461538462%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(12) { width: 11.0769230769%; padding-top: 11.0769230769%; left: 42.1538461538%; margin-top: 52.3076923077%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(12) { width: 7.6923076923%; padding-top: 7.6923076923%; left: 85.7692307692%; margin-top: 89.6153846154%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(13) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(13) { width: 26.5384615385%; padding-top: 26.5384615385%; left: 0%; margin-top: 102.307692308%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(14) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(14) { width: 15.3846153846%; padding-top: 15.3846153846%; left: 36.5384615385%; margin-top: 106.538461538%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(15) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(15) { width: 23.0769230769%; padding-top: 23.0769230769%; left: 59.2307692308%; margin-top: 99.6153846154%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(16) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(16) { width: 13.0769230769%; padding-top: 13.0769230769%; left: 81.5384615385%; margin-top: 123.076923077%; } } .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(17) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__foundations .m-orgInfoGraph__field:nth-child(17) { width: 7.6923076923%; padding-top: 7.6923076923%; left: 61.5384615385%; margin-top: 137.307692308%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(1) { width: 8.3076923077%; padding-top: 8.3076923077%; left: 57.8461538462%; margin-top: 4.9230769231%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(1) { width: 9.6153846154%; padding-top: 9.6153846154%; left: 0%; margin-top: 137.307692308%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(2) { width: 17.8461538462%; padding-top: 17.8461538462%; left: 69.8461538462%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(2) { width: 19.2307692308%; padding-top: 19.2307692308%; left: 31.5384615385%; margin-top: 130.769230769%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(3) { width: 5.2307692308%; padding-top: 5.2307692308%; left: 100.615384615%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(3) { width: 26.9230769231%; padding-top: 26.9230769231%; left: 9.2307692308%; margin-top: 153.076923077%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(4) { width: 10.4615384615%; padding-top: 10.4615384615%; left: 91.3846153846%; margin-top: 8.9230769231%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(4) { width: 7.6923076923%; padding-top: 7.6923076923%; left: 51.9230769231%; margin-top: 153.461538462%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(5) { width: 14.4615384615%; padding-top: 14.4615384615%; left: 51.0769230769%; margin-top: 16.9230769231%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(5) { width: 26.9230769231%; padding-top: 26.9230769231%; left: 73.8461538462%; margin-top: 146.538461538%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(6) { width: 5.2307692308%; padding-top: 5.2307692308%; left: 73.2307692308%; margin-top: 21.8461538462%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(6) { width: 18.4615384615%; padding-top: 18.4615384615%; left: 48.8461538462%; margin-top: 165.769230769%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(7) { width: 9.2307692308%; padding-top: 9.2307692308%; left: 83.3846153846%; margin-top: 24%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(7) { width: 21.1538461538%; padding-top: 21.1538461538%; left: 0%; margin-top: 183.846153846%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(8) { width: 14.1538461538%; padding-top: 14.1538461538%; left: 96.9230769231%; margin-top: 21.8461538462%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(8) { width: 9.6153846154%; padding-top: 9.6153846154%; left: 31.5384615385%; margin-top: 189.230769231%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(9) { width: 33.8461538462%; padding-top: 33.8461538462%; left: 53.8461538462%; margin-top: 30.7692307692%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(9) { width: 57.6923076923%; padding-top: 57.6923076923%; left: 42.3076923077%; margin-top: 186.538461538%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(10) { width: 5.2307692308%; padding-top: 5.2307692308%; left: 48%; margin-top: 36%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(10) { width: 9.6153846154%; padding-top: 9.6153846154%; left: 90.3846153846%; margin-top: 181.153846154%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(11) { width: 7.3846153846%; padding-top: 7.3846153846%; left: 90.1538461538%; margin-top: 37.8461538462%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(11) { width: 13.8461538462%; padding-top: 13.8461538462%; left: 19.6153846154%; margin-top: 209.615384615%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(12) { width: 5.2307692308%; padding-top: 5.2307692308%; left: 104.307692308%; margin-top: 40.6153846154%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(12) { width: 7.6923076923%; padding-top: 7.6923076923%; left: 0%; margin-top: 223.461538462%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(13) { width: 15.3846153846%; padding-top: 15.3846153846%; left: 91.3846153846%; margin-top: 48%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(13) { width: 23.0769230769%; padding-top: 23.0769230769%; left: 15%; margin-top: 231.923076923%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(14) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(14) { width: 9.6153846154%; padding-top: 9.6153846154%; left: 0%; margin-top: 255.769230769%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(15) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(15) { width: 11.5384615385%; padding-top: 11.5384615385%; left: 46.9230769231%; margin-top: 248.076923077%; } } .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(16) { width: 0%; padding-top: 0%; left: 0%; margin-top: 0%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__programs .m-orgInfoGraph__field:nth-child(16) { width: 17.3076923077%; padding-top: 17.3076923077%; left: 82.6923076923%; margin-top: 248.076923077%; } } .m-orgInfoGraph__boards { position: absolute; top: 0; width: 64.6153846154%; padding-top: 64.6153846154%; border-radius: 100%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__boards { width: 22.4137931034%; padding-top: 22.4137931034%; } } .m-orgInfoGraph__boards--foundations { left: -24.6153846154%; margin-top: 84.6153846154%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__boards--foundations { left: 31.0344827586%; margin-top: 0; } } .m-orgInfoGraph__boards--programs { left: 60%; margin-top: 84.6153846154%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__boards--programs { left: 31.0344827586%; margin-top: 37.0689655172%; } } .m-orgInfoGraph__boards--council { left: 17.8461538462%; margin-top: 149.538461538%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__boards--council { left: 48.275862069%; margin-top: 18.5344827586%; } } .m-orgInfoGraph__boards--global { left: 17.8461538462%; margin-top: 233.846153846%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__boards--global { left: 77.5862068966%; margin-top: 18.5344827586%; } } .m-orgInfoGraph__boards__wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; } .m-orgInfoGraph__boards--council .m-orgInfoGraph__boards__wrapper { transform: rotate(-82.4deg); } @media screen and (min-width: 650px) { .m-orgInfoGraph__boards--council .m-orgInfoGraph__boards__wrapper { transform: rotate(7.6deg); } } .m-orgInfoGraph__boards__wrapper div { position: absolute; left: 50%; top: 50%; border-radius: 50%; background: #05d192; } .m-orgInfoGraph__boards--programs .m-orgInfoGraph__boards__wrapper div { background: transparent; box-shadow: inset 0 0 0 2px #05d192; } .m-orgInfoGraph__boards--council .m-orgInfoGraph__boards__wrapper div:nth-child(-n+12) { background: transparent; box-shadow: inset 0 0 0 2px #05d192; } .m-orgInfoGraph__hoverElement { transition: opacity 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-orgInfoGraph.is-hovered .m-orgInfoGraph__hoverElement { opacity: 0.2; } .m-orgInfoGraph.is-hovered .m-orgInfoGraph__hoverElement.is-active { opacity: 1; } .m-orgInfoGraph__connections { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .m-orgInfoGraph__connection { position: absolute; top: 0; transition: opacity 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); transform-origin: left center; } .m-orgInfoGraph.is-hovered .m-orgInfoGraph__connection { opacity: 0.2; } .m-orgInfoGraph.is-hovered .m-orgInfoGraph__connection.is-active { opacity: 1; } @keyframes pulseHorizontal { 100% { width: calc(100% - 30px); left: 15px; } } @keyframes pulseHorizontalLeft { 100% { width: calc(100% - 15px); left: 15px; } } @keyframes pulseVertical { 100% { height: calc(100% - 15px); } } @keyframes pulseHorizontalSmall { 100% { width: calc(100% - 10px); left: 5px; } } @keyframes pulseHorizontalLeftSmall { 100% { width: calc(100% - 5px); left: 5px; } } @keyframes pulseVerticalSmall { 100% { height: calc(100% - 5px); } } .m-orgInfoGraph__arrow { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; perspective: 100px; } @media screen and (min-width: 990px) { .m-orgInfoGraph__connection.is-active .m-orgInfoGraph__arrow { animation-name: pulseHorizontal; animation-duration: 0.75s; animation-timing-function: ease-in-out; animation-direction: alternate; animation-iteration-count: infinite; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-orgInfoGraph__arrow { animation-name: none !important; } } html.edge .m-orgInfoGraph__arrow { animation-name: none !important; } .m-orgInfoGraph__arrow::before, .m-orgInfoGraph__arrow::after { content: ''; position: absolute; top: -3px; left: 0; width: 7px; height: 7px; border-left: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(-45deg); } .m-orgInfoGraph__arrow::after { left: auto; right: 0; transform: rotate(135deg); } @media screen and (min-width: 990px) { .m-orgInfoGraph__connection.is-active .m-orgInfoGraph__arrow.m-orgInfoGraph__arrow--horizontal { animation-name: pulseHorizontalLeft; } } .m-orgInfoGraph__arrow.m-orgInfoGraph__arrow--horizontal::after { display: none; } .m-orgInfoGraph__arrow.m-orgInfoGraph__arrow--vertical { width: 1px; height: 100%; left: 100%; } @media screen and (min-width: 990px) { .m-orgInfoGraph__connection.is-active .m-orgInfoGraph__arrow.m-orgInfoGraph__arrow--vertical { animation-name: pulseVertical; } } .m-orgInfoGraph__arrow.m-orgInfoGraph__arrow--vertical::before { display: none; } .m-orgInfoGraph__arrow.m-orgInfoGraph__arrow--top::after { top: 0; left: -3px; transform: rotate(45deg); } .m-orgInfoGraph__arrow.m-orgInfoGraph__arrow--bottom::after { top: auto; left: -3px; bottom: 0; transform: rotate(-135deg); } .m-orgInfoGraph__connection--foundations, .m-orgInfoGraph__connection--programs { width: 11%; left: 8%; margin-top: 69%; transform: rotate(90deg); } @media screen and (min-width: 650px) { .m-orgInfoGraph__connection--foundations, .m-orgInfoGraph__connection--programs { width: 6%; left: 24%; margin-top: 11%; transform: rotate(0deg); } } .m-orgInfoGraph__connection--programs { left: 92%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__connection--programs { margin-top: 48%; left: 24%; } } .m-orgInfoGraph__connection--global-council { width: 11%; left: 50%; margin-top: 218%; transform: rotate(90deg); } @media screen and (min-width: 650px) { .m-orgInfoGraph__connection--global-council { width: 4%; left: 72%; margin-top: 30%; transform: rotate(0deg); } } .m-orgInfoGraph__connection--foundation-global, .m-orgInfoGraph__connection--programs-global { width: 114%; padding-top: 6%; left: 11%; margin-top: 151%; transform: rotate(90deg) scaleY(-1); } @media screen and (min-width: 650px) { .m-orgInfoGraph__connection--foundation-global, .m-orgInfoGraph__connection--programs-global { width: 34%; padding-top: 6%; left: 55%; margin-top: 11%; transform: rotate(0deg); } } .m-orgInfoGraph__connection--programs-global { left: 90%; } @media screen and (min-width: 650px) { .m-orgInfoGraph__connection--programs-global { left: 55%; margin-top: 42%; } } .m-orgInfoGraph__connection--programs-global .m-orgInfoGraph__arrow { top: auto; bottom: 0; } .m-pageIntro { position: relative; z-index: 4; } .m-pageIntro p { margin-top: 28px; } .m-pageIntro p a { border-bottom: 1px solid #757575; padding-bottom: 2px; } .m-pageIntro p a:hover { border-color: transparent; } @media screen and (min-width: 990px) { .m-pageIntro p { margin-top: 35px; } .m-heroTitle + .m-pageIntro { padding-top: 15px; } } @media screen and (max-width: 649px) { .m-pageIntro .btn--highlight, .m-pageIntro .m-form__submit { width: 100%; } } .m-pageIntro::after, .m-pageIntro::before { width: 100%; } @media screen and (min-width: 650px) { .edge .m-pageIntro.m-pageIntro--hasSidebar.row, .edge .a-eventsFeatured--no-img .m-pageIntro.m-pageIntro--hasSidebar.a-eventsFeatured__inner, .a-eventsFeatured--no-img .edge .m-pageIntro.m-pageIntro--hasSidebar.a-eventsFeatured__inner, .edge .m-pageIntro.m-pageIntro--hasSidebar.m-list { flex-wrap: nowrap; } } .m-pageIntro--detailPage .pageTitle { margin-top: 15px; } @media screen and (min-width: 650px) { .m-pageIntro--detailPage .pageTitle { margin-top: 65px; } } .page-region .m-pageIntro { position: relative; z-index: 21; } .pageClass--editorial .m-pageIntro .pageTitle { margin-top: 15px; } @media screen and (min-width: 650px) { .pageClass--editorial .m-pageIntro .pageTitle { margin-top: 30px; } } @media screen and (min-width: 650px) { .m-pageIntro--landingPage { padding-top: 30px; } } @media screen and (min-width: 990px) { .m-pageIntro--landingPage { padding-bottom: 10px; } } .m-pageIntro--landingPage .pageTitle { flex: 0 0 auto; margin-top: 30px; } @media screen and (max-width: 413px) { .m-pageIntro--landingPage .pageTitle { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-pageIntro--landingPage .pageTitle { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-pageIntro--landingPage .pageTitle { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro--landingPage .pageTitle { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro--landingPage .pageTitle { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-pageIntro--landingPage .pageTitle { width: 453.333333333px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-pageIntro--landingPage .pageTitle br { display: none; } } @media screen and (min-width: 650px) { .m-pageIntro--landingPage .pageTitle { margin-top: 25px; } } .m-pageIntro--landingPage .m-pageIntro__intro { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-pageIntro--landingPage .m-pageIntro__intro { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-pageIntro--landingPage .m-pageIntro__intro { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-pageIntro--landingPage .m-pageIntro__intro { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro--landingPage .m-pageIntro__intro { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro--landingPage .m-pageIntro__intro { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-pageIntro--landingPage .m-pageIntro__intro { width: 946.666666667px; margin-left: 40px; } } @media screen and (min-width: 990px) { .m-pageIntro--landingPage .m-pageIntro__intro { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } .m-pageIntro--landingPage .m-pageIntro__body { display: flex; flex-flow: row wrap; margin-left: 0 !important; width: 100%; } @media screen and (max-width: 413px) { .m-pageIntro--landingPage .m-pageIntro__body { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-pageIntro--landingPage .m-pageIntro__body { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-pageIntro--landingPage .m-pageIntro__body { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-pageIntro--landingPage .m-pageIntro__body { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-pageIntro--landingPage .m-pageIntro__body { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-pageIntro--landingPage .m-pageIntro__body { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro--landingPage .m-pageIntro__body { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-pageIntro--landingPage .m-pageIntro__body { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro--landingPage .m-pageIntro__body { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-pageIntro--landingPage .m-pageIntro__body { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .m-pageIntro--landingPage .m-pageIntro__body { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-pageIntro--landingPage .m-pageIntro__body { width: calc(100% + 41px); } } .m-pageIntro__links { margin-top: 10px; } @media screen and (min-width: 990px) { .m-pageIntro__links { margin-top: 20px; } } .m-pageIntro__links a { margin-right: 36px; } .m-pageIntro__infos { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-flow: row wrap; margin-top: 35px; } @media screen and (min-width: 650px) { .m-pageIntro__infos { margin-top: 49px; } } .m-pageIntro__category { margin-right: 24px; color: #757575; } .m-pageIntro__category:hover { color: #141414; } .m-pageIntro__type { position: relative; } .m-pageIntro__type:before { content: ""; position: absolute; top: 2px; left: -12px; display: block; width: 1px; height: 16px; background-color: #d9d9d9; } .m-pageIntro__infos + .pageTitle { margin-top: -4px; } @media screen and (min-width: 650px) { .m-pageIntro__infos + .pageTitle { margin-top: -3px; } } @media screen and (min-width: 990px) { .m-pageIntro__subtitle { display: inline-block; margin-top: 10px; } } .m-pageIntro__body { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-pageIntro__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-pageIntro__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-pageIntro__body { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-pageIntro__body { width: 946.666666667px; margin-left: 40px; } } .m-pageIntro__sidebar { position: relative; flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-pageIntro__sidebar { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-pageIntro__sidebar { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-pageIntro__sidebar { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro__sidebar { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro__sidebar { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-pageIntro__sidebar { width: 330px; margin-left: 40px; } } @media screen and (min-width: 990px) { .m-pageIntro__sidebar { left: 40px; } } @media screen and (min-width: 990px) and (max-width: 413px) { .m-pageIntro__sidebar { margin-left: calc((((100vw - 150px) / 6) * 0) + 20px); } } @media screen and (min-width: 990px) and (min-width: 414px) and (max-width: 649px) { .m-pageIntro__sidebar { margin-left: calc((((100vw - 160px) / 6) * 0) + 20px); } } @media screen and (min-width: 990px) and (min-width: 650px) and (max-width: 989px) { .m-pageIntro__sidebar { margin-left: calc(((((100vw - 410px) / 12) * 1) + 0px) + 30px); } } @media screen and (min-width: 990px) and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro__sidebar { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); } } @media screen and (min-width: 990px) and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro__sidebar { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); } } @media screen and (min-width: 990px) and (min-width: 1520px) { .m-pageIntro__sidebar { margin-left: 123.333333333px; } } .m-pageIntro__sidebar .m-iconButtons:first-child { margin-top: 20px; } @media screen and (min-width: 650px) { .m-pageIntro__sidebar .m-iconButtons:first-child { margin-top: 30px; } } @media screen and (min-width: 990px) { .m-pageIntro__sidebar .m-iconButtons:first-child { margin-top: 65px; } } @media screen and (min-width: 650px) { .m-pageIntro--hasLabel .m-pageIntro__sidebar .m-iconButtons:first-child { margin-top: 30px; } } @media screen and (min-width: 990px) { .m-pageIntro--hasLabel .m-pageIntro__sidebar .m-iconButtons:first-child { margin-top: 45px; } } .m-pageIntro__sidebar .m-iconButtons:first-child.m-iconButtons--events { margin-top: 20px; } @media screen and (min-width: 650px) { .m-pageIntro__sidebar .m-iconButtons:first-child.m-iconButtons--events { margin-top: 40px; text-align: right; } } @media screen and (min-width: 650px) { .m-pageIntro__sidebar .btn--highlight, .m-pageIntro__sidebar .m-form__submit { float: right; } } .m-pageIntro__quickMenu { flex: 0 0 auto; display: none; } @media screen and (max-width: 413px) { .m-pageIntro__quickMenu { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-pageIntro__quickMenu { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-pageIntro__quickMenu { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro__quickMenu { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro__quickMenu { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-pageIntro__quickMenu { width: 330px; margin-left: 40px; } } @media screen and (max-width: 413px) { .m-pageIntro__quickMenu { margin-left: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-pageIntro__quickMenu { margin-left: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-pageIntro__quickMenu { margin-left: calc(((((100vw - 410px) / 12) * 4) + 90px) + 70px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-pageIntro__quickMenu { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 80px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-pageIntro__quickMenu { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 80px); } } @media screen and (min-width: 1520px) { .m-pageIntro__quickMenu { margin-left: 410px; } } .m-pageIntro__quickMenu li { margin-top: 5px; } @media screen and (min-width: 650px) { .m-pageIntro__quickMenu { display: block; position: relative; margin-top: 65px; } .m-pageIntro__quickMenu::before { content: ''; position: absolute; left: -20px; top: 10px; height: calc(100% - 10px); width: 1px; background: rgba(0, 0, 0, 0.15); } .m-pageIntro__quickMenu a:hover { color: #05d192; color: var(--highlightColor); } } @media screen and (min-width: 650px) and (-ms-high-contrast: none), screen and (min-width: 650px) and (-ms-high-contrast: active) { .pageClass--editorial .m-pageIntro__quickMenu a:hover { color: #f8bd06; } .pageClass--grants .m-pageIntro__quickMenu a:hover { color: #5b74e4; } } @media screen and (min-width: 650px) { @supports (-ms-accelerator: true) { .m-pageIntro__quickMenu a:hover { /* IE Edge 12+ CSS */ } .pageClass--grants .m-pageIntro__quickMenu a:hover { color: #5b74e4; } .pageClass--editorial .m-pageIntro__quickMenu a:hover { color: #f8bd06; } } } .m-quoteShowcase { margin-left: -25px; margin-right: -25px; position: relative; margin-top: 35px; } @media screen and (min-width: 414px) and (max-width: 649px) { .m-quoteShowcase { margin-left: -30px; margin-right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-quoteShowcase { margin-left: -40px; margin-right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-quoteShowcase { margin-left: -60px; margin-right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-quoteShowcase { margin-left: -60px; margin-right: -60px; } } @media screen and (min-width: 1520px) { .m-quoteShowcase { margin-left: -99em; margin-right: -99em; } } @media screen and (min-width: 990px) { .m-quoteShowcase { margin-top: 60px; } } .m-quoteShowcase__background { width: 100vw; margin: 0 auto; } .m-quoteShowcase__background img { width: 100%; } .m-quoteShowcase__body { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .m-quoteShowcase__counter { position: absolute; top: 30px; left: 0; background: rgba(128, 128, 128, 0.5); border-radius: 50%; } .m-regionGraph { margin-top: 40px; margin-bottom: -33px; position: relative; z-index: 4; } @media screen and (min-width: 990px) { .m-regionGraph { margin-top: 85px; padding-bottom: 20px; } } .m-regionGraph .a-link--readmore { margin-top: 30px; } @media screen and (min-width: 990px) { .m-regionGraph .a-link--readmore { margin-top: 50px; } } .m-regionGraph__graph { position: relative; width: 100%; padding-top: 34.4827586207%; margin-top: 30px; } @media screen and (min-width: 990px) { .m-regionGraph__graph { margin-top: 45px; } } .m-regionGraph__yScale { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .m-regionGraph__yScale__unit { position: absolute; width: 100%; top: 0; z-index: 2; pointer-events: none; } .m-regionGraph__yScale__unit:nth-child(2) { top: 25%; } .m-regionGraph__yScale__unit:nth-child(3) { top: 50%; } .m-regionGraph__yScale__unit:nth-child(4) { top: 75%; } .m-regionGraph__yScale__unit:nth-child(5) { top: 100%; } .m-regionGraph__yScale__unit::before { content: ''; position: absolute; top: 0; left: 20px; width: calc(100% - 20px); height: 1px; background: rgba(0, 0, 0, 0.15); } @media screen and (min-width: 990px) { .m-regionGraph__yScale__unit::before { left: 35px; width: calc(100% - 35px); } } .m-regionGraph__yScale__unit span { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-top: -9px; color: #6B6B6B; vertical-align: top; transition: color 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-regionGraph__yScale__unit span::before, .m-regionGraph__yScale__unit span::after { content: none; } .m-regionGraph__xScale { position: absolute; left: 30px; bottom: -25px; width: calc(100% - 30px); height: 25px; } @media screen and (min-width: 990px) { .m-regionGraph__xScale { bottom: -41px; height: 41px; left: 60px; width: calc(100% - 120px); } } .m-regionGraph__xScale__unit { position: absolute; top: 0; left: 0; height: 100%; border-left: 1px solid #1f1f1f; color: #6B6B6B; transition: height 0.5s cubic-bezier(0.545, 0.03, 0.395, 0.965), border-color 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), color 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-regionGraph__xScale__unit span { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; top: 14px; left: 10px; } .m-regionGraph__xScale__unit span::before, .m-regionGraph__xScale__unit span::after { content: none; } @media screen and (min-width: 990px) { .m-regionGraph__xScale__unit span { top: 27px; } } .do-animation .m-regionGraph__xScale__unit { height: 0; } .m-regionGraph__xScale__unit.is-hover span { color: #141414; } .is-hover .m-regionGraph__xScale__unit:not(.is-hover) { border-color: rgba(0, 0, 0, 0.15); } .m-regionGraph__values { position: absolute; left: 30px; top: 0; width: calc(100% - 30px); height: 100%; } @media screen and (min-width: 990px) { .m-regionGraph__values { left: 60px; width: calc(100% - 120px); } } .m-regionGraph__value { position: absolute; bottom: 0; left: 0; height: 100%; overflow: hidden; transform: translate3d(0, 0, 0); } .do-animation .m-regionGraph__value { padding-top: 40% !important; } .is-hover .m-regionGraph__value:not(.is-hover) .m-regionGraph__value__block { border-color: rgba(0, 0, 0, 0.15); } .m-regionGraph__info { position: absolute; opacity: 1; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965) 0.9s; transform: translateX(-50%); cursor: pointer; z-index: 3; } @media screen and (min-width: 990px) { .m-regionGraph__info:hover span { opacity: 1; } } .is-hover .m-regionGraph__info { opacity: 0.54; } .is-hover .m-regionGraph__info:hover { opacity: 1; } .is-initialized .m-regionGraph__info { transition-delay: 0s; } .do-animation .m-regionGraph__info { opacity: 0; } .m-regionGraph__info span { display: inline-block; text-transform: none; width: 100%; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-regionGraph__info span { opacity: 0; } } .m-regionGraph__value__block { position: absolute; left: 0; width: calc(100% + 10px); height: 100%; background-color: #05d192; background-color: var(--highlightColor); border-left: 1px solid #1f1f1f; transform-origin: left; transition: border-color 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), transform 1s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-regionGraph__value__block { background-color: #f8bd06; } .pageClass--grants .m-regionGraph__value__block { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-regionGraph__value__block { /* IE Edge 12+ CSS */ } .pageClass--grants .m-regionGraph__value__block { background-color: #5b74e4; } .pageClass--editorial .m-regionGraph__value__block { background-color: #f8bd06; } } .do-animation .m-regionGraph__value__block { transform: skewY(0) !important; } .m-regionGraph__value { transition: padding 1s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-stickySideNav { display: none; position: absolute; left: 0; top: 25px; height: calc(100% - 25px); } @media screen and (min-width: 650px) and (max-width: 989px) { .m-stickySideNav { width: calc((((100vw - 410px) / 12) * 4) + 90px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-stickySideNav { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-stickySideNav { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .m-stickySideNav { width: 453.333333333px; } } @media screen and (min-width: 650px) { .m-stickySideNav { display: block; } } @media screen and (min-width: 990px) { .m-stickySideNav { top: 50px; height: calc(100% - 50px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-stickySideNav__container { width: calc((((100vw - 410px) / 12) * 4) + 90px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-stickySideNav__container { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-stickySideNav__container { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .m-stickySideNav__container { width: 453.333333333px; } } .m-stickySideNav__container.is-sticky { position: fixed; top: 25px; } .s-nav-is-sticky:not(.s-nav-is-hiding) .m-stickySideNav__container.is-sticky { transform: translateY(85px); } .m-stickySideNav__container.at-bottom { position: absolute; bottom: 0; } .m-stickySideNav__container.has-transition { transition: transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .page-how-we-work .m-stickySideNav__container { padding-right: calc((((100vw - 410px) / 12) * 1) + 0px); } } @media screen and (min-width: 990px) { .page-how-we-work .m-stickySideNav__container { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1300px) { .page-how-we-work .m-stickySideNav__container { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1520px) { .page-how-we-work .m-stickySideNav__container { padding-right: 83.3333333333px; } } .m-stickySideNav li { margin-top: 20px; } @media screen and (min-width: 990px) { .m-stickySideNav li { margin-top: 15px; } } .m-stickySideNav li:first-child { margin-top: 0; } @media screen and (min-width: 990px) { .m-stickySideNav--small { top: 55px; height: calc(100% - 55px); } } .m-stickySideNav--small li { text-transform: none; margin-top: 10px; } .m-stickySideNav--small li a { color: #757575; } .m-stickySideNav a { transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); color: #949494; } .m-stickySideNav a:hover, .m-stickySideNav a.is-active { color: #141414; } .m-tabBar { display: flex; align-items: center; padding: 13px 0 10px; margin-top: 60px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; width: 100vw; margin-left: -25px; padding-left: 25px; padding-right: 25px; } @media screen and (min-width: 414px) and (max-width: 649px) { .m-tabBar { margin-left: -30px; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 649px) { .m-tabBar { overflow: scroll; -webkit-overflow-scrolling: touch; } } @media screen and (min-width: 650px) { .m-tabBar { width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; } } @media screen and (min-width: 990px) { .m-tabBar { padding: 25px 0 23px; margin-top: 80px; } } @media screen and (max-width: 649px) { .m-tabBar__container { width: 100%; white-space: nowrap; padding-right: 30px; } } .m-tabBar__tab { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; padding: 0; margin: 0 30px 0 0; overflow: visible; color: #757575; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-tabBar__tab::before, .m-tabBar__tab::after { content: none; } @media screen and (max-width: 649px) { .m-tabBar__tab { white-space: nowrap; margin-right: 20px; } } .m-tabBar__tab:first-child { padding-right: 30px; border-right: 1px solid #d9d9d9; } @media screen and (max-width: 649px) { .m-tabBar__tab:first-child { padding-right: 20px; } } .m-tabBar__tab:first-child::after { width: calc(100% - 30px); } @media screen and (max-width: 649px) { .m-tabBar__tab:first-child::after { width: calc(100% - 20px); } } .m-tabBar__tab::after { background-color: #05d192; background-color: var(--highlightColor); content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: 3px; opacity: 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-tabBar__tab::after { background-color: #f8bd06; } .pageClass--grants .m-tabBar__tab::after { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-tabBar__tab::after { /* IE Edge 12+ CSS */ } .pageClass--grants .m-tabBar__tab::after { background-color: #5b74e4; } .pageClass--editorial .m-tabBar__tab::after { background-color: #f8bd06; } } @media screen and (min-width: 990px) { .m-tabBar__tab::after { top: 45px; } } .m-tabBar__tab.is-active, .m-tabBar__tab:hover { color: #141414; } .m-tabBar__tab.is-active::after, .m-tabBar__tab:hover::after { opacity: 1; } .m-tabContainer { position: relative; } .a-tab { visibility: hidden; opacity: 0; position: absolute; display: none; top: 0; left: 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .a-tab.is-active { position: relative; visibility: visible; display: block; opacity: 1; z-index: 2; } .m-textBlock { margin-top: 35px; } .m-textBlock:before { width: auto; } .m-textBlock:after { display: none; } @media screen and (min-width: 990px) { .m-textBlock { margin-top: 75px; } } .m-textBlock:first-child { margin-top: 0; } .m-textBlock h2 { text-transform: none; } .m-textBlock * + h2, .m-textBlock * + h3, .m-textBlock * + h4 { margin-top: 30px; } .m-textBlock h3 { font-weight: normal; } @media screen and (min-width: 990px) { .m-textBlock * + h2, .m-textBlock * + h3, .m-textBlock * + h4 { margin-top: 50px; } } .m-textBlock ul:not(.no-list) li:not(:first-child), .m-textBlock ol:not(.no-list) li:not(:first-child), .m-textBlock blockquote { margin-top: 20px; } @media screen and (min-width: 990px) { .m-textBlock ul:not(.no-list) li:not(:first-child), .m-textBlock ol:not(.no-list) li:not(:first-child), .m-textBlock blockquote { margin-top: 25px; } } .m-textBlock blockquote { position: relative; font-style: italic; padding-left: 30px; } .m-textBlock blockquote::before { content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: calc(100% - 12px); background-color: #141414; } @media screen and (min-width: 990px) { .m-textBlock blockquote::before { top: 10px; height: calc(100% - 20px); } } .m-textBlock p a:not([class]), .m-textBlock li:not([class]) a:not([class]), .m-textBlock blockquote a:not([class]), .m-textBlock h2 a:not([class]), .m-textBlock h3 a:not([class]), .m-textBlock h4 a:not([class]) { border-bottom: 1px solid #757575; padding-bottom: 2px; } .m-textBlock p a:not([class]):hover, .m-textBlock li:not([class]) a:not([class]):hover, .m-textBlock blockquote a:not([class]):hover, .m-textBlock h2 a:not([class]):hover, .m-textBlock h3 a:not([class]):hover, .m-textBlock h4 a:not([class]):hover { border-color: transparent; } .m-textBlock .a-link--readmore { margin-top: 3px; } @media screen and (min-width: 650px) { .m-textBlock .a-link--readmore { margin-top: 10px; } } .m-textBlock .a-link--readmore:first-child { margin: 0; } .m-textBlock .btn--highlight, .m-textBlock .m-form__submit { margin-top: 25px; } @media screen and (min-width: 990px) { .m-textBlock .btn--highlight, .m-textBlock .m-form__submit { margin-top: 35px; } } .m-textBlock strong { font-weight: 700; } .m-textBlock i { font-style: italic; } .page-employment .m-textBlock ul::before, .page-employment .m-textBlock ul::after, .page-employment .m-textBlock ol::before, .page-employment .m-textBlock ol::after, .m-textBlock ul.small::before, .m-textBlock ul.small::after, .m-textBlock ol.small::before, .m-textBlock ol.small::after { content: none; } @media screen and (min-width: 650px) { .page-employment .m-textBlock ul, .page-employment .m-textBlock ol, .m-textBlock ul.small, .m-textBlock ol.small { columns: 2; } } .m-textBlock hr { display: block; width: 100%; height: 1px; margin-top: 39px; background-color: #d9d9d9; border: 0; } @media screen and (min-width: 990px) { .m-textBlock hr { margin-bottom: 69px; } } .m-textBlock .m-textBlock__sectionHeader { padding-top: 25px; border-top: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .m-textBlock .m-textBlock__sectionHeader { padding-top: 50px; } } @media screen and (max-width: 649px) { .m-textBlock .intro { margin-top: 14px; } } .m-textBlock .intro--teasing { margin-bottom: 20px; } @media screen and (min-width: 990px) { .m-textBlock .intro--teasing { margin-bottom: 30px; } } .m-textBlock.m-textBlock--editorialIntro { color: #757575; padding-bottom: 30px; } @media screen and (min-width: 990px) { .m-textBlock.m-textBlock--editorialIntro { padding-bottom: 50px; } } .m-textBlock.m-textBlock--editorialIntro p a:not([class]) { border-color: #757575; } .m-textBlock.m-textBlock--editorialIntro p a:not([class]):hover { border-color: transparent; } .m-historyArticle .m-textBlock { margin: 0; } @media screen and (min-width: 990px) { .m-historyArticle .m-textBlock h2, .m-historyArticle .m-textBlock h3, .m-historyArticle .m-textBlock h4, .m-historyArticle .m-textBlock h5, .m-historyArticle .m-textBlock h6, .m-historyArticle .m-textBlock p, .m-historyArticle .m-textBlock li { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 990px) { .o-contentBlocks__body .m-textBlock h2, .o-contentBlocks__body .m-textBlock h3, .o-contentBlocks__body .m-textBlock h4, .o-contentBlocks__body .m-textBlock h5, .o-contentBlocks__body .m-textBlock h6, .o-contentBlocks__body .m-textBlock p, .o-contentBlocks__body .m-textBlock li:not(.a-columnsList__item), .o-contentBlocks__body .m-textBlock blockquote { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 650px) { .o-contentBlocks__container .o-contentBlocks__sidebar:first-child + .o-contentBlocks__body .m-textBlock p:first-child, .o-contentBlocks__container .notFound__container .m-textBlock p:first-child { margin-top: 30px; } .o-contentBlocks__container .o-contentBlocks__sidebar:first-child + .o-contentBlocks__body .m-textBlock .intro:first-child, .o-contentBlocks__container .notFound__container .m-textBlock .intro:first-child { margin-top: 19px; } } @media screen and (min-width: 990px) { .o-contentBlocks__container .o-contentBlocks__sidebar:first-child + .o-contentBlocks__body .m-textBlock p:first-child, .o-contentBlocks__container .notFound__container .m-textBlock p:first-child { margin-top: 20px; } .o-contentBlocks__container .o-contentBlocks__sidebar:first-child + .o-contentBlocks__body .m-textBlock .intro:first-child, .o-contentBlocks__container .notFound__container .m-textBlock .intro:first-child { margin-top: 5px; } } .o-contentBlocks__container--detailPage .m-textBlock h2 { text-transform: none; margin-top: 30px; } @media screen and (min-width: 990px) { .o-contentBlocks__container--detailPage .m-textBlock h2 { margin-top: 45px; } .o-contentBlocks__container--detailPage .m-textBlock h2.m-textBlock__sectionHeader { margin-top: 60px; } } .o-contentBlocks__container--detailPage .m-textBlock h3 { margin-top: 30px; } @media screen and (min-width: 990px) { .o-contentBlocks__container--detailPage .m-textBlock h3 { margin-top: 45px; } } .o-contentBlocks__container--detailPage .m-textBlock .btn + p, .o-contentBlocks__container--detailPage .m-textBlock .a-eventsFeatured__cta + p, .o-contentBlocks__container--detailPage .m-textBlock .m-staff__more + p, .o-contentBlocks__container--detailPage .m-textBlock .m-eventsCards__cta + p, .o-contentBlocks__container--detailPage .m-textBlock .m-form__fileBtn + p, .o-contentBlocks__container--detailPage .m-textBlock .m-form__submit + p { margin-top: 40px; } @media screen and (min-width: 990px) { .o-contentBlocks__container--detailPage .m-textBlock .btn + p, .o-contentBlocks__container--detailPage .m-textBlock .a-eventsFeatured__cta + p, .o-contentBlocks__container--detailPage .m-textBlock .m-staff__more + p, .o-contentBlocks__container--detailPage .m-textBlock .m-eventsCards__cta + p, .o-contentBlocks__container--detailPage .m-textBlock .m-form__fileBtn + p, .o-contentBlocks__container--detailPage .m-textBlock .m-form__submit + p { margin-top: 65px; } } .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro { padding-bottom: 20px; } @media screen and (min-width: 990px) { .o-editorialArticle .m-textBlock.m-textBlock--editorialIntro { padding-bottom: 30px; } } .o-editorialArticle .m-textBlock * + h2, .o-editorialArticle .m-textBlock * + h3 { margin-top: 30px; } .o-editorialArticle .m-textBlock * + h4 { margin-top: 20px; } .o-editorialArticle .m-textBlock ul:not(.no-list) li:not(:first-child), .o-editorialArticle .m-textBlock ol:not(.no-list) li:not(:first-child), .o-editorialArticle .m-textBlock blockquote { margin-top: 20px; } @media screen and (min-width: 990px) { .o-editorialArticle .m-textBlock * + h2, .o-editorialArticle .m-textBlock * + h3 { margin-top: 40px; } .o-editorialArticle .m-textBlock * + h4 { margin-top: 30px; } .o-editorialArticle .m-textBlock ul:not(.no-list) li:not(:first-child), .o-editorialArticle .m-textBlock ol:not(.no-list) li:not(:first-child), .o-editorialArticle .m-textBlock blockquote { margin-top: 25px; } } .o-editorialArticle .m-textBlock blockquote::before { top: 5px; } @media screen and (min-width: 990px) { .o-editorialArticle .m-textBlock blockquote::before { top: 7px; height: calc(100% - 16px); } } @media screen and (min-width: 990px) { .o-editorialArticle .m-textBlock p:not(.intro), .o-editorialArticle .m-textBlock ul:not(.no-list) li, .o-editorialArticle .m-textBlock ol:not(.no-list) li, .o-editorialArticle .m-textBlock blockquote, .o-editorialArticle .m-textBlock h2, .o-editorialArticle .m-textBlock h3, .o-editorialArticle .m-textBlock h4 { padding-right: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-textBlock p:not(.intro), .o-editorialArticle .m-textBlock ul:not(.no-list) li, .o-editorialArticle .m-textBlock ol:not(.no-list) li, .o-editorialArticle .m-textBlock blockquote, .o-editorialArticle .m-textBlock h2, .o-editorialArticle .m-textBlock h3, .o-editorialArticle .m-textBlock h4 { padding-right: 370px; } } .o-editorialArticle .m-textBlock .intro { padding-bottom: 10px; } @media screen and (min-width: 990px) { .o-editorialArticle .m-textBlock .intro { padding-right: calc(((((100vw - 560px) / 12) * 1) + 0px) + 40px); padding-top: 15px; padding-bottom: 15px; } } .pageClass--detailPage .m-textBlock h2 { text-transform: none; } .pageClass--detailPage .m-textBlock * + h2, .pageClass--detailPage .m-textBlock * + h3 { margin-top: 30px; } .pageClass--detailPage .m-textBlock * + h4 { margin-top: 10px; } @media screen and (min-width: 990px) { .pageClass--detailPage .m-textBlock * + h2, .pageClass--detailPage .m-textBlock * + h3 { margin-top: 40px; } .pageClass--detailPage .m-textBlock * + h4 { margin-top: 20px; } } .m-textBlock__title { text-transform: none; position: relative; margin-top: 40px; } .m-textBlock__title::before, .m-textBlock__title::after { content: none; } .m-textBlock__title::after { content: ''; position: absolute; bottom: -9px; left: 0; width: 30px; height: 2px; padding: 0; background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-textBlock__title::after { background-color: #f8bd06; } .pageClass--grants .m-textBlock__title::after { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-textBlock__title::after { /* IE Edge 12+ CSS */ } .pageClass--grants .m-textBlock__title::after { background-color: #5b74e4; } .pageClass--editorial .m-textBlock__title::after { background-color: #f8bd06; } } @media screen and (min-width: 650px) { .m-textBlock__title::after { bottom: -17px; width: 40px; height: 3px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-textBlock__title { margin-top: 5px; } } @media screen and (min-width: 990px) { .m-textBlock__title { margin-top: 10px; } } .m-textBlock__title.m-textBlock__title--small::before, .m-textBlock__title.m-textBlock__title--small::after { content: none; } .m-textBlock__title.m-textBlock__title--small:after { display: none; } @media screen and (min-width: 650px) and (max-width: 989px) { .m-textBlock__title.m-textBlock__title--small { margin-top: 9px; } } @media screen and (min-width: 990px) { .m-textBlock__title.m-textBlock__title--small { margin-top: 8px; } } @media screen and (min-width: 990px) { .o-contentBlocks__container .o-contentBlocks__sidebar:first-child .m-textBlock__title { margin-top: 1px; } .pageClass--grants .o-contentBlocks__container .o-contentBlocks__sidebar:first-child .m-textBlock__title { margin-top: -5px; } } @media screen and (min-width: 990px) { .o-contentBlocks__container .o-contentBlocks__body:first-child + .o-contentBlocks__sidebar .m-textBlock__title { margin-top: -14px; } } .m-textBlock--keyline { border-top: 1px solid #d9d9d9; padding-top: 18px; margin-top: 70px; } @media screen and (min-width: 990px) { .m-textBlock--keyline { padding-top: 28px; margin-top: 110px; } } /* * Timeline variation */ .m-textBlock--timeline { display: flex; flex-flow: row wrap; padding-top: 10px; } @media screen and (max-width: 413px) { .m-textBlock--timeline { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--timeline { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-textBlock--timeline { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--timeline { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-textBlock--timeline { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--timeline { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-textBlock--timeline { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--timeline { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-textBlock--timeline { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--timeline { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .m-textBlock--timeline { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--timeline { width: calc(100% + 41px); } } .m-textBlock--timeline .m-textBlock__body { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-textBlock--timeline .m-textBlock__body { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-textBlock--timeline .m-textBlock__body { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-textBlock--timeline .m-textBlock__body { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-textBlock--timeline .m-textBlock__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-textBlock--timeline .m-textBlock__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-textBlock--timeline .m-textBlock__body { width: 700px; margin-left: 40px; } } .m-textBlock--timeline .m-textBlock__body p { padding-right: 0; } .m-textBlock__timeline { flex: 0 0 auto; margin-top: 15px; } @media screen and (max-width: 413px) { .m-textBlock__timeline { width: calc((((100vw - 150px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-textBlock__timeline { width: calc((((100vw - 160px) / 6) * 2) + 20px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-textBlock__timeline { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-textBlock__timeline { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-textBlock__timeline { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-textBlock__timeline { width: 206.666666667px; margin-left: 40px; } } @media screen and (min-width: 990px) { .m-textBlock__timeline { margin-top: 25px; } } .m-textBlock__timelineBlock { margin-top: 25px; } @media screen and (min-width: 990px) { .m-textBlock__timelineBlock { margin-top: 55px; } } .m-textBlock__timelineBlock:first-child { margin-top: 0; } .m-textBlock__timelineBlock__description { display: inline-block; } /* * Overlay variation */ .m-textBlock--mediaOverlay { display: flex; flex-flow: row wrap; } @media screen and (max-width: 413px) { .m-textBlock--mediaOverlay { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--mediaOverlay { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-textBlock--mediaOverlay { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--mediaOverlay { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-textBlock--mediaOverlay { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--mediaOverlay { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-textBlock--mediaOverlay { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--mediaOverlay { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-textBlock--mediaOverlay { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--mediaOverlay { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .m-textBlock--mediaOverlay { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .m-textBlock--mediaOverlay { width: calc(100% + 41px); } } .m-textBlock--mediaOverlay::before { width: auto !important; } .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body { width: 700px; margin-left: 40px; } } .o-editorialArticle .m-textBlock--mediaOverlay .m-textBlock__body p { padding-right: 0; } .o-editorialArticle .m-textBlock__overlay { flex: 0 0 auto; position: relative; z-index: 4; transition: z-index 0s linear 0.4s; } @media screen and (max-width: 413px) { .o-editorialArticle .m-textBlock__overlay { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .m-textBlock__overlay { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .m-textBlock__overlay { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-textBlock__overlay { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-textBlock__overlay { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-textBlock__overlay { width: 330px; margin-left: 40px; } } .o-editorialArticle .m-textBlock__overlay .a-media { z-index: 2; position: relative; } @media screen and (min-width: 650px) { .o-editorialArticle .m-textBlock__overlay .a-media { margin-top: 25px; } } @media screen and (min-width: 990px) { .o-editorialArticle .m-textBlock__overlay .a-media { margin-top: 35px; } } .o-editorialArticle .m-textBlock__overlay .a-media__container { transform-origin: right top; transition: transform 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .m-textBlock__overlay__caption { transform: translateX(calc((((((100vw - 410px) / 12) * 1) + 0px) + 30px) * -1)); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .m-textBlock__overlay__caption { transform: translateX(calc((((((100vw - 560px) / 12) * 1) + 0px) + 40px) * -1)); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .m-textBlock__overlay__caption { transform: translateX(calc((((((100vw - 560px) / 12) * 1) + 0px) + 40px) * -1)); } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .m-textBlock__overlay__caption { transform: translateX(-123.333333333px); } } .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .a-media__container { z-index: 2; } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .a-media__container { width: calc((((100vw - 410px) / 12) * 2) + 30px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .a-media__container { width: calc((((100vw - 560px) / 12) * 2) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .a-media__container { width: calc((((100vw - 560px) / 12) * 2) + 40px); } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .a-media__container { width: 206.666666667px; } } .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait .a-media figcaption { position: relative; transition: opacity 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .o-editorialArticle .m-textBlock__overlay.m-textBlock__overlay--portrait.is-expanded .a-media figcaption { opacity: 0.2; z-index: 1; } .o-editorialArticle .m-textBlock__overlay::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .o-editorialArticle .m-textBlock__overlay.is-expanded { z-index: 5; transition-delay: 0s; } .o-editorialArticle .m-textBlock__overlay.is-expanded::before { visibility: visible; opacity: .8; } @media screen and (min-width: 650px) { .o-editorialArticle .m-textBlock__overlay .a-media__container::after { content: ''; position: absolute; left: 11px; top: auto; bottom: 11px; width: 20px; height: 20px; opacity: 1; background-color: transparent; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transition: opacity 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .o-editorialArticle .m-textBlock__overlay .a-media__container:hover::after { opacity: 0; } } .o-editorialArticle .m-textBlock--mediaOverlay--static .a-media__container::after { display: none; } .o-editorialArticle .m-textBlock__overlay__caption { position: absolute; right: 0; margin-top: 40px; visibility: hidden; z-index: 2; opacity: 0; transition: opacity 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); transition-delay: 0s; } @media screen and (max-width: 413px) { .o-editorialArticle .m-textBlock__overlay__caption { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .m-textBlock__overlay__caption { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .m-textBlock__overlay__caption { width: calc(100vw - 80px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .m-textBlock__overlay__caption { width: calc(100vw - 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .m-textBlock__overlay__caption { width: calc(100vw - 120px); } } @media screen and (min-width: 1520px) { .o-editorialArticle .m-textBlock__overlay__caption { width: 1440px; } } @media screen and (max-width: 649px) { .o-editorialArticle .m-textBlock__overlay__caption { display: none; } } .o-editorialArticle .m-textBlock__overlay.is-expanded .m-textBlock__overlay__caption { visibility: visible; opacity: 1; transition: opacity 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); transition-delay: 0.3s; } .m-timelineShowcase { margin-top: 30px; } @media screen and (min-width: 990px) { .m-timelineShowcase { margin-top: 50px; } } @media screen and (min-width: 990px) { .m-timelineShowcase.m-timelineShowcase--interactive { margin-top: 0; } .m-timelineShowcase.m-timelineShowcase--interactive .a-link--readmore { margin-top: 10px; } } @media screen and (min-width: 990px) { .m-timelineShowcase__holder { position: relative; padding-top: 50px; overflow: hidden; border-bottom: 1px solid #d9d9d9; } .m-timelineShowcase__holder:after { content: ''; position: absolute; z-index: 1; bottom: -1px; left: 0; width: 100%; height: 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } } .m-topicsList { position: relative; margin-top: 43px; padding-top: 16px; border-top: 4px solid #1f1f1f; } @media screen and (min-width: 990px) { .m-topicsList { margin-top: 110px; padding-top: 26px; border-width: 5px; } } .m-topicsList__title { width: 100%; padding-bottom: 4px; text-align: center; } .m-topicsList__topics { display: block; border-top: 1px solid #d9d9d9; padding: 20px 0 0; margin-top: 20px; text-align: center; } @media screen and (min-width: 990px) { .m-topicsList__topics { margin-top: 30px; padding: 28px 0 0; } } .m-topicsList__item { display: inline-block; margin: 0px 10px; } .m-topicsList__item::before, .m-topicsList__item::after { content: none; } @media screen and (min-width: 990px) { .m-topicsList__item { margin: 10px 20px 5px; } } .m-topicsList__item span { border-bottom: 1px solid transparent; padding-bottom: 1px; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-topicsList__item:hover span { border-color: #757575; } .m-topicsList__item.is-separated { position: relative; } .m-topicsList__item.is-separated::after { content: '|'; position: absolute; left: -14px; top: -1px; color: #141414; pointer-events: none; } @media screen and (min-width: 990px) { .m-topicsList__item.is-separated::after { left: -26px; } } .m-topicsList__btn { display: block; text-align: center; } @media screen and (min-width: 990px) { .m-topicsList__btn .btn, .m-topicsList__btn .a-eventsFeatured__cta, .m-topicsList__btn .m-staff__more, .m-topicsList__btn .m-eventsCards__cta, .m-topicsList__btn .m-form__fileBtn, .m-topicsList__btn .m-form__submit { margin-top: 50px; } } .m-staff__header { position: relative; } @media screen and (min-width: 650px) { .m-staff__title { position: absolute; top: 0; left: 0; } } .m-staff__text { margin-top: 25px; margin-bottom: 40px; } @media screen and (min-width: 990px) { .m-staff__text { margin-top: 15px; margin-bottom: 90px; } } .m-staff__list--boards { border-top: 1px solid #d9d9d9; } @media screen and (min-width: 650px) { .m-staff__list--grants { border-top: 1px solid #d9d9d9; } } .m-staff__list--grants .m-staff__item:hover { background-color: #fff; } .m-staff__list--grants .m-staff__item:hover:before { background-color: rgba(0, 0, 0, 0.15); } .m-staff__list--grants .m-staff__item:hover .m-staff__name { transform: none; } .m-staff__list--grants .m-staff__item:hover .m-staff__picture { background-color: transparent; transform: none; } .m-staff__list--grants .m-staff__item:hover .m-staff__picture-img { transform: translate(-50%, -50%); } .m-staff__list--grants .m-staff__picture { margin: 0; } @media screen and (max-width: 649px) { .m-staff__list--grants .m-staff__picture { float: right; } } .m-staff__item { position: relative; background-color: #fff; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__item:before, .m-staff__item:after { content: ""; position: absolute; left: 0; display: block; width: 100%; height: 1px; background-color: transparent; } .m-staff__item:before { top: 0; background-color: rgba(0, 0, 0, 0.15); } .m-staff__item:after { bottom: 0; } .m-staff__item:last-child:after { background-color: rgba(0, 0, 0, 0.15); } .m-staff__item:first-child:before { display: none; } .m-staff__item:hover .m-staff__name span { border-color: rgba(0, 0, 0, 0.54); } @media screen and (min-width: 990px) { .m-staff__item:hover { background-color: #05d192; } .m-staff__item:hover:before { background-color: #05d192; } .m-staff__item:hover .m-staff__name { transform: translateX(20px); } .m-staff__item:hover .m-staff__name .icon { opacity: 1; } .m-staff__item:hover .m-staff__picture { filter: grayscale(100%); transform: scale(1.28); } .m-staff__item:hover .m-staff__picture-img { transform: translate(-50%, -50%) scale(1.15); } } .m-staff__item:hover + .m-staff__item { border-top-color: #05d192; } .m-staff__single { position: relative; } @media screen and (min-width: 650px) { .edge .m-staff__single .row, .edge .m-staff__single .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .edge .m-staff__single .a-eventsFeatured__inner, .edge .m-staff__single .m-list { flex-wrap: nowrap; } } .m-staff__link { display: block; min-height: 80px; padding: 15px 0 30px; } @media screen and (min-width: 650px) { .m-staff__link { min-height: 0; padding: 25px 0; } } .m-staff__cell-1 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-staff__cell-1 { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-staff__cell-1 { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-staff__cell-1 { width: calc((((100vw - 410px) / 12) * 1) + 0px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-staff__cell-1 { width: calc((((100vw - 560px) / 12) * 1) + 0px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-staff__cell-1 { width: calc((((100vw - 560px) / 12) * 1) + 0px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-staff__cell-1 { width: 83.3333333333px; margin-left: 40px; } } .m-staff__cell-2 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-staff__cell-2 { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-staff__cell-2 { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-staff__cell-2 { width: calc((((100vw - 410px) / 12) * 2) + 30px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-staff__cell-2 { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-staff__cell-2 { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-staff__cell-2 { width: 206.666666667px; margin-left: 40px; } } .m-staff__cell-3 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-staff__cell-3 { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-staff__cell-3 { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-staff__cell-3 { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-staff__cell-3 { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-staff__cell-3 { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-staff__cell-3 { width: 330px; margin-left: 40px; } } .m-staff__cell-4 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-staff__cell-4 { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-staff__cell-4 { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-staff__cell-4 { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-staff__cell-4 { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-staff__cell-4 { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-staff__cell-4 { width: 453.333333333px; margin-left: 40px; } } .m-staff__cell-6 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-staff__cell-6 { width: calc((((100vw - 150px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-staff__cell-6 { width: calc((((100vw - 160px) / 6) * 4) + 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-staff__cell-6 { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-staff__cell-6 { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-staff__cell-6 { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-staff__cell-6 { width: 700px; margin-left: 40px; } } .m-staff__cell--picture { position: absolute; top: 0; right: 0; } @media screen and (max-width: 649px) { .m-staff__cell--picture { width: 90px; } } @media screen and (min-width: 650px) { .m-staff__cell--picture { position: static; } } .m-staff__name { transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .m-staff__name { position: relative; top: -15px; } } .m-staff__name span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__name .icon { opacity: 0; margin-left: 5px; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__picture { position: relative; width: 60px; height: 60px; margin: 0 0 0 auto; mix-blend-mode: multiply; border-radius: 50%; overflow: hidden; transform: translate3d(0, 0, 0); transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .m-staff__picture { margin: 0 auto; } } .m-staff__picture-img { position: absolute; top: 50%; left: 50%; width: 102%; height: 102%; transform: translate(-50%, -50%); transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__value { position: relative; display: block; } @media screen and (max-width: 989px) { .m-staff__value { top: -1px; font-size: 14px; } } @media screen and (min-width: 990px) { .m-staff__value { top: -9px; } } .m-staff__value--alt { color: #757575; } @media screen and (min-width: 990px) { .m-staff__value--alt { color: #141414; } } .m-staff__footer { text-align: center; } .m-staff__more { /* State */ } .m-staff__more.is-loading { opacity: 0.3; pointer-events: none; } .m-staff__more.is-hidden { display: none; } /* Panel */ .m-staff__panel { position: fixed; top: 0; right: 0; display: flex; flex-flow: row wrap; justify-content: flex-end; width: 100%; height: 100vh; z-index: 1001; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.35s cubic-bezier(0.545, 0.03, 0.395, 0.965); /* State */ } .m-staff__panel.is-open { opacity: 1; visibility: visible; pointer-events: auto; } .m-staff__panel.is-open .m-staff__panel-container { transform: translateX(0); } .m-staff__panel-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(20, 20, 20, 0.15); z-index: 1; } .m-staff__panel-container { width: 100vw; height: 100%; padding: 23px 25px 60px 25px; background-color: #f5f5f5; z-index: 2; overflow-x: hidden; overflow-y: auto; transform: translateX(100%); transition: all 0.35s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .m-staff__panel-container { width: 660px; padding: 23px 60px 110px 40px; } } .m-staff__panel-wrapper { opacity: 0; transition: all 0.35s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__panel-wrapper.is-visible { opacity: 1; } .m-staff__panel-header { display: flex; flex-flow: row wrap; justify-content: space-between; padding-bottom: 26px; border-bottom: 1px solid transparent; } .m-staff__panel-close { padding: 0; } .m-staff__panel-close:hover svg { fill: #05d192; } .m-staff__panel-close svg { display: block; fill: #141414; transition: all 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__panel-next { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -3px; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__panel-next:hover { color: #05d192; } .m-staff__panel-next:hover svg { fill: #05d192; } .m-staff__panel-next svg { position: relative; top: 1px; fill: #141414; transition: fill 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-staff__panel-content { position: relative; } .m-staff__panel-img-container { position: relative; width: 100%; padding-bottom: 64.29%; background-color: rgba(0, 0, 0, 0.15); } .m-staff__panel-img, .m-staff__panel-img-container .a-media { position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; } .m-staff__panel-name { margin-top: 20px; } .m-staff__panel-job { margin-top: 30px; } @media screen and (min-width: 414px) { .m-staff__panel-job { margin-top: 5px; } } @media screen and (min-width: 990px) { .m-staff__panel-job { margin-top: 0px; } } .m-staff__panel-infos { display: flex; flex-flow: row wrap; margin-top: 25px; padding-top: 15px; padding-bottom: 28px; border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media screen and (min-width: 650px) { .m-staff__panel-infos { margin-top: 50px; padding-top: 10px; } } .m-staff__panel-infos-cell { width: 50%; } .m-staff__panel-infos-label { display: block; color: #6B6B6B; } .m-staff__panel-infos--fellows { padding-bottom: 22px; } @media screen and (min-width: 650px) { .m-staff__panel-infos--fellows { padding-top: 12px; } } .m-staff__panel-infos--fellows .m-staff__panel-infos-cell { width: 100%; padding-top: 5px; display: flex; } .m-staff__panel-infos--fellows .m-staff__panel-infos-label { width: 33.33%; } @media screen and (min-width: 650px) { .m-staff__panel-infos--fellows .m-staff__panel-infos-label { width: calc((((100vw - 410px) / 12) * 2) + 30px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-staff__panel-infos--fellows .m-staff__panel-infos-label { width: calc((((100vw - 560px) / 12) * 2) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-staff__panel-infos--fellows .m-staff__panel-infos-label { width: calc((((100vw - 560px) / 12) * 2) + 40px); } } @media screen and (min-width: 1520px) { .m-staff__panel-infos--fellows .m-staff__panel-infos-label { width: 206.666666667px; } } .m-staff__panel-text { margin-top: 20px; } @media screen and (min-width: 650px) { .m-staff__panel-text { margin-top: 25px; } } .m-staff__panel-link { margin-top: 10px; } @media screen and (min-width: 650px) { .m-staff__panel-link { margin-top: 20px; } } /* Modifiers for panel with no image */ .m-staff__panel-inner--no-img .m-staff__panel-header { border-color: rgba(0, 0, 0, 0.15); } .m-staff__panel-inner--no-img .m-staff__panel-img-container { display: none; } .m-searchResults__search { position: relative; margin-top: 39px; } .m-searchResults__search-input { display: block; width: 100%; padding: 0 65px 10px 0; border-color: #1f1f1f; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .m-searchResults__search-input::-webkit-search-cancel-button { display: none; } .m-searchResults__search-input::-ms-clear { display: none; } .m-searchResults__search-submit { position: absolute; bottom: 15px; right: 0; width: 23px; height: 19px; padding: 0; } .m-searchResults__tools { display: none; } @media screen and (min-width: 650px) { .m-searchResults__tools { position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 80px; margin-bottom: -1px; z-index: 2; } .m-searchResults__tools .m-tabs { margin-top: 1px; } .m-searchResults__tools::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #d9d9d9; } } @media screen and (min-width: 990px) { .m-searchResults__tools .m-tabs { margin-top: -3px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-searchResults__tools .m-filters { padding-bottom: 20px; } } .m-searchResults__item { position: relative; } .m-searchResults__item:before, .m-searchResults__item:after { content: ""; position: absolute; left: 0; display: block; width: 100%; height: 1px; } .m-searchResults__item:before { top: 0; background-color: rgba(0, 0, 0, 0.15); } .m-searchResults__item:after { bottom: 0; background-color: transparent; } .m-searchResults__item:first-child:before { display: none; } .m-searchResults__item:first-child .a-push__link { padding-top: 0; } .m-searchResults__item:last-child:after { background-color: rgba(0, 0, 0, 0.15); } @media screen and (min-width: 650px) { .m-searchResults__item:first-child .a-push__link { padding-top: 40px; } .m-searchResults__item:first-child .a-push--publication .a-push__link { padding-top: 30px; } } .m-searchResults__item:first-child .a-push--publication .a-push__link { padding-top: 20px; } @media screen and (min-width: 650px) { .m-searchResults__item:first-child .a-push--publication .a-push__link { padding-top: 20px; } } @media screen and (min-width: 990px) { .m-searchResults__item:first-child .a-push--publication .a-push__link { padding-top: 30px; } } .m-tabs { display: none; } @media screen and (min-width: 650px) { .m-tabs { display: inline-flex; } } .m-tabs__list { display: flex; flex-flow: row wrap; } .m-tabs__item + .m-tabs__item { margin-left: 23px; } .m-tabs__link { position: relative; display: block; padding-bottom: 27px; color: #757575; border-bottom: 3px solid transparent; } .m-tabs__link:hover { color: #141414; } .m-tabs__link.is-active { color: #141414; border-color: #05d192; } /* Modifiers */ .m-tabs--newsroom { width: 100%; border-top: 1px solid #d9d9d9; } .m-tabs--newsroom .m-tabs__item + .m-tabs__item { margin-left: 36px; } .m-tabs--newsroom .m-tabs__link { padding-top: 20px; padding-bottom: 31px; } .m-tabs--newsroom .m-tabs__link.is-active { border-color: transparent; } .m-eventsCards { margin-top: 35px; } @media screen and (min-width: 650px) { .m-eventsCards { margin-top: 55px; } } .m-eventsCards__header { position: relative; padding-bottom: 30px; } .m-eventsCards__header:after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.15); } .m-eventsCards__header-title { text-transform: none; } .m-eventsCards__header-link { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 1px; right: 0; padding-bottom: 4px; border-bottom: 1px solid #757575; } @media screen and (min-width: 414px) { .m-eventsCards__header-link { position: absolute; } } .m-eventsCards__header-link:hover { border-color: transparent; } .m-eventsCards__header-link.m-eventsCards__header-link--filters { position: absolute; top: -45px; } @media screen and (min-width: 650px) { .m-eventsCards__header-link.m-eventsCards__header-link--filters { top: 1px; } } @media screen and (min-width: 650px) { .m-eventsCards__header-link { top: 5px; } } .m-eventsCards__list { display: flex; flex-flow: row wrap; } .m-eventsCards__item { flex: 0 0 auto; position: relative; margin-top: 30px; padding-bottom: 65px; border: 1px solid rgba(0, 0, 0, 0.15); transition: background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (max-width: 413px) { .m-eventsCards__item { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-eventsCards__item { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-eventsCards__item { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-eventsCards__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-eventsCards__item { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-eventsCards__item { width: 453.333333333px; margin-left: 40px; } } @media screen and (min-width: 650px) { .m-eventsCards__item { margin-top: 40px; } } .m-eventsCards__item:hover { background-color: #fafafa; } .m-eventsCards__item:hover .m-eventsCards__top { background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-eventsCards__item:hover .m-eventsCards__top { background-color: #f8bd06; } .pageClass--grants .m-eventsCards__item:hover .m-eventsCards__top { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-eventsCards__item:hover .m-eventsCards__top { /* IE Edge 12+ CSS */ } .pageClass--grants .m-eventsCards__item:hover .m-eventsCards__top { background-color: #5b74e4; } .pageClass--editorial .m-eventsCards__item:hover .m-eventsCards__top { background-color: #f8bd06; } } .m-eventsCards__item:hover .m-eventsCards__title span { border-color: #757575; } .m-eventsCards__item:hover .m-eventsCards__link { border-color: transparent; } .m-eventsCards__top { display: flex; flex-flow: row wrap; min-height: 140px; padding: 20px; background-color: #fafafa; transition: background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 650px) { .m-eventsCards__top { padding: 26px 35px; } } .m-eventsCards__top-left { width: 60px; } .m-eventsCards__top-right { width: calc(100% - 60px); padding-left: 30px; } .m-eventsCards__date { padding-bottom: 17px; border-bottom: 3px solid #05d192; } .m-eventsCards__month, .m-eventsCards__day { display: block; } .m-eventsCards__day { margin-top: 2px; } .m-eventsCards__metas { margin-top: -2px; } .m-eventsCards__middle { padding: 0 20px 20px; } @media screen and (min-width: 650px) { .m-eventsCards__middle { padding: 0 35px 25px; } } .m-eventsCards__title { margin-top: 19px; } .m-eventsCards__title span { border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-eventsCards__text { margin-top: 19px; } .m-eventsCards__bottom { position: absolute; bottom: 0; left: 20px; right: 20px; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; height: 65px; border-top: 1px solid rgba(0, 0, 0, 0.15); } @media screen and (min-width: 650px) { .m-eventsCards__bottom { left: 35px; right: 40px; } } .m-eventsCards__icons svg { margin-left: 7px; } .m-eventsCards__cta { min-width: 0; margin-top: 0; padding: 6px 29px; color: #141414; border-color: #949494; text-transform: uppercase; } .m-eventsCards__link { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -15px; padding-bottom: 3px; color: #6B6B6B; border-bottom: 1px solid #757575; } .m-eventsCards__link:hover { border-color: transparent; } .m-eventsCards__empty { flex: 0 0 auto; margin-top: 25px; } @media screen and (max-width: 413px) { .m-eventsCards__empty { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-eventsCards__empty { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-eventsCards__empty { width: calc((((100vw - 410px) / 12) * 7) + 180px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-eventsCards__empty { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-eventsCards__empty { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-eventsCards__empty { width: 823.333333333px; margin-left: 40px; } } .m-eventsCards__empty-text strong { font-weight: 700; } .m-eventsCards__empty-text a { border-bottom: 1px solid #757575; padding-bottom: 2px; } .m-eventsCards__empty-text a:hover { border-color: transparent; } /* Modifiers */ .m-eventsCards--past .m-eventsCards__header { padding-bottom: 0; } .m-eventsCards--past .m-eventsCards__header:after { display: none; } .m-event__content { display: inline-block; } @media screen and (max-width: 413px) { .m-event__content .o-contentBlocks__sidebar { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-event__content .o-contentBlocks__sidebar { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-event__content .o-contentBlocks__sidebar { width: calc(((((100vw - 410px) / 12) * 3) + 60px) + 40px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-event__content .o-contentBlocks__sidebar { width: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-event__content .o-contentBlocks__sidebar { width: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1520px) { .m-event__content .o-contentBlocks__sidebar { width: 370px; } } .m-event__content .o-contentBlocks__container { margin-top: 25px; } @media screen and (min-width: 990px) { .m-event__content .o-contentBlocks__container { margin-top: 45px; } } /* Infos */ .m-event__infosItem { position: relative; padding-top: 20px; padding-bottom: 40px; } .m-event__infosItem:after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.15); } .m-event__infosItem:first-child { padding-top: 0; } .m-event__infosTerm { color: #05d192; } .m-event__infosText { margin-top: 0; } .m-event__infosText + .m-event__infosText { margin-top: 15px; } .m-event__infosText a { border-bottom: 1px solid #05d192; padding-bottom: 2px; } .m-event__infosText a:hover { color: #05d192; } .m-event__infosEmphasis { margin-top: -8px; } .m-event__infosLegend { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: 15px; color: #757575; } .m-event__infosCta { width: 100%; margin-top: 20px; } @media screen and (min-width: 650px) { .m-event__infosFooter { border-top: 1px solid #d9d9d9; } } .m-speakers__title { margin-top: 34px; text-transform: none; } @media screen and (min-width: 650px) { .m-speakers__title { margin-top: 44px; } } .m-speakers__list { margin-top: 30px; } .m-related__title { margin-top: 40px; text-transform: none; } @media screen and (min-width: 650px) { .m-related__title { margin-top: 55px; } } .m-related__item { position: relative; padding-left: 25px; } .m-related__item:before { content: ""; position: absolute; top: 27px; left: 0; width: 8px; height: 1px; background-color: #141414; } .m-related__item + .m-related__item { margin-top: -30px; } .m-related__text a { border-bottom: 1px solid #05d192; padding-bottom: 2px; } .m-related__text a:hover { color: #05d192; } .notFound__container { flex: 0 0 auto; } @media screen and (max-width: 413px) { .notFound__container { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .notFound__container { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .notFound__container { width: calc((((100vw - 410px) / 12) * 10) + 270px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .notFound__container { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .notFound__container { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .notFound__container { width: 823.333333333px; margin-left: 40px; } } .notFound__container a { border-bottom: 1px solid #05d192; padding-bottom: 2px; } .notFound__container a:hover { color: #05d192; } .m-form { margin-top: 35px; } .m-form input[type="hidden"] { display: none; } @media screen and (min-width: 650px) { .m-form { margin-top: 50px; } .m-form:first-child { margin-top: 20px; } } .m-form__title { margin-bottom: 20px; text-transform: none; } .m-form__fieldset + .m-form__fieldset, .m-form__row + .m-form__row { margin-top: 30px; } @media screen and (min-width: 650px) { .m-form__fieldset + .m-form__fieldset, .m-form__row + .m-form__row { margin-top: 60px; } } .m-form__row { display: flex; flex-flow: row wrap; margin: 0 -20px -15px; } .m-form__item { width: calc(100% - 40px); margin: 0 20px 15px; position: relative; } @media screen and (min-width: 650px) { .m-form__item--half { width: 50%; margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; } } .m-form__item.has-error .m-form__label { color: #ff0000; } .m-form__item.has-error .m-form__error { display: block; } .m-form__label { display: block; width: 100%; margin-bottom: 19px; } @media screen and (min-width: 650px) { .m-form__label { margin-bottom: 29px; } } .m-form__error { position: absolute; bottom: -6px; left: 0; width: 100%; transform: translateY(100%); color: #ff0000; display: none; } .m-form__container label { position: relative; display: block; padding-left: 25px; } .m-form__container input[type="checkbox"], .m-form__container input[type="radio"] { display: none; } .m-form__container input[type="radio"] + label::before, .m-form__container input[type="radio"] + label::after, .m-form__container input[type="checkbox"] + label::before, .m-form__container input[type="checkbox"] + label::after { content: ''; position: absolute; left: 0; top: 6px; width: 12px; height: 12px; padding: 0; border: 1px solid #949494; border-radius: 1px; } @media screen and (min-width: 990px) { .m-form__container input[type="radio"] + label::before, .m-form__container input[type="radio"] + label::after, .m-form__container input[type="checkbox"] + label::before, .m-form__container input[type="checkbox"] + label::after { top: 9px; } } .m-form__container input[type="radio"] + label::after, .m-form__container input[type="checkbox"] + label::after { left: 2px; top: 8px; width: 8px; height: 8px; border: 0; background-color: #949494; display: none; } @media screen and (min-width: 990px) { .m-form__container input[type="radio"] + label::after, .m-form__container input[type="checkbox"] + label::after { top: 11px; } } .m-form__container input[type="radio"] + label::before, .m-form__container input[type="radio"] + label::after { border-radius: 50%; } .m-form__container input[type="radio"]:checked + label::after, .m-form__container input[type="checkbox"]:checked + label::after { display: block; } .m-form__value { color: #757575; } .m-form__input { display: block; width: 100%; padding: 0 0 15px; background-color: transparent; border: none; border-bottom: 1px solid #949494; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .m-form__input::-webkit-input-placeholder { color: #757575; } .m-form__input:-moz-placeholder { color: #757575; } .m-form__input::-moz-placeholder { color: #757575; } .m-form__input:-ms-input-placeholder { color: #757575; } .m-form__input:hover::-webkit-input-placeholder { color: #141414; } .m-form__input:hover:-moz-placeholder { color: #141414; } .m-form__input:hover::-moz-placeholder { color: #141414; } .m-form__input:hover:-ms-input-placeholder { color: #141414; } .m-form__input:focus { border-color: #1f1f1f; } .m-form__input:focus::-webkit-input-placeholder { color: #757575; } .m-form__input:focus:-moz-placeholder { color: #757575; } .m-form__input:focus::-moz-placeholder { color: #757575; } .m-form__input:focus:-ms-input-placeholder { color: #757575; } @media screen and (max-width: 649px) { .m-form__input { font-size: 16px !important; } } .m-form__input--textarea { height: 251px; padding: 14px 20px; border: 1px solid #949494; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; } @media screen and (min-width: 650px) { .m-form__input--textarea { margin-top: -14px; padding: 19px 25px; } } @media screen and (max-width: 649px) { .m-form__input--textarea { font-size: 16px !important; } } .m-form__file { display: flex; flex-flow: row wrap; align-items: center; } .m-form__fileContainer { position: relative; overflow: hidden; } .m-form__fileContainer:hover .m-form__fileBtn { color: white; border-color: white; } .m-form__fileBtn { border-color: rgba(255, 255, 255, 0.3); margin-top: 0; } .m-form__fileInput { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .m-form__fileLegend { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-top: -10px; margin-left: 24px; color: #757575; } .m-form__fileName { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: none; width: 100%; margin-top: 15px; } .m-form__fileName.is-visible { display: block; } .m-form__fileNameReset { position: relative; top: 1px; margin: 0; padding: 0; background: transparent; border: 0; } .m-form__fileNameReset .icon--close { width: 10px; height: 10px; fill: white; } .m-form__submit { vertical-align: top; } /* Modifiers */ .m-form--feed .m-form__input { color: white; border-color: #808080; } .m-form--feed .m-form__input::-webkit-input-placeholder { color: #808080; } .m-form--feed .m-form__input:-moz-placeholder { color: #808080; } .m-form--feed .m-form__input::-moz-placeholder { color: #808080; } .m-form--feed .m-form__input:-ms-input-placeholder { color: #808080; } .m-form--feed .m-form__input:focus { border-color: white; } .m-form--feed .m-form__value, .m-form--feed .m-form__fileLegend, .m-form--feed .m-form__fileBtn { color: #808080; } .m-form--feed .m-form__fileBtn { border-color: #808080; } .m-form--feed .m-form__submit { border: 1px solid transparent; } .m-form--feed .m-form__submit:hover { border-color: #808080; } .m-form__response { display: none; margin-top: 23px; color: #05d192; } .m-form__response.is-active { display: block; } .m-form__response.has-error { color: #ff0000; } @media screen and (min-width: 990px) { .m-form__response { margin-top: 34px; } } .m-form__errorSummary { width: 100%; padding: 4px 25px 34px; margin-bottom: 40px; color: #ff0000; border: 1px solid #ff0000; display: none; } .m-form__errorSummary strong { font-weight: 700; } .m-form__errorSummary.is-active { display: block; } @media screen and (min-width: 990px) { .m-form__errorSummary { margin-bottom: 55px; } } .m-newsList { margin-top: 20px; } @media screen and (min-width: 650px) { .m-newsList { margin-top: 0; } } .m-newsList__btn { text-align: center; } @media screen and (max-width: 649px) { .m-newsList__list { border-top: 1px solid #d9d9d9; } } .m-downloadList { margin-top: 30px; } @media screen and (min-width: 990px) { .m-downloadList { margin-top: 60px; } } .m-downloadList__title { text-transform: none; } .m-downloadList__text { margin-bottom: 15px; } .m-downloadList__item { position: relative; padding-left: 45px; margin-top: 8px; } @media screen and (min-width: 990px) { .m-downloadList__item { margin-top: 0; } } .m-downloadList__item + .m-downloadList__item { margin-top: 15px; } @media screen and (min-width: 990px) { .m-downloadList__item + .m-downloadList__item { margin-top: 5px; } } .o-contentBlocks__body .m-downloadList__item:last-child { margin-bottom: 10px; } .m-downloadList__circle { background-color: #05d192; background-color: var(--highlightColor); position: absolute; top: 7px; left: 0; width: 29px; height: 29px; border-radius: 50%; transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .m-downloadList__circle { background-color: #f8bd06; } .pageClass--grants .m-downloadList__circle { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .m-downloadList__circle { /* IE Edge 12+ CSS */ } .pageClass--grants .m-downloadList__circle { background-color: #5b74e4; } .pageClass--editorial .m-downloadList__circle { background-color: #f8bd06; } } @media screen and (min-width: 990px) { .m-downloadList__circle { top: 14px; width: 31px; height: 31px; } } .m-downloadList__link { border-bottom: 1px solid #757575; -webkit-font-smoothing: subpixel-antialiased; padding-bottom: 2px; } .m-downloadList__link small { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; white-space: nowrap; } .m-downloadList__link small::before, .m-downloadList__link small::after { content: none; } .m-downloadList__link .icon--download { position: absolute; top: 16px; left: 10px; padding: 0; margin: 0; fill: #141414; transform: translate3d(0, 0, 0); } .pageClass--grants .m-downloadList__link .icon--download { fill: #fff; } @media screen and (min-width: 990px) { .m-downloadList__link .icon--download { top: 24px; left: 11px; } } .m-downloadList__link:hover { border-color: transparent; } .m-downloadList__link:hover .m-downloadList__circle { transform: scale(1.2) translate3d(0, 0, 0); } .m-relatedIssues { margin-top: 30px; } @media screen and (min-width: 990px) { .m-relatedIssues { margin-top: 60px; } } .m-relatedIssues__title { text-transform: none; } .m-relatedIssues__list { display: flex; flex-flow: row wrap; margin-top: 25px; } .m-relatedIssues__item { margin-right: 8px; } .m-relatedIssues__link { border-bottom: 1px solid #05d192; padding-bottom: 2px; } .m-relatedIssues__link:hover { color: #05d192; } .m-grantsDatabase .m-filters { margin-top: 0; } .m-grantsDatabase .m-filters__bar { border-top: 0; } .m-grantsDatabase.is-grants-database-open .a-grantsDatabase .a-grantsDatabase__title, .m-grantsDatabase.is-grants-database-open .a-grantsDatabase .a-grantsDatabase__value { color: #757575; } .m-grantsDatabase.is-grants-database-open .a-grantsDatabase .a-grantsDatabase__chevron { border-color: transparent transparent transparent #757575; } .m-grantsDatabase.is-grants-database-open .a-grantsDatabase:hover .a-grantsDatabase__title, .m-grantsDatabase.is-grants-database-open .a-grantsDatabase:hover .a-grantsDatabase__value { color: white; } .m-grantsDatabase.is-grants-database-open .a-grantsDatabase:hover .a-grantsDatabase__chevron { border-color: transparent transparent transparent white; } .m-grantsDatabase.is-grants-database-open .a-grantsDatabase.is-open .a-grantsDatabase__title, .m-grantsDatabase.is-grants-database-open .a-grantsDatabase.is-open .a-grantsDatabase__value { color: #141414; } .m-grantsDatabase.is-grants-database-open .a-grantsDatabase.is-open .a-grantsDatabase__chevron { border-color: transparent transparent transparent #141414; } .m-grantsDatabase__search { position: relative; margin-top: 50px; margin-bottom: -30px; } @media screen and (min-width: 650px) { .m-grantsDatabase__search { margin-top: 80px; margin-bottom: 0; } } .m-grantsDatabase__searchInput { display: block; width: 100%; height: 50px; padding: 0 55px 0 15px; border: 1px solid #949494; -webkit-appearance: none; } @media screen and (min-width: 650px) { .m-grantsDatabase__searchInput { height: 70px; padding: 0 85px 0 30px; } } .m-grantsDatabase__searchInput::-webkit-input-placeholder { color: #757575; } .m-grantsDatabase__searchInput:-moz-placeholder { color: #757575; } .m-grantsDatabase__searchInput::-moz-placeholder { color: #757575; } .m-grantsDatabase__searchInput:-ms-input-placeholder { color: #757575; } .m-grantsDatabase__searchInput:hover::-webkit-input-placeholder { color: #141414; } .m-grantsDatabase__searchInput:hover:-moz-placeholder { color: #141414; } .m-grantsDatabase__searchInput:hover::-moz-placeholder { color: #141414; } .m-grantsDatabase__searchInput:hover:-ms-input-placeholder { color: #141414; } .m-grantsDatabase__searchInput:focus { border-color: #1f1f1f; } .m-grantsDatabase__searchInput:focus::-webkit-input-placeholder { color: #757575; } .m-grantsDatabase__searchInput:focus:-moz-placeholder { color: #757575; } .m-grantsDatabase__searchInput:focus::-moz-placeholder { color: #757575; } .m-grantsDatabase__searchInput:focus:-ms-input-placeholder { color: #757575; } .m-grantsDatabase__searchSubmit { position: absolute; top: 2px; right: 0; width: 55px; height: calc(100% - 2px); background: transparent; border: 0; z-index: 2; } @media screen and (min-width: 650px) { .m-grantsDatabase__searchSubmit { width: 85px; } } .m-grantsDatabase__searchSubmit .icon--search { fill: #757575; transition: fill 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .m-grantsDatabase__searchSubmit:hover .icon--search { fill: #141414; } .m-feed__submitHeader { padding-top: 20px; padding-bottom: 35px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .m-feed__submitLeft { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-feed__submitLeft { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-feed__submitLeft { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-feed__submitLeft { width: calc((((100vw - 410px) / 12) * 7) + 180px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-feed__submitLeft { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-feed__submitLeft { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-feed__submitLeft { width: 823.333333333px; margin-left: 40px; } } .m-feed__submitRight { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-feed__submitRight { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-feed__submitRight { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-feed__submitRight { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-feed__submitRight { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-feed__submitRight { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-feed__submitRight { width: 453.333333333px; margin-left: 40px; } } .m-feed__submitText { margin-top: 50px; } .m-feed__submitText a { border-bottom: 1px solid #fff; padding-bottom: 2px; } .m-feed__submitText a:hover { border-color: transparent; } .m-feed__prefooter { height: 100px; position: relative; } .m-feed__prefooter::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.15); } .m-infos { margin-top: 50px; } @media screen and (max-width: 649px) { .m-infos { display: flex; flex-wrap: wrap; flex-direction: column-reverse; margin-top: -12px; margin-bottom: 25px; } } .m-infos__top { padding-top: 10px; padding-bottom: 19px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 650px) { .m-infos__top { padding-bottom: 29px; } } .m-infos__list { display: flex; flex-flow: row wrap; } .m-infos__item { flex: 0 0 auto; position: relative; display: flex; flex-flow: row wrap; } @media screen and (max-width: 413px) { .m-infos__item { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-infos__item { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-infos__item { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-infos__item { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-infos__item { width: calc((((100vw - 560px) / 12) * 2) + 40px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-infos__item { width: 206.666666667px; margin-left: 40px; } } .m-infos__item:last-child { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-infos__item:last-child { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-infos__item:last-child { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-infos__item:last-child { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-infos__item:last-child { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-infos__item:last-child { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-infos__item:last-child { width: 330px; margin-left: 40px; } } .m-infos__item + .m-infos__item { margin-top: 20px; padding-top: 10px; border-top: 1px solid #d9d9d9; } @media screen and (min-width: 650px) { .m-infos__item { display: inline-flex; } .m-infos__item + .m-infos__item { margin-top: 0; padding-top: 0; border: none; } .m-infos__item + .m-infos__item:before { content: ""; position: absolute; top: 12px; left: -20px; bottom: -3px; display: block; width: 1px; background-color: #d9d9d9; } } .m-infos__label { width: calc((((100vw - 150px) / 6) * 2) + 20px); color: #757575; } @media screen and (min-width: 650px) { .m-infos__label { width: 100%; } } .m-infos__bottom { margin-top: 10px; padding-bottom: 10px; } .m-infos__value { margin-top: -5px; } .m-infos__value a { border-bottom: 1px solid #757575; padding-bottom: 2px; } .m-infos__value a:hover { border-color: transparent; } .m-infos__value .m-infos__email { word-break: break-all; } .m-infos__col--8 { flex: 0 0 auto; } @media screen and (max-width: 413px) { .m-infos__col--8 { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-infos__col--8 { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-infos__col--8 { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-infos__col--8 { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-infos__col--8 { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-infos__col--8 { width: 946.666666667px; margin-left: 40px; } } .m-infos__col--3 { flex: 0 0 auto; margin-top: 20px; } @media screen and (max-width: 413px) { .m-infos__col--3 { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .m-infos__col--3 { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .m-infos__col--3 { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .m-infos__col--3 { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .m-infos__col--3 { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .m-infos__col--3 { width: 330px; margin-left: 40px; } } @media screen and (max-width: 649px) { .m-infos__col--3 { display: flex; flex-flow: row wrap; border-top: 1px solid #d9d9d9; margin-top: 50px; } .m-infos__col--3 .m-infos__label { padding-top: 10px; } .m-infos__col--3 .m-infos__value { width: calc((((100vw - 150px) / 6) * 4) + 60px); padding-top: 12px; padding-bottom: 9px; } } @media screen and (min-width: 650px) { .m-infos__col--3 { margin-top: 30px; margin-left: 30px; } } @media screen and (min-width: 650px) and (max-width: 413px) { .m-infos__col--3 { margin-left: calc((((100vw - 150px) / 6) * 0) + 50px); } } @media screen and (min-width: 650px) and (min-width: 414px) and (max-width: 649px) { .m-infos__col--3 { margin-left: calc((((100vw - 160px) / 6) * 0) + 50px); } } @media screen and (min-width: 650px) and (min-width: 650px) and (max-width: 989px) { .m-infos__col--3 { margin-left: calc(((((100vw - 410px) / 12) * 1) + 0px) + 60px); } } @media screen and (min-width: 650px) and (min-width: 990px) and (max-width: 1299px) { .m-infos__col--3 { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 70px); } } @media screen and (min-width: 650px) and (min-width: 1300px) and (max-width: 1519px) { .m-infos__col--3 { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 70px); } } @media screen and (min-width: 650px) and (min-width: 1520px) { .m-infos__col--3 { margin-left: 153.333333333px; } } @media screen and (min-width: 990px) { .m-infos__col--3 { margin-top: 55px; } } @media screen and (min-width: 990px) and (max-width: 413px) { .m-infos__col--3 { margin-left: calc((((100vw - 150px) / 6) * 0) + 60px); } } @media screen and (min-width: 990px) and (min-width: 414px) and (max-width: 649px) { .m-infos__col--3 { margin-left: calc((((100vw - 160px) / 6) * 0) + 60px); } } @media screen and (min-width: 990px) and (min-width: 650px) and (max-width: 989px) { .m-infos__col--3 { margin-left: calc(((((100vw - 410px) / 12) * 1) + 0px) + 70px); } } @media screen and (min-width: 990px) and (min-width: 990px) and (max-width: 1299px) { .m-infos__col--3 { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 80px); } } @media screen and (min-width: 990px) and (min-width: 1300px) and (max-width: 1519px) { .m-infos__col--3 { margin-left: calc(((((100vw - 560px) / 12) * 1) + 0px) + 80px); } } @media screen and (min-width: 990px) and (min-width: 1520px) { .m-infos__col--3 { margin-left: 163.333333333px; } } @media screen and (min-width: 990px) { .m-infos__text { margin-top: 40px; } } .o-barbaFilterContainer { position: relative; } .o-barbaFilterContainer__loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 2; opacity: 0; visibility: hidden; transition: all 0.4s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (max-width: 413px) { .o-barbaFilterContainer__loader { left: -25px; width: 100vw; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-barbaFilterContainer__loader { left: -30px; width: 100vw; } } .filter-transitioning .o-barbaFilterContainer__loader { opacity: 1; visibility: visible; } .o-contentBlocks__container { border-top: 5px solid #1f1f1f; margin-top: 43px; position: relative; } .o-contentBlocks__container::after { content: '.'; display: block; clear: both; height: 0; line-height: 0; overflow: hidden; visibility: hidden; } @media screen and (min-width: 990px) { .o-contentBlocks__container { margin-top: 100px; padding-top: 30px; } } .o-contentBlocks__container.o-contentBlocks__container--noBorder { border-top: 0; margin-top: 35px; } @media screen and (min-width: 990px) { .o-contentBlocks__container.o-contentBlocks__container--noBorder { margin-top: 5px; } } @media screen and (min-width: 990px) { .a-tab .o-contentBlocks__container { padding-top: 25px; } } @media screen and (max-width: 649px) { .a-navigationDropdown + .o-contentBlocks__container { border-top: 1px solid #d9d9d9; margin-top: 20px; } } @media screen and (min-width: 990px) { .m-pageIntro + .o-contentBlocks__container { margin-top: 80px; } } .pageClass--detailPage:not(.pageClass--detailPage--newsroom) .m-pageIntro + .o-contentBlocks__container, .pageClass--textPage .m-pageIntro + .o-contentBlocks__container { margin-top: 25px; } @media screen and (min-width: 990px) { .pageClass--detailPage:not(.pageClass--detailPage--newsroom) .m-pageIntro + .o-contentBlocks__container, .pageClass--textPage .m-pageIntro + .o-contentBlocks__container { margin-top: 45px; } } .o-contentBlocks__container.o-contentBlocks__container--noSpacing { margin-top: 0; } @media screen and (min-width: 990px) { .o-contentBlocks__container.o-contentBlocks__container--noSpacing { margin-top: 0; padding-top: 0; } } .o-contrastContainer--black .o-contentBlocks__container { border-color: #fff; } .o-contentBlocks__sidebar { margin-top: 25px; } @media screen and (max-width: 413px) { .o-contentBlocks__sidebar { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentBlocks__sidebar { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentBlocks__sidebar { width: calc((((100vw - 410px) / 12) * 4) + 90px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentBlocks__sidebar { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentBlocks__sidebar { width: calc((((100vw - 560px) / 12) * 4) + 120px); } } @media screen and (min-width: 1520px) { .o-contentBlocks__sidebar { width: 453.333333333px; } } @media screen and (min-width: 650px) { .o-contentBlocks__sidebar { float: left; margin-top: 30px; margin-bottom: 30px; position: relative; clear: left; } } @media screen and (min-width: 650px) { .o-contentBlocks__sidebar:not(:first-child) { margin-top: 37px; } } @media screen and (min-width: 990px) { .o-contentBlocks__sidebar:not(:first-child) { margin-top: 65px; } } @media screen and (min-width: 990px) { .o-contentBlocks__sidebar .o-contentLayout__sidebarTitle { margin-top: -10px; } } @media screen and (max-width: 413px) { .o-editorialArticle .o-contentBlocks__sidebar { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .o-contentBlocks__sidebar { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .o-contentBlocks__sidebar { width: calc((((100vw - 410px) / 12) * 3) + 60px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .o-contentBlocks__sidebar { width: calc((((100vw - 560px) / 12) * 3) + 80px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .o-contentBlocks__sidebar { width: calc((((100vw - 560px) / 12) * 3) + 80px); } } @media screen and (min-width: 1520px) { .o-editorialArticle .o-contentBlocks__sidebar { width: 330px; } } @media screen and (min-width: 650px) { .pageClass--detailPage .o-contentBlocks__sidebar { padding-right: calc((((100vw - 410px) / 12) * 1) + 0px); } } @media screen and (min-width: 990px) { .pageClass--detailPage .o-contentBlocks__sidebar { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1300px) { .pageClass--detailPage .o-contentBlocks__sidebar { padding-right: calc((((100vw - 560px) / 12) * 1) + 0px); } } @media screen and (min-width: 1520px) { .pageClass--detailPage .o-contentBlocks__sidebar { padding-right: 83.3333333333px; } } @media screen and (max-width: 413px) { .pageClass--textPage .o-contentBlocks__sidebar { width: calc(100vw - 50px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .pageClass--textPage .o-contentBlocks__sidebar { width: calc(100vw - 60px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .pageClass--textPage .o-contentBlocks__sidebar { width: calc(((((100vw - 410px) / 12) * 3) + 60px) + 40px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .pageClass--textPage .o-contentBlocks__sidebar { width: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .pageClass--textPage .o-contentBlocks__sidebar { width: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1520px) { .pageClass--textPage .o-contentBlocks__sidebar { width: 370px; } } @media screen and (min-width: 650px) { .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title { margin-top: 4px; } } @media screen and (min-width: 990px) { .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title { margin-top: 0; } } .pageClass--grants .o-contentBlocks__sidebar .m-textBlock__title:after { display: none; } .o-contentBlocks__body { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-contentBlocks__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentBlocks__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentBlocks__body { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentBlocks__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentBlocks__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-contentBlocks__body { width: 946.666666667px; margin-left: 40px; } } @media screen and (max-width: 413px) { .o-contentBlocks__body { margin-left: calc((((100vw - 150px) / 6) * 0) + 20px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentBlocks__body { margin-left: calc((((100vw - 160px) / 6) * 0) + 20px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentBlocks__body { margin-left: calc(((((100vw - 410px) / 12) * 4) + 90px) + 30px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentBlocks__body { margin-left: calc(((((100vw - 560px) / 12) * 4) + 120px) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentBlocks__body { margin-left: calc(((((100vw - 560px) / 12) * 4) + 120px) + 40px); } } @media screen and (min-width: 1520px) { .o-contentBlocks__body { margin-left: 493.333333333px; } } @media screen and (max-width: 649px) { .o-contentBlocks__body { margin-left: 0 !important; } } .o-editorialArticle .o-contentBlocks__body { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-editorialArticle .o-contentBlocks__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .o-contentBlocks__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .o-contentBlocks__body { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .o-contentBlocks__body { width: calc((((100vw - 560px) / 12) * 9) + 320px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .o-contentBlocks__body { width: calc((((100vw - 560px) / 12) * 9) + 320px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-editorialArticle .o-contentBlocks__body { width: 1070px; margin-left: 40px; } } @media screen and (max-width: 413px) { .o-editorialArticle .o-contentBlocks__body { margin-left: calc((((100vw - 150px) / 6) * 0) + 20px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-editorialArticle .o-contentBlocks__body { margin-left: calc((((100vw - 160px) / 6) * 0) + 20px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-editorialArticle .o-contentBlocks__body { margin-left: calc(((((100vw - 410px) / 12) * 3) + 60px) + 30px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-editorialArticle .o-contentBlocks__body { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-editorialArticle .o-contentBlocks__body { margin-left: calc(((((100vw - 560px) / 12) * 3) + 80px) + 40px); } } @media screen and (min-width: 1520px) { .o-editorialArticle .o-contentBlocks__body { margin-left: 370px; } } @media screen and (min-width: 650px) { .o-contentBlocks__sidebar:not(:first-child) + .o-contentBlocks__body { margin-top: 17px; } } @media screen and (min-width: 990px) { .o-contentBlocks__sidebar:not(:first-child) + .o-contentBlocks__body { margin-top: 40px; } } .o-contentBlocks__full { width: 100%; margin-top: 25px; display: flex; flex-wrap: wrap; } @media screen and (min-width: 650px) { .o-contentBlocks__full { margin-top: 30px; } } @media screen and (min-width: 990px) { .o-contentBlocks__full { margin-top: 20px; } } .o-contentLayout { padding-top: 30px; } @media screen and (min-width: 990px) { .o-contentLayout { padding-top: 50px; } } .m-hero + .o-contentLayout { padding-top: 40px; } @media screen and (min-width: 990px) { .m-hero + .o-contentLayout { padding-top: 60px; } } .pageClass--textPage .o-contentLayout { padding-top: 0; } .o-contentLayout.o-contentLayout--how-we-work { padding-top: 25px; } @media screen and (min-width: 990px) { .o-contentLayout.o-contentLayout--how-we-work { padding-top: 35px; } } .o-contentLayout.o-contentLayout--how-we-work h3 { margin-top: 5px; margin-bottom: -10px; } @media screen and (min-width: 990px) { .o-contentLayout.o-contentLayout--how-we-work h3 { margin-top: 30px; margin-bottom: 0; } } .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebar { display: none; } @media screen and (min-width: 650px) { .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebar { display: block; } } @media screen and (max-width: 649px) { .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebar + .o-contentLayout--keyline { padding-top: 18px; } } .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle { margin-top: -10px; } @media screen and (max-width: 649px) { .o-contentLayout.o-contentLayout--how-we-work .o-contentLayout__sidebarTitle { padding-top: 11px; margin-bottom: 20px; border-top: 1px solid #d9d9d9; } } @media screen and (max-width: 649px) { .o-contentLayout.o-contentLayout--how-we-work .m-textBlock:first-child .o-contentLayout__sidebarTitle { border-top: 0; margin-top: -14px; padding-top: 0; } } @media screen and (max-width: 649px) { .o-contentLayout.o-contentLayout--how-we-work .m-textBlock--keyline { margin-top: 42px; } } .o-contentLayout--divider { position: relative; margin-top: 50px; } @media screen and (min-width: 990px) { .o-contentLayout--divider { margin-top: 100px; } } .o-contentLayout--divider::after { content: ''; position: absolute; top: 0; left: 20px; right: 0; height: 4px; background-color: #1f1f1f; } @media screen and (min-width: 414px) { .o-contentLayout--divider::after { left: 20px; } } @media screen and (min-width: 650px) { .o-contentLayout--divider::after { left: 30px; } } @media screen and (min-width: 990px) { .o-contentLayout--divider::after { height: 5px; left: 40px; } } .o-contentLayout__full { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-contentLayout__full { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentLayout__full { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentLayout__full { width: calc(100vw - 80px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentLayout__full { width: calc(100vw - 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentLayout__full { width: calc(100vw - 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-contentLayout__full { width: 1440px; margin-left: 40px; } } .o-contentLayout__left { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-contentLayout__left { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentLayout__left { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentLayout__left { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentLayout__left { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentLayout__left { width: calc((((100vw - 560px) / 12) * 7) + 240px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-contentLayout__left { width: 823.333333333px; margin-left: 40px; } } .o-contentLayout__sidebar { flex: 0 0 auto; position: relative; } @media screen and (max-width: 413px) { .o-contentLayout__sidebar { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentLayout__sidebar { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentLayout__sidebar { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentLayout__sidebar { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentLayout__sidebar { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-contentLayout__sidebar { width: 453.333333333px; margin-left: 40px; } } .o-contentLayout__sidebarTitle { width: 100%; } @media screen and (min-width: 990px) { .o-contentLayout__sidebarTitle { margin-top: 5px; width: 100%; } } .o-contentBlocks__full .o-contentLayout__sidebarTitle { margin-top: 0; } .o-contentLayout__sidebarTitle--keyline { padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; } @media screen and (min-width: 650px) { .o-contentLayout__sidebarTitle--keyline { padding-bottom: 25px; } } @media screen and (min-width: 990px) { .o-contentLayout__sidebarTitle--keyline { padding-bottom: 35px; } } .o-contentLayout__body { flex: 0 0 auto; padding-top: 20px; } @media screen and (max-width: 413px) { .o-contentLayout__body { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contentLayout__body { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contentLayout__body { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contentLayout__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contentLayout__body { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-contentLayout__body { width: 946.666666667px; margin-left: 40px; } } @media screen and (min-width: 650px) { .o-contentLayout__body { padding-top: 0; } } .o-contentLayout__body p:first-child { margin-top: 0; } @media screen and (min-width: 650px) { .o-contentLayout__body .medium-hide + p { margin-top: 0; } } .o-contentLayout--keyline { padding-top: 10px; border-top: 1px solid #d9d9d9; } @media screen and (min-width: 990px) { .o-contentLayout--keyline { padding-top: 20px; } } .o-contrastContainer { position: relative; background: #f0f0f0; margin-top: 60px; padding-bottom: 55px; } .o-contrastContainer::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .o-contrastContainer::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-contrastContainer::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-contrastContainer::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-contrastContainer::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .o-contrastContainer::before { left: -99em; right: -99em; } } @media screen and (min-width: 990px) { .o-contrastContainer { margin-top: 110px; padding-bottom: 75px; } } .o-contrastContainer:first-child { margin-top: -70px; padding-top: 70px; } @media screen and (min-width: 990px) { .o-contrastContainer:first-child { margin-top: -85px; padding-top: 85px; } } .o-contrastContainer.o-contrastContainer--black { background: #040404; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .o-contrastContainer.o-contrastContainer--gs { margin-top: 0; margin-bottom: -65px; padding-top: 60px; padding-bottom: 65px; background: #fff; } @media screen and (min-width: 990px) { .o-contrastContainer.o-contrastContainer--gs { margin-top: 0; margin-bottom: -135px; padding-top: 110px; padding-bottom: 135px; } } .o-contrastContainer.o-contrastContainer--gs .o-contentBlocks__container { margin-top: 0; } .o-editorialArticle { display: flex; flex-wrap: wrap; } .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle) { margin-top: 5px; } @media screen and (min-width: 650px) { .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle) { margin-top: 30px; } } @media screen and (min-width: 990px) { .o-editorialArticle h1:not(.o-editorialArticle__episodeTitle) { margin-top: 75px; } } .o-editorialArticle__episodeHeading { display: flex; flex-direction: column-reverse; margin-top: 30px; } .o-editorialArticle__episodeTitle { margin-top: 5px; } @media screen and (min-width: 990px) { .o-editorialArticle__episodeTitle { margin-top: 10px; } } .o-editorialArticle__episodeTitle.o-editorialArticle__episodeTitle--inDepth { margin-top: 3px; } .o-historyContainer { display: flex; flex-flow: row wrap; position: relative; } @media screen and (max-width: 413px) { .o-historyContainer { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-historyContainer { width: calc(100% + 21px); } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-historyContainer { margin-left: -20px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-historyContainer { width: calc(100% + 21px); } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-historyContainer { margin-left: -30px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-historyContainer { width: calc(100% + 31px); } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-historyContainer { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-historyContainer { width: calc(100% + 41px); } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-historyContainer { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-historyContainer { width: calc(100% + 41px); } } @media screen and (min-width: 1520px) { .o-historyContainer { margin-left: -40px; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .o-historyContainer { width: calc(100% + 41px); } } .o-historyContainer__blocks { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-historyContainer__blocks { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-historyContainer__blocks { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-historyContainer__blocks { width: calc((((100vw - 410px) / 12) * 11) + 300px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-historyContainer__blocks { width: calc((((100vw - 560px) / 12) * 11) + 400px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-historyContainer__blocks { width: calc((((100vw - 560px) / 12) * 11) + 400px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-historyContainer__blocks { width: 1316.66666667px; margin-left: 40px; } } .o-historyContainer__articles { flex: 0 0 auto; } @media screen and (max-width: 413px) { .o-historyContainer__articles { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .o-historyContainer__articles { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-historyContainer__articles { width: calc((((100vw - 410px) / 12) * 8) + 210px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-historyContainer__articles { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-historyContainer__articles { width: calc((((100vw - 560px) / 12) * 8) + 280px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .o-historyContainer__articles { width: 946.666666667px; margin-left: 40px; } } @media screen and (max-width: 649px) { .o-historyContainer__articles { margin-left: 0 !important; } } .o-voiceInDepth { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-bottom: 15px; background: #040404; color: #fff; } .o-voiceInDepth::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .o-voiceInDepth::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-voiceInDepth::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-voiceInDepth::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-voiceInDepth::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .o-voiceInDepth::before { left: -99em; right: -99em; } } .o-voiceInDepth .a-caption { position: relative; padding-bottom: 10px; color: #808080; } .o-voiceInDepth .a-scrollArrow { background-color: #05d192; background-color: var(--highlightColor); position: fixed; bottom: 50px; left: 25px; width: 44px; height: 44px; border-radius: 100%; transition: opacity 0.3s cubic-bezier(0.545, 0.03, 0.395, 0.965); z-index: 10; display: none; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .o-voiceInDepth .a-scrollArrow { background-color: #f8bd06; } .pageClass--grants .o-voiceInDepth .a-scrollArrow { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .o-voiceInDepth .a-scrollArrow { /* IE Edge 12+ CSS */ } .pageClass--grants .o-voiceInDepth .a-scrollArrow { background-color: #5b74e4; } .pageClass--editorial .o-voiceInDepth .a-scrollArrow { background-color: #f8bd06; } } @media screen and (min-width: 650px) { .o-voiceInDepth .a-scrollArrow { display: block; left: 40px; } } @media screen and (min-width: 990px) { .o-voiceInDepth .a-scrollArrow { left: 60px; } } .o-voiceInDepth__intro { padding-bottom: 30px; } @media screen and (min-width: 990px) { .o-voiceInDepth__intro { padding-bottom: 123px; } } .o-voiceInDepth__top { position: relative; position: relative; display: inline-block; background-color: #040404; z-index: 11; } .o-voiceInDepth__top::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .o-voiceInDepth__top::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .o-voiceInDepth__top::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .o-voiceInDepth__top::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .o-voiceInDepth__top::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .o-voiceInDepth__top::before { left: -99em; right: -99em; } } @media screen and (min-width: 990px) { .o-voiceInDepth__top { padding-top: 31px; } } html { /* juggling left/right and margin left/right as 100vw includes scroll bars so forcing 100vw width to make grid colspan calcs work */ position: relative; left: 50%; right: 50%; width: 100vw; min-height: 100%; margin-right: -50vw; margin-left: -50vw; overflow-x: hidden; overflow-y: scroll; } body { background: #fff; color: #141414; font-family: "GT-America", Arial; font-feature-settings: 'kern'; font-kerning: normal; text-rendering: optimizeLegibility; font-variant-ligatures: common-ligatures; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; max-width: 100vw; overflow-x: hidden; } body::before, body::after { content: none; } body.body--contrast { background-color: #f0f0f0; } body::after { position: absolute; left: -1px; top: -1px; width: 1px; height: 1px; margin-top: -1px; margin-left: -1px; color: transparent; font: 0/0 a; text-shadow: none; } @media screen and (max-width: 413px) { head { font-family: "xsmall"; } body::after { content: "xsmall"; } } @media screen and (min-width: 414px) and (max-width: 649px) { head { font-family: "small"; } body::after { content: "small"; } } @media screen and (min-width: 650px) and (max-width: 989px) { head { font-family: "medium"; } body::after { content: "medium"; } } @media screen and (min-width: 990px) and (max-width: 1299px) { head { font-family: "large"; } body::after { content: "large"; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { head { font-family: "xlarge"; } body::after { content: "xlarge"; } } @media screen and (min-width: 1520px) { head { font-family: "xxlarge"; } body::after { content: "xxlarge"; } } .page-transitioning:not(.filter-transitioning) { overflow: hidden; } .page-transitioning:not(.filter-transitioning) body { overflow: hidden; } #a17 { position: relative; } .g-header { position: relative; width: 100%; z-index: 1001; } html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--invertStaticNav .g-header { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } @media screen and (min-width: 990px) { html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--home:not(.pageClass--dark) .g-header { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } } .g-header, .g-header__wrapper { height: 70px; } @media screen and (min-width: 990px) { .g-header, .g-header__wrapper { height: 85px; } } .g-header__wrapper { position: absolute; left: 50%; margin-left: -50vw; width: 100vw; background: transparent; z-index: 100; will-change: transform; transform: translateY(0); transition: background-color 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-header__wrapper::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.15); } html:not(.s-nav-is-sticky):not(.page-transitioning) .pageClass--invertStaticNav .g-header__wrapper::after { background: rgba(255, 255, 255, 0.15); } html:not(.s-nav-is-sticky):not(.page-transitioning) .pageClass--home .g-header__wrapper::after, .page-voices:not(.s-nav-is-sticky) .g-header__wrapper::after { opacity: 0; } .s-nav-is-sticky .g-header__wrapper { position: fixed; background: #fff; } .page-transitioning .g-header__wrapper { background: #fff; } .has-transition .g-header__wrapper { transition: background-color 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965), transform 0.34s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .s-modal-open--scrollable:not(.page-transitioning) .g-header__wrapper, .s-nav-is-hiding:not(.page-transitioning) .g-header__wrapper { transform: translateY(-100%); } .s-nav-is-open .g-header__wrapper { border-bottom: #141414; } @media screen and (max-width: 649px) { .pageClass--voicesHeader .g-header__wrapper { overflow: hidden; background-color: #fff; } } @media screen and (max-width: 649px) { .s-nav-open .pageClass--voicesHeader .g-header__wrapper { overflow: visible; } } .pageClass--indepth .g-header__wrapper { background-color: #05d192; background-color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .pageClass--indepth .g-header__wrapper { background-color: #f8bd06; } .pageClass--grants .pageClass--indepth .g-header__wrapper { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .pageClass--indepth .g-header__wrapper { /* IE Edge 12+ CSS */ } .pageClass--grants .pageClass--indepth .g-header__wrapper { background-color: #5b74e4; } .pageClass--editorial .pageClass--indepth .g-header__wrapper { background-color: #f8bd06; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--indepth .g-header__wrapper { background-color: #f8bd06; } } .g-header__container { display: flex; height: 100%; align-items: center; justify-content: space-between; } @media screen and (min-width: 650px) { .pageClass--editorial .g-header__container { justify-content: flex-start; } } .g-header__logo { width: 124px; height: 34px; flex-shrink: 0; color: #141414; } .g-header__logo svg { width: 100%; height: 100%; fill: currentColor; } html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--invertStaticNav .g-header__logo { color: #fff; } @media screen and (max-width: 649px) { .pageClass--voicesHeader .g-header__logo { transform: translateY(0); transition: transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } } @media screen and (max-width: 649px) { .pageClass--voicesHeader--active .g-header__logo { transform: translateY(-55px); } } .g-header__title { position: relative; display: none; width: calc(100% - 196px); margin-left: 25px; padding: 6px 20px; border-left: 1px solid rgba(0, 0, 0, 0.15); visibility: hidden; opacity: 0; transition: opacity 0.32s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.32s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-header__title::before, .g-header__title::after { content: none; } @media screen and (min-width: 650px) { .pageClass--editorial .g-header__title { visibility: visible; opacity: 1; display: inline-flex; } } @media screen and (max-width: 649px) { .pageClass--voicesHeader .g-header__title { display: block; visibility: visible; opacity: 1; position: absolute; margin: 0; padding: 0; border: 0; font-size: 27px; transform: translateY(55px); transition: transform 0.24s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .pageClass--voicesHeader--active .g-header__title { transform: translateY(0); } .s-nav-open:not(.pageClass--voicesHeader--active) .pageClass--voicesHeader .g-header__title { display: none; } } @media screen and (min-width: 990px) { .g-header__title { display: inline-flex; } } .g-header__title__toggle { position: absolute; right: 20px; padding-top: 0; padding-bottom: 0; visibility: hidden; opacity: 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); display: none; } .g-header__title__toggle::before, .g-header__title__toggle::after { content: none; } @media screen and (min-width: 650px) { .pageClass--editorial .g-header__title__toggle { display: inline-block; } } .g-header__title__toggle::before { content: ''; position: absolute; left: -15px; top: 11px; width: 9px; height: 9px; padding: 0; margin: 0; border-left: 2px solid #141414; border-top: 2px solid #141414; transform: rotate(-135deg); transform-origin: 3px 3px; transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .g-header__title__toggle::before { top: 13px; } } .g-header__title__toggle.is-active::before { transform: rotate(45deg); } .s-episodeBar-is-sticky .g-header__title__toggle { visibility: visible; opacity: 1; } .g-header__nav { position: relative; height: 100%; white-space: nowrap; padding-right: 90px; } @media screen and (min-width: 1300px) { .g-header__nav { padding-right: 110px; } } @media screen and (max-width: 989px) and (-ms-high-contrast: none), screen and (max-width: 989px) and (-ms-high-contrast: active) { .g-header__nav { order: 3; } } .g-header__nav__link { position: relative; height: 100%; margin-left: 20px; align-items: center; display: none; } .g-header__nav__link::after, .g-header__nav__link::before { width: auto; } @media screen and (min-width: 990px) { .g-header__nav__link { display: inline-flex; } } @media screen and (min-width: 1300px) { .g-header__nav__link { margin-left: 30px; } } .pageClass--editorial .g-header__nav__link { display: none; } .g-header.has-active .g-header__nav__link { opacity: 0.67; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-header.has-active .g-header__nav__link.is-active, .g-header.has-active .g-header__nav__link:hover { opacity: 1; } @media screen and (min-width: 650px) { .g-header__language-select { display: inline-flex; } } .g-header__language-select--mobile { display: inline-flex; float: right; height: 70px; } @media screen and (min-width: 650px) { .g-header__language-select--mobile { display: none; } } .pageClass--editorial .g-header__nav__link--megaNavToggle { display: inline-flex; } .g-header__nav__link:not(.g-header__nav__link--btn)::after { background-color: #05d192; background-color: var(--highlightColor); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; margin: 0; padding: 0; z-index: 1; opacity: 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-header__nav__link:not(.g-header__nav__link--btn)::after { background-color: #f8bd06; } .pageClass--grants .g-header__nav__link:not(.g-header__nav__link--btn)::after { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-header__nav__link:not(.g-header__nav__link--btn)::after { /* IE Edge 12+ CSS */ } .pageClass--grants .g-header__nav__link:not(.g-header__nav__link--btn)::after { background-color: #5b74e4; } .pageClass--editorial .g-header__nav__link:not(.g-header__nav__link--btn)::after { background-color: #f8bd06; } } html:not(.s-nav-is-sticky) .pageClass--home .g-header__nav__link:not(.g-header__nav__link--btn)::after { display: none; } .g-header__nav__link:not(.g-header__nav__link--btn).is-active::after, .g-header__nav__link:not(.g-header__nav__link--btn):hover::after { opacity: 1; } .g-header__navIcon { position: relative; width: 18px; height: 18px; color: #141414; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-header__navIcon i { position: absolute; top: 8px; left: 0; width: 100%; height: 2px; } .g-header__navIcon i::before, .g-header__navIcon i::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: currentColor; transition: transform 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-header__navIcon::before, .g-header__navIcon::after { content: ''; position: absolute; top: 2px; left: 0; width: 100%; height: 2px; background-color: currentColor; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-header__navIcon::after { top: auto; bottom: 2px; } html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--invertStaticNav .g-header__navIcon { color: #fff; } @media screen and (min-width: 990px) { html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--home:not(.pageClass--dark) .g-header__navIcon { color: #fff; } } .s-nav-open .g-header__navIcon i::before, .s-search-open .g-header__navIcon i::before { transform: rotate(45deg) scaleX(1.2); } .s-nav-open .g-header__navIcon i::after, .s-search-open .g-header__navIcon i::after { transform: rotate(-45deg) scaleX(1.2); } .s-nav-open .g-header__navIcon::before, .s-nav-open .g-header__navIcon::after, .s-search-open .g-header__navIcon::before, .s-search-open .g-header__navIcon::after { opacity: 0; } .g-header__nav__link--btn, .g-header__search__submit, .g-header__search__close { position: absolute; padding: 0; display: inline-flex; } @media screen and (max-width: 989px) { .g-header__nav__link--btn, .g-header__search__submit, .g-header__search__close { margin-left: 22px; } } .g-header__nav__link--btn span, .g-header__search__submit span, .g-header__search__close span { position: absolute; visibility: hidden; pointer-events: none; } .g-header__nav__link--search, .g-header__search__submit { color: #141414; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-header__nav__link--search svg, .g-header__search__submit svg { width: 24px; height: 19px; fill: currentColor; } html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--invertStaticNav .g-header__nav__link--search, html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--invertStaticNav .g-header__search__submit { color: #fff; } @media screen and (min-width: 990px) { html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--home:not(.pageClass--dark) .g-header__nav__link--search, html:not(.s-nav-is-sticky):not(.s-search-focus):not(.page-transitioning) .pageClass--home:not(.pageClass--dark) .g-header__search__submit { color: #fff; } } .s-nav-open .g-header__navIcon, .s-search-open .g-header__navIcon, .s-nav-open .g-header__nav__link--search, .s-search-open .g-header__nav__link--search, .s-nav-open .g-header__search__submit, .s-search-open .g-header__search__submit { color: #fff; } .s-search-focus .g-header__navIcon, .s-search-open:not(.s-nav-open) .g-header__navIcon, .s-search-focus .g-header__nav__link--search, .s-search-open:not(.s-nav-open) .g-header__nav__link--search, .s-search-focus .g-header__search__submit, .s-search-open:not(.s-nav-open) .g-header__search__submit { color: #141414; } .s-search-focus .pageClass--grants .g-header__navIcon, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__navIcon, .s-search-focus .pageClass--grants .g-header__nav__link--search, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__nav__link--search, .s-search-focus .pageClass--grants .g-header__search__submit, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__search__submit { color: #fff; } /* * Search */ .g-header__search { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1f1f1f; visibility: hidden; opacity: 0; z-index: 1; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), background-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965) 0.08s; } .s-search-open .g-header__search { visibility: visible; opacity: 1; } .s-search-focus .g-header__search, .s-search-open:not(.s-nav-open) .g-header__search { background-color: #05d192; background-color: var(--highlightColor); transition-delay: 0s; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .s-search-focus .g-header__search, .pageClass--editorial .s-search-open:not(.s-nav-open) .g-header__search { background-color: #f8bd06; } .pageClass--grants .s-search-focus .g-header__search, .pageClass--grants .s-search-open:not(.s-nav-open) .g-header__search { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .s-search-focus .g-header__search, .s-search-open:not(.s-nav-open) .g-header__search { /* IE Edge 12+ CSS */ } .pageClass--grants .s-search-focus .g-header__search, .pageClass--grants .s-search-open:not(.s-nav-open) .g-header__search { background-color: #5b74e4; } .pageClass--editorial .s-search-focus .g-header__search, .pageClass--editorial .s-search-open:not(.s-nav-open) .g-header__search { background-color: #f8bd06; } } .g-header__search__container { position: relative; display: flex; align-items: center; height: 100%; } .g-header__search__container form { width: 100%; } .g-header__search__input.a-input { width: calc(100% - 44px); padding-bottom: 10px; margin-top: 10px; align-items: center; } @media screen and (max-width: 649px) { .g-header__search__input.a-input { font-size: 16px; } } @media screen and (min-width: 990px) { .g-header__search__input.a-input { width: calc(100% - 52px); } } .g-header__search__input.a-input { color: #fff; border-color: rgba(255, 255, 255, 0.2); } .g-header__search__input.a-input::-webkit-input-placeholder { color: #fff; } .g-header__search__input.a-input:-moz-placeholder { color: #fff; } .g-header__search__input.a-input::-moz-placeholder { color: #fff; } .g-header__search__input.a-input:-ms-input-placeholder { color: #fff; } .s-search-focus .g-header__search__input.a-input, .s-search-open:not(.s-nav-open) .g-header__search__input.a-input { color: #141414; border-color: #1f1f1f; } .s-search-focus .g-header__search__input.a-input::-webkit-input-placeholder, .s-search-open:not(.s-nav-open) .g-header__search__input.a-input::-webkit-input-placeholder { color: #141414; } .s-search-focus .g-header__search__input.a-input:-moz-placeholder, .s-search-open:not(.s-nav-open) .g-header__search__input.a-input:-moz-placeholder { color: #141414; } .s-search-focus .g-header__search__input.a-input::-moz-placeholder, .s-search-open:not(.s-nav-open) .g-header__search__input.a-input::-moz-placeholder { color: #141414; } .s-search-focus .g-header__search__input.a-input:-ms-input-placeholder, .s-search-open:not(.s-nav-open) .g-header__search__input.a-input:-ms-input-placeholder { color: #141414; } .s-search-focus .pageClass--grants .g-header__search__input.a-input, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__search__input.a-input { color: #fff; border-color: rgba(255, 255, 255, 0.2); } .s-search-focus .pageClass--grants .g-header__search__input.a-input::-webkit-input-placeholder, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__search__input.a-input::-webkit-input-placeholder { color: #fff; } .s-search-focus .pageClass--grants .g-header__search__input.a-input:-moz-placeholder, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__search__input.a-input:-moz-placeholder { color: #fff; } .s-search-focus .pageClass--grants .g-header__search__input.a-input::-moz-placeholder, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__search__input.a-input::-moz-placeholder { color: #fff; } .s-search-focus .pageClass--grants .g-header__search__input.a-input:-ms-input-placeholder, .s-search-open:not(.s-nav-open) .pageClass--grants .g-header__search__input.a-input:-ms-input-placeholder { color: #fff; } .g-header__search__submit, .g-header__search__close, .g-header__nav__link--search, .g-header__nav__link--megaNavToggle { position: absolute; right: 44px; height: 100%; top: 0; align-items: center; } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-header__search__submit, .g-header__search__close, .g-header__nav__link--search, .g-header__nav__link--megaNavToggle { right: 42px; } } @media screen and (min-width: 1300px) { .g-header__search__submit, .g-header__search__close, .g-header__nav__link--search, .g-header__nav__link--megaNavToggle { right: 52px; } } .g-header__search__close, .g-header__nav__link--megaNavToggle { right: 0; } .g-search__quickResults { background-color: #05d192; background-color: var(--highlightColor); position: absolute; bottom: 0; left: 50%; margin-left: -50vw; padding-top: 30px; padding-bottom: 40px; width: 100vw; transform: translateY(100%); z-index: 2; visibility: hidden; opacity: 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-search__quickResults { background-color: #f8bd06; } .pageClass--grants .g-search__quickResults { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-search__quickResults { /* IE Edge 12+ CSS */ } .pageClass--grants .g-search__quickResults { background-color: #5b74e4; } .pageClass--editorial .g-search__quickResults { background-color: #f8bd06; } } .s-search-results-open .g-search__quickResults { visibility: visible; opacity: 1; } .g-search__quickResults__container { height: 100%; position: relative; overflow: hidden; color: #141414; } .pageClass--grants .g-search__quickResults__container { color: #fff; } .g-search__quickResults__container::after { content: ''; position: absolute; right: 0; top: 0; width: 35px; height: 100%; background: linear-gradient(to right, rgba(5, 209, 146, 0) 0%, #05d192 100%); } .pageClass--editorial .g-search__quickResults__container::after { background: linear-gradient(to right, rgba(248, 189, 6, 0) 0%, #f8bd06 100%); } .pageClass--grants .g-search__quickResults__container::after { background: linear-gradient(to right, rgba(91, 116, 228, 0) 0%, #5b74e4 100%); } .g-search__quickResults__container a, .g-search__quickResults__container .g-search__quickResults__noResults { display: block; white-space: nowrap; outline: none; } .g-search__quickResults__container a { margin-bottom: 10px; } .g-search__quickResults__container a:focus, .g-search__quickResults__container a.is-active, .g-search__quickResults__container a:hover { text-decoration: underline; } /* * Meganav */ .g-megaNav__overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #040404; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); visibility: hidden; opacity: 0; } .s-nav-open .g-megaNav__overlay, .s-search-open .g-megaNav__overlay, .s-search-results-open .g-megaNav__overlay { visibility: visible; opacity: 0.15; } .g-megaNav { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 70px; left: 0; width: 100%; height: calc(100vh - 70px); background: #141414; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965), visibility 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); visibility: hidden; opacity: 0; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .g-megaNav::before, .g-megaNav::after { content: none; } .s-nav-open .g-megaNav { visibility: visible; opacity: 1; } @media screen and (min-width: 990px) { .g-megaNav { top: 85px; height: calc(100vh - 85px); } } .g-megaNav__container { display: flex; padding-top: 20px; color: #fff; } @media screen and (min-width: 650px) { .g-megaNav__container { padding-top: 0; } } @media screen and (min-width: 990px) { .g-megaNav__container { padding-top: 10px; } } .g-megaNav__container a:hover { color: #05d192; color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-megaNav__container a:hover { color: #f8bd06; } .pageClass--grants .g-megaNav__container a:hover { color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-megaNav__container a:hover { /* IE Edge 12+ CSS */ } .pageClass--grants .g-megaNav__container a:hover { color: #5b74e4; } .pageClass--editorial .g-megaNav__container a:hover { color: #f8bd06; } } .g-megaNav__col { flex: 0 0 auto; } @media screen and (max-width: 413px) { .g-megaNav__col { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-megaNav__col { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-megaNav__col { width: calc((((100vw - 410px) / 12) * 4) + 90px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-megaNav__col { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-megaNav__col { width: calc((((100vw - 560px) / 12) * 4) + 120px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-megaNav__col { width: 453.333333333px; margin-left: 40px; } } @media screen and (max-width: 649px) { .g-megaNav__col--mobileList { order: 1; } } @media screen and (max-width: 649px) { .g-megaNav__col--mainItems { padding-top: 29px; padding-bottom: 27px; margin-top: 27px; margin-bottom: 27px; border-top: 1px solid #383838; border-bottom: 1px solid #383838; } } @media screen and (min-width: 650px) { .g-megaNav__list { margin-top: 25px; } } @media screen and (min-width: 990px) { .g-megaNav__list { margin-top: 50px; } .g-megaNav__list + .g-megaNav__list { margin-top: 46px; } } @media screen and (min-width: 990px) { .g-megaNav__list li:not([class]), .g-megaNav__list .g-megaNav__link { padding-bottom: 10px; } } .g-megaNav__list__label { color: #808080; display: inline-block; } @media screen and (min-width: 990px) { .g-megaNav__list__label { padding-top: 10px; } } @media screen and (max-width: 649px) { .g-megaNav__list__label { padding-bottom: 15px; padding-top: 0; } } .g-megaNav__list__label--spaced { padding-top: 20px; } .g-megaNav__list__big { padding-bottom: 4px; } @media screen and (max-width: 649px) { .g-megaNav__link { padding-bottom: 15px; } } .g-megaNav__link a span { padding-bottom: 2px; border-bottom: 1px solid transparent; transition: border-color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-megaNav__link a:hover { color: #fff; } .g-megaNav__link a:hover span { border-color: #fff; } .g-megaNav__megaLink:hover { color: #05d192; color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-megaNav__megaLink:hover { color: #f8bd06; } .pageClass--grants .g-megaNav__megaLink:hover { color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-megaNav__megaLink:hover { /* IE Edge 12+ CSS */ } .pageClass--grants .g-megaNav__megaLink:hover { color: #5b74e4; } .pageClass--editorial .g-megaNav__megaLink:hover { color: #f8bd06; } } @media screen and (max-width: 649px) { .g-megaNav__megaLink.g-megaNav__megaLink--header { display: inline-block; padding-bottom: 5px; } } @media screen and (min-width: 990px) { .g-megaNav__megaLink.g-megaNav__megaLink--header { padding-bottom: 14px; display: inline-block; } } .g-megaNav__social { position: relative; width: 100%; z-index: 2; background: #141414; border-top: 1px solid #383838; margin-right: -25px; padding-left: 25px; padding-right: 25px; } @media screen and (min-width: 414px) { .g-megaNav__social { margin-right: -30px; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 649px) { .g-megaNav__social { position: fixed; top: calc(100vh - 70px); left: 0; } } @media screen and (min-width: 650px) { .g-megaNav__social { padding: 0; margin: 0; margin-left: 30px; margin-top: 58px; padding-bottom: 5px; border: 0; } } @media screen and (min-width: 990px) { .g-megaNav__social { margin-left: 40px; padding-bottom: 33px; } } @media screen and (min-width: 1300px) { .g-megaNav__social { margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-megaNav__social { margin-left: 40px; } } .g-megaNav__social .a-dropdown--language-select { position: absolute; right: 25px; bottom: 23px; } @media screen and (min-width: 414px) { .g-megaNav__social .a-dropdown--language-select { right: 30px; } } @media screen and (min-width: 650px) { .g-megaNav__social .a-dropdown--language-select { right: 0; bottom: 29px; } } @media screen and (min-width: 990px) { .g-megaNav__social .a-dropdown--language-select { bottom: 39px; } } .g-megaNav__container .g-megaNav__social a:not([class]), .g-megaNav__social--mobile a:not([class]) { display: inline-block; margin: 21px 25px 15px 0; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } @media screen and (min-width: 990px) { .g-megaNav__container .g-megaNav__social a:not([class]), .g-megaNav__social--mobile a:not([class]) { margin: 15px 25px 0 0; } } .g-megaNav__container .g-megaNav__social a:not([class]):hover, .g-megaNav__social--mobile a:not([class]):hover { opacity: 1; } .g-megaNav__container .g-megaNav__social a:not([class]) svg, .g-megaNav__social--mobile a:not([class]) svg { width: 25px; height: 25px; } .g-megaNav__social--mobile { display: none; position: fixed; top: auto; bottom: 0; z-index: 101; } .g-megaNav__social--mobile a { color: #fff; } .g-megaNav__social--mobile a:hover { color: #05d192; } @media screen and (max-width: 649px) { .s-nav-open .g-megaNav__social--mobile { display: block; } } .g-megaNav__newsletter { background-color: #05d192; background-color: var(--highlightColor); position: relative; width: 100%; padding-top: 28px; padding-bottom: 220px; margin-top: 27px; color: #141414; font-size: 20px; line-height: 35px; margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-right: 25px; } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-megaNav__newsletter { background-color: #f8bd06; } .pageClass--grants .g-megaNav__newsletter { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-megaNav__newsletter { /* IE Edge 12+ CSS */ } .pageClass--grants .g-megaNav__newsletter { background-color: #5b74e4; } .pageClass--editorial .g-megaNav__newsletter { background-color: #f8bd06; } } .g-megaNav__newsletter::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .g-megaNav__newsletter::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-megaNav__newsletter::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-megaNav__newsletter::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-megaNav__newsletter::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .g-megaNav__newsletter::before { left: -99em; right: -99em; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-megaNav__newsletter { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 649px) { .g-megaNav__newsletter { order: 2; } } @media screen and (min-width: 650px) { .g-megaNav__newsletter { margin: 0; padding: 60px 0 50px; border: 0; } } .pageClass--grants .g-megaNav__newsletter { color: #fff; } .g-megaNav__newsletter::before { z-index: 0; } @media screen and (max-width: 413px) { .g-megaNav__newsletter::before { right: -50px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-megaNav__newsletter::before { right: -60px; } } .g-megaNav__newsletter .g-newsletterCta__col { position: relative; z-index: 1; } .g-footer { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #040404; color: #fff; } .g-footer::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .g-footer::before { left: -99em; right: -99em; } } .g-footer__highlights { position: relative; position: relative; padding-top: 40px; } .g-footer__highlights::before { content: ''; position: absolute; z-index: 0; left: 20px; right: 0; top: 100%; border-top: 1px solid #383838; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__highlights::before { left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__highlights::before { left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__highlights::before { left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__highlights::before { left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__highlights::before { left: 40px; } } @media screen and (min-width: 990px) { .g-footer__highlights { padding-top: 0; } } .g-footer__highlight { flex: 0 0 auto; padding: 0 0 30px; } @media screen and (max-width: 413px) { .g-footer__highlight { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__highlight { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__highlight { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__highlight { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__highlight { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__highlight { width: 700px; margin-left: 40px; } } .g-footer__highlight h2 { color: #05d192; color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-footer__highlight h2 { color: #f8bd06; } .pageClass--grants .g-footer__highlight h2 { color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-footer__highlight h2 { /* IE Edge 12+ CSS */ } .pageClass--grants .g-footer__highlight h2 { color: #5b74e4; } .pageClass--editorial .g-footer__highlight h2 { color: #f8bd06; } } @media screen and (min-width: 990px) { .g-footer__highlight h2 { margin-bottom: -10px; } } .g-footer__highlight h2 a:hover { color: #fff; } .g-footer__highlight .a-link--readmore { margin-top: 5px; } @media screen and (min-width: 990px) { .g-footer__highlight { padding: 65px 0 60px; } } .g-footer__sitemap { position: relative; padding-bottom: 15px; } .g-footer__sitemap::before { content: ''; position: absolute; z-index: 0; left: 20px; right: 0; top: 100%; border-top: 1px solid #383838; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__sitemap::before { left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__sitemap::before { left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__sitemap::before { left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__sitemap::before { left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__sitemap::before { left: 40px; } } @media screen and (min-width: 990px) { .g-footer__sitemap { padding-bottom: 0; } } .g-footer__sitemap__col { flex: 0 0 auto; margin-top: 20px; margin-bottom: 10px; } @media screen and (max-width: 413px) { .g-footer__sitemap__col { width: calc((((100vw - 150px) / 6) * 3) + 40px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__sitemap__col { width: calc((((100vw - 160px) / 6) * 3) + 40px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__sitemap__col { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__sitemap__col { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__sitemap__col { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__sitemap__col { width: 330px; margin-left: 40px; } } @media screen and (min-width: 650px) { .g-footer__sitemap__col { margin-top: 30px; margin-bottom: 20px; } } @media screen and (min-width: 990px) { .g-footer__sitemap__col { margin-top: 64px; margin-bottom: 60px; } } .g-footer__sitemap__col--policy { color: #808080; } .g-footer__sitemap__col--policy::before, .g-footer__sitemap__col--policy::after { content: none; } @media screen and (max-width: 649px) { .g-footer__sitemap__col--policy { position: relative; padding-top: 20px; } .g-footer__sitemap__col--policy::before { content: ''; position: absolute; padding: 0; top: 0; left: calc(-50vw + 15px); width: calc(100vw - 50px); height: 1px; background: #383838; } } @media screen and (min-width: 990px) { .g-footer__sitemap__col--policy { margin-top: 67px; } } @media screen and (max-width: 649px) { .g-footer__sitemap__col--mobileBorder { padding-top: 20px; } } .g-footer__sitemap__list { font-size: 12px; line-height: 25px; } @media screen and (min-width: 990px) { .g-footer__sitemap__list { font-size: 14px; line-height: 30px; } } .g-footer__sitemap__list + .g-footer__sitemap__list { margin-top: 30px; } .g-footer__sitemap__list a:not([class]) { padding-bottom: 2px; border-bottom: 1px solid transparent; } .g-footer__sitemap__list a:not([class]):hover { border-color: #fff; } .g-footer__sitemap__title { color: #05d192; color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-footer__sitemap__title { color: #f8bd06; } .pageClass--grants .g-footer__sitemap__title { color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-footer__sitemap__title { /* IE Edge 12+ CSS */ } .pageClass--grants .g-footer__sitemap__title { color: #5b74e4; } .pageClass--editorial .g-footer__sitemap__title { color: #f8bd06; } } @media screen and (min-width: 990px) { .g-footer__sitemap__title { display: block; margin-top: 1px; margin-bottom: 11px; } } .g-footer__sitemap__title:hover { color: #fff; } .g-footer__ccIcons { margin-top: 10px; } @media screen and (min-width: 650px) { .g-footer__ccIcons { margin-bottom: 35px; } } @media screen and (min-width: 990px) { .g-footer__ccIcons { margin-bottom: 55px; } } .g-footer__ccIcons a:hover svg { opacity: 1; } .g-footer__ccIcons svg { width: 30px; height: 30px; display: inline-block; margin-right: 2px; opacity: 0.42; fill: none; color: #fff; transition: color 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-footer__legal { position: relative; padding-top: 25px; padding-bottom: 15px; color: #808080; flex-direction: column-reverse; } @media screen and (min-width: 990px) { .g-footer__legal { flex-wrap: nowrap; flex-direction: row; height: 90px; padding: 0; align-items: center; } } .g-footer__legalLinks { flex: 0 0 auto; } @media screen and (max-width: 413px) { .g-footer__legalLinks { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__legalLinks { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__legalLinks { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__legalLinks { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__legalLinks { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__legalLinks { width: 700px; margin-left: 40px; } } @media screen and (max-width: 989px) { .g-footer__legalLinks span { display: block; } } .g-footer__legalLinks a { margin-top: 5px; display: inline-block; border-bottom: 1px solid transparent; margin-right: 20px; } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__legalLinks a { margin-right: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__legalLinks a { margin-right: 30px; } } @media screen and (min-width: 990px) { .g-footer__legalLinks a { margin-top: 0; margin-right: 40px; line-height: 21px; } } .g-footer__legalLinks a:hover { color: #fff; border-color: #fff; } .g-footer .a-dropdown--language-select { position: absolute; right: 0; bottom: 27px; } @media screen and (min-width: 650px) { .g-footer .a-dropdown--language-select { bottom: 33px; } } .g-footer__social { flex: 0 0 auto; margin-top: 15px; } @media screen and (max-width: 413px) { .g-footer__social { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__social { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__social { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__social { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__social { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__social { width: 700px; margin-left: 40px; } } @media screen and (min-width: 990px) { .g-footer__social { margin-top: 5px; } } .g-footer__social a { margin-right: 25px; } .g-footer__social a:hover svg { color: #05d192; color: var(--highlightColor); } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-footer__social a:hover svg { color: #f8bd06; } .pageClass--grants .g-footer__social a:hover svg { color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-footer__social a:hover svg { /* IE Edge 12+ CSS */ } .pageClass--grants .g-footer__social a:hover svg { color: #5b74e4; } .pageClass--editorial .g-footer__social a:hover svg { color: #f8bd06; } } .g-footer__social svg { width: 25px; height: 25px; color: #fff; } /* Announcement */ .g-footer__announcement { padding-top: 34px; border-bottom: 1px solid #383838; } @media screen and (min-width: 650px) { .g-footer__announcement { padding-bottom: 25px; } } .g-footer__announcement .g-footer__sitemap:before { display: none; } .g-footer__announcement .g-footer__sitemap__list { margin-top: 5px; } .g-footer__announcementLeft { flex: 0 0 auto; } @media screen and (max-width: 413px) { .g-footer__announcementLeft { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__announcementLeft { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__announcementLeft { width: calc((((100vw - 410px) / 12) * 9) + 240px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__announcementLeft { width: calc((((100vw - 560px) / 12) * 9) + 320px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__announcementLeft { width: calc((((100vw - 560px) / 12) * 9) + 320px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__announcementLeft { width: 1070px; margin-left: 40px; } } .g-footer__announcementRight { flex: 0 0 auto; } @media screen and (max-width: 413px) { .g-footer__announcementRight { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-footer__announcementRight { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-footer__announcementRight { width: calc((((100vw - 410px) / 12) * 3) + 60px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-footer__announcementRight { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-footer__announcementRight { width: calc((((100vw - 560px) / 12) * 3) + 80px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-footer__announcementRight { width: 330px; margin-left: 40px; } } .g-footer__announcementDetails { display: flex; flex-flow: row wrap; } .g-footer__announcementDetailsLeft { width: 100px; } .g-footer__announcementDetailsRight { width: calc(100% - 100px); padding-left: 40px; } .g-footer__announcementImg { display: block; } .g-footer__announcementTitle { display: block; margin-top: -14px; } .g-footer__announcementYear { display: block; margin-top: 5px; } .g-newsletterCta { position: relative; background-color: #05d192; background-color: var(--highlightColor); padding: 38px 0; margin-top: 65px; } .g-newsletterCta::before { content: ''; position: absolute; z-index: -1; left: -25px; right: -25px; top: 0; bottom: 0; background-color: inherit; pointer-events: none; } @media screen and (min-width: 414px) and (max-width: 649px) { .g-newsletterCta::before { left: -30px; right: -30px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-newsletterCta::before { left: -40px; right: -40px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-newsletterCta::before { left: -60px; right: -60px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-newsletterCta::before { left: -60px; right: -60px; } } @media screen and (min-width: 1520px) { .g-newsletterCta::before { left: -99em; right: -99em; } } @media screen and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .pageClass--editorial .g-newsletterCta { background-color: #f8bd06; } .pageClass--grants .g-newsletterCta { background-color: #5b74e4; } } @supports (-ms-accelerator: true) { .g-newsletterCta { /* IE Edge 12+ CSS */ } .pageClass--grants .g-newsletterCta { background-color: #5b74e4; } .pageClass--editorial .g-newsletterCta { background-color: #f8bd06; } } @media screen and (min-width: 650px) { .g-newsletterCta { padding: 35px 0 40px; } } @media screen and (min-width: 990px) { .g-newsletterCta { margin-top: 135px; padding-top: 60px; padding-bottom: 60px; } } .pageClass--grants .g-newsletterCta { background: #5b74e4; } .pageClass--editorial .g-newsletterCta { background: #f8bd06; } .pageClass--grants .g-newsletterCta, .g-newsletterCta.g-newsletterCta--dark { color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pageClass--grants .g-newsletterCta .a-checkbox label::before, .g-newsletterCta.g-newsletterCta--dark .a-checkbox label::before { border-color: #fff; } .pageClass--grants .g-newsletterCta .a-checkbox label::after, .g-newsletterCta.g-newsletterCta--dark .a-checkbox label::after { background-color: #fff; } .pageClass--grants .g-newsletterCta { background-color: #506AE2; } .g-newsletterCta.g-newsletterCta--dark { background: #040404; } .g-newsletterCta .a-checkbox { margin-top: 20px; } .g-newsletterCta .a-checkbox label { display: block; } .g-newsletterCta .a-checkbox label::before { top: 6px; border-color: #1f1f1f; } @media screen and (min-width: 990px) { .g-newsletterCta .a-checkbox label::before { top: 9px; } } .g-newsletterCta .a-checkbox label::after { top: 8px; background-color: #1f1f1f; } @media screen and (min-width: 990px) { .g-newsletterCta .a-checkbox label::after { top: 11px; } } .g-newsletterCta__title { margin-bottom: 15px; text-transform: none; } .g-newsletterCta__title::before, .g-newsletterCta__title::after { content: none; } @media screen and (min-width: 990px) { .g-newsletterCta__title + .g-newsletterCta__input { margin-top: 20px; } } @media screen and (min-width: 650px) { .g-newsletterCta__title { margin-bottom: 30px; } } .g-newsletterCta__col { flex: 0 0 auto; } @media screen and (max-width: 413px) { .g-newsletterCta__col { width: calc(100vw - 50px); margin-left: 20px; } } @media screen and (min-width: 414px) and (max-width: 649px) { .g-newsletterCta__col { width: calc(100vw - 60px); margin-left: 20px; } } @media screen and (min-width: 650px) and (max-width: 989px) { .g-newsletterCta__col { width: calc((((100vw - 410px) / 12) * 6) + 150px); margin-left: 30px; } } @media screen and (min-width: 990px) and (max-width: 1299px) { .g-newsletterCta__col { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1300px) and (max-width: 1519px) { .g-newsletterCta__col { width: calc((((100vw - 560px) / 12) * 6) + 200px); margin-left: 40px; } } @media screen and (min-width: 1520px) { .g-newsletterCta__col { width: 700px; margin-left: 40px; } } .g-newsletterCta__col + .g-newsletterCta__col { margin-top: 10px; } @media screen and (min-width: 650px) { .g-newsletterCta__col + .g-newsletterCta__col { margin-top: 0px; } } .g-newsletterCta__form.s-loading .g-newsletterCta__submit { opacity: 0.3; pointer-events: none; } @media screen and (min-width: 990px) { .g-newsletterCta__form:first-child { margin-top: 8px; } } .g-newsletterCta__wrapper.is-hidden { display: none; } .g-newsletterCta__row { position: relative; } .g-newsletterCta__input { width: 100%; border-color: rgba(0, 0, 0, 0.61); padding-right: 60px; /* Change Autocomplete styles in Chrome*/ } .g-newsletterCta__input::-webkit-input-placeholder { color: #484848; } .g-newsletterCta__input:-moz-placeholder { color: #484848; } .g-newsletterCta__input::-moz-placeholder { color: #484848; } .g-newsletterCta__input:-ms-input-placeholder { color: #484848; } .g-newsletterCta__input:hover::-webkit-input-placeholder { color: #141414; } .g-newsletterCta__input:hover:-moz-placeholder { color: #141414; } .g-newsletterCta__input:hover::-moz-placeholder { color: #141414; } .g-newsletterCta__input:hover:-ms-input-placeholder { color: #141414; } .g-newsletterCta__input:focus { border-color: black; } .g-newsletterCta__input:focus::-webkit-input-placeholder { color: #484848; } .g-newsletterCta__input:focus:-moz-placeholder { color: #484848; } .g-newsletterCta__input:focus::-moz-placeholder { color: #484848; } .g-newsletterCta__input:focus:-ms-input-placeholder { color: #484848; } .pageClass--grants .g-newsletterCta__input, .g-newsletterCta--dark .g-newsletterCta__input { color: #fff; border-color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input::-webkit-input-placeholder, .g-newsletterCta--dark .g-newsletterCta__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input:-moz-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:-moz-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input::-moz-placeholder, .g-newsletterCta--dark .g-newsletterCta__input::-moz-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input:-ms-input-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input:hover::-webkit-input-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:hover::-webkit-input-placeholder { color: #fff; } .pageClass--grants .g-newsletterCta__input:hover:-moz-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:hover:-moz-placeholder { color: #fff; } .pageClass--grants .g-newsletterCta__input:hover::-moz-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:hover::-moz-placeholder { color: #fff; } .pageClass--grants .g-newsletterCta__input:hover:-ms-input-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:hover:-ms-input-placeholder { color: #fff; } .pageClass--grants .g-newsletterCta__input:focus, .g-newsletterCta--dark .g-newsletterCta__input:focus { border-color: #fff; } .pageClass--grants .g-newsletterCta__input:focus::-webkit-input-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input:focus:-moz-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:focus:-moz-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input:focus::-moz-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:focus::-moz-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input:focus:-ms-input-placeholder, .g-newsletterCta--dark .g-newsletterCta__input:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.85); } .pageClass--grants .g-newsletterCta__input::-webkit-input-placeholder { color: #fff; } .pageClass--grants .g-newsletterCta__input:-moz-placeholder { color: #fff; } .pageClass--grants .g-newsletterCta__input::-moz-placeholder { color: #fff; } .pageClass--grants .g-newsletterCta__input:-ms-input-placeholder { color: #fff; } .g-newsletterCta__input:-webkit-autofill, .g-newsletterCta__input:-webkit-autofill:hover, .g-newsletterCta__input:-webkit-autofill:focus { -webkit-text-fill-color: #141414 !important; -webkit-box-shadow: 0 0 0px 1000px #04b881 inset !important; box-shadow: 0 0 0px 1000px #04b881 inset !important; } .pageClass--editorial .g-newsletterCta__input:-webkit-autofill, .pageClass--editorial .g-newsletterCta__input:-webkit-autofill:hover, .pageClass--editorial .g-newsletterCta__input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #dfaa05 inset !important; box-shadow: 0 0 0px 1000px #dfaa05 inset !important; } .pageClass--grants .g-newsletterCta__input:-webkit-autofill, .pageClass--grants .g-newsletterCta__input:-webkit-autofill:hover, .pageClass--grants .g-newsletterCta__input:-webkit-autofill:focus { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0px 1000px #3a57de inset !important; box-shadow: 0 0 0px 1000px #3a57de inset !important; } .g-newsletterCta__msg { display: block; } .g-newsletterCta__submit { position: absolute; top: 2px; right: 0; margin: 0; padding: 0; color: #141414; background-color: transparent; border: 0; border-radius: 0; opacity: 0; cursor: pointer; transition: opacity 0.16s cubic-bezier(0.545, 0.03, 0.395, 0.965); } .g-newsletterCta__submit.is-visible { opacity: 1; } .pageClass--grants .g-newsletterCta__submit { color: #fff; } @media screen and (min-width: 650px) { .g-newsletterCta__submit { top: 1px; } } .g-newsletterCta__button.btn, .g-newsletterCta__button.a-eventsFeatured__cta, .g-newsletterCta__button.m-staff__more, .g-newsletterCta__button.m-eventsCards__cta, .g-newsletterCta__button.m-form__fileBtn, .g-newsletterCta__button.m-form__submit { margin-bottom: 30px; margin-top: 0; background-color: #fff; border-color: #fff; color: #141414; } .g-newsletterCta__button.btn:hover, .g-newsletterCta__button.a-eventsFeatured__cta:hover, .g-newsletterCta__button.m-staff__more:hover, .g-newsletterCta__button.m-eventsCards__cta:hover, .g-newsletterCta__button.m-form__fileBtn:hover, .g-newsletterCta__button.m-form__submit:hover { background-color: #040404; border-color: #040404; color: #fff; } @media screen and (min-width: 650px) { .g-newsletterCta__button.btn, .g-newsletterCta__button.a-eventsFeatured__cta, .g-newsletterCta__button.m-staff__more, .g-newsletterCta__button.m-eventsCards__cta, .g-newsletterCta__button.m-form__fileBtn, .g-newsletterCta__button.m-form__submit { margin-bottom: 0; } } .s-modal-open { overflow: hidden; } .s-modal-open body { overflow: hidden; } @media screen and (max-width: 649px) { .s-modal-open--mobile { overflow: hidden; } .s-modal-open--mobile body { overflow: hidden; } } .s-nav-open { overflow: hidden; } .s-nav-open body { overflow: hidden; } @media print { @page { margin: 40pt; } body, html { max-width: 100% !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; left: auto !important; right: auto !important; overflow: auto !important; } figure, img { page-break-inside: avoid; max-width: 100% !important; } body, .o-contrastContainer, .a-link--readmore { background: none !important; color: #000 !important; } a[href]::after { content: "<" attr(href) "> "; } ul:not(.no-list) li::before, ol li::before { content: none; } ul:not(.no-list), ol:not(.no-list) { margin-left: 30px; } ul:not(.no-list) { list-style: disc; } ol:not(.no-list) { list-style: decimal; } .row, .a-eventsFeatured--no-img .a-eventsFeatured__inner, .m-list { margin: 0 !important; width: 100%; } .print-hide, .m-map, .design-grid-toggles, .pageLoader, .g-header, .g-footer, .g-newsletterCta, .m-mediaCarousel__controls, .m-orgInfoGraph, .m-hero__image, .m-filtersActiveBar, .m-iconButtons, .m-tabBar, .a-audioEmbed, .m-audioBlock, .m-articleMetaBar__share, .m-episodeBar__spacer, .a-scrollArrow { display: none; } .o-editorialArticle { display: block !important; } .o-contentBlocks__body, .o-contentLayout__body { width: 100%; margin: 0; } .m-pageIntro__body, .m-pageIntro__intro { width: 100%; } .a-factSlider { width: 100%; margin-right: 0; border: 0; page-break-inside: avoid; } .a-factSlider__body { padding-top: 0; border: 0; } .a-factSlider:last-child { border: 0; } .a-tab { position: relative; visibility: visible; display: block; opacity: 1; z-index: 2; top: auto; left: auto; } .m-regionGraph__graph { padding-top: 0; } .m-regionGraph__yScale { display: none; } .m-regionGraph__xScale { position: relative; left: auto; bottom: auto; width: 50px; height: auto; display: inline-block; } .m-regionGraph__xScale__unit { left: auto !important; width: auto !important; position: relative; height: auto; border: 0; top: auto; display: inline-block; color: #000; } .m-regionGraph__xScale__unit span { position: relative; top: auto; left: auto; } .m-regionGraph__values { position: relative; left: auto; top: auto; width: 200px; height: auto; display: inline-block; vertical-align: top; } .m-regionGraph__value { display: none; } .m-regionGraph__value__block { display: none; } .m-regionGraph__info { left: auto !important; width: auto !important; top: auto !important; height: auto !important; padding-left: 10px !important; padding-top: 2px; padding-bottom: 8px; position: relative; transform: none; opacity: 1 !important; } .m-regionGraph__info span { width: auto; opacity: 1 !important; } .m-regionGraph__info span::before { content: ' - '; } .a-media, .m-revealImage__figure { width: 50% !important; } .a-media img, .a-media .a-media__container, .m-revealImage__figure img { max-width: 100% !important; } .o-editorialArticle .a-media--rightCaption { display: block; } .m-mediaCarousel { padding: 0; width: 100%; } .m-mediaCarousel__slider { transform: none !important; position: relative; width: 100%; height: auto; top: auto; } .m-mediaCarousel__item { width: 48%; max-width: 100%; margin-bottom: 30px; padding-left: 10px; padding-right: 10px; vertical-align: top; } .m-mediaCarousel__item[data-a17slider-dupe] { display: none; } .m-mediaCarousel__item .a-media, .m-mediaCarousel__item .a-media img { height: auto !important; width: auto !important; object-fit: none; } .m-mediaCarousel__caption { position: relative; opacity: 1; bottom: auto; transform: none; } .a-explainer__image, .a-timelinePreview__image, .a-articleLink__image { display: none; } .a-explainer, .a-timelinePreview, .a-articleLink .row, .a-articleLink .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .a-articleLink .a-eventsFeatured__inner, .a-articleLink .m-list { display: block; page-break-inside: avoid; } .a-explainer::after, .a-timelinePreview::after, .a-articleLink::after { display: inline-block; width: 100%; margin-top: 5px; } .a-articleLink__meta { margin-top: 0; } .a-media[data-videoid]::after { content: "Video url: https://www.youtube.com/watch?v=" attr(data-videoid); display: inline-block; width: 100%; margin-top: 5px; } .m-doubleMedia .a-media { display: inline-block; width: 48%; } .m-cardsList--mainLeadership .m-cardsList__item, .m-cardsList--leadership .m-cardsList__item, .m-cardsList__list--staff .m-cardsList__item { width: 25%; display: inline-block; } .m-cardsList__list--staff { display: block; } .m-cardsList__list--staff .m-cardsList__item { width: 20%; } .m-staff__single .row, .m-staff__single .a-eventsFeatured--no-img .a-eventsFeatured__inner, .a-eventsFeatured--no-img .m-staff__single .a-eventsFeatured__inner, .m-staff__single .m-list { display: block; page-break-inside: avoid; } .m-staff__cell--picture { position: relative; top: auto; right: auto; margin: 20px 0; } .m-infos__list { display: block; } .m-topicsList__topics { text-align: left; } .m-topicsList__item { display: block; margin-top: 10px; } .a-articleLink--featured, .m-articleMetaBar__slug, .o-voiceInDepth, .o-voiceInDepth__top, .o-editorialArticle__episodeSubtitle, .o-voiceInDepth .m-articleMetaBar__body, .o-voiceInDepth .a-caption { background: none !important; color: #000 !important; } .m-articleMetaBar { display: block; width: 100%; } .m-articleMetaBar__body { margin-top: 10px; } .a-articleAuthor__img { position: relative; top: auto; margin-top: 13px; margin-right: 15px; } .m-revealImage { padding-top: 0; } .m-revealImage__figure { position: relative !important; height: auto; width: 100%; bottom: auto; left: auto; overflow: visible; margin: 0; } .m-revealImage__img { position: relative; left: auto; top: auto; width: 100%; min-height: 0; object-fit: none; transform: none; } .m-textBlock--mediaOverlay { display: block; } } /*# sourceMappingURL=app.css.map */