/* Minification failed. Returning unminified contents. (9,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-icon-content' (13,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-icon-content' (16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ .icon-font-family { font-family: 'Font Awesome 6 Pro'; } .brands-font-family { font-family: 'Font Awesome 6 Brands'; } [class*="fa-icon"]:not(.fa-icon--after)::before { font-family: 'Font Awesome 6 Pro'; content: var(--fa-icon-content); } [class*="fa-icon"].fa-icon--after::after { font-family: 'Font Awesome 6 Pro'; content: var(--fa-icon-content); } .fa-icon-arrow-down { --fa-icon-content: "\f063"; } .fa-icon-arrow-up { --fa-icon-content: "\f062"; } .fa-icon-check { --fa-icon-content: "\f00c"; } .fa-icon-chevron-up { --fa-icon-content: "\f077"; } .fa-icon-chevron-down { --fa-icon-content: "\f078"; } .fa-icon-chevron-right { --fa-icon-content: "\f054"; } .fa-icon-chevron-left { --fa-icon-content: "\f053"; } .fa-icon-circle-exclamation { --fa-icon-content: "\f06a"; } .fa-icon-circle-play { --fa-icon-content: "\f144"; } .fa-icon-circle-plus { --fa-icon-content: "\f055"; } .fa-icon-circle-minus { --fa-icon-content: "\f056"; } .fa-icon-circle-check { --fa-icon-content: "\f058"; } .fa-icon-circle-chevron-left { --fa-icon-content: "\f137"; } .fa-icon-circle-chevron-right { --fa-icon-content: "\f138"; } .fa-icon-circle-info { --fa-icon-content: "\f05a"; } .fa-icon-envelope { --fa-icon-content: "\f0e0"; } .fa-icon-magnifying-glass { --fa-icon-content: "\f002"; } .fa-icon-print { --fa-icon-content: "\f02f"; } .fa-icon-square { --fa-icon-content: "\f45c"; } .fa-icon-square-check { --fa-icon-content: "\f14a"; } .fa-icon-square-minus { --fa-icon-content: "\f146"; } .fa-icon-square-plus { --fa-icon-content: "\f0fe"; } .fa-icon-arrow-down { --fa-icon-content: "\f063"; } .fa-icon-arrow-up { --fa-icon-content: "\f062"; } .fa-icon-check { --fa-icon-content: "\f00c"; } .fa-icon-chevron-up { --fa-icon-content: "\f077"; } .fa-icon-youtube { --fa-icon-content: "\f167"; } .fa-gallup-logo::before { font-family: "Font Awesome Kit"; content: "\e001"; } .o-article { width: inherit; max-width: 1232px; margin: 0 auto; } .o-article .o-article__inner { color: #000; background-color: #fff ; padding: 60px 20px; } .o-article .header-article, .o-article .article-content, .o-article .section-rel--mcb, .o-article .section-rel--methodology, .o-article .section-speedbump, .o-article .section-flex--topics { max-width: 700px; margin-right: auto; margin-left: auto; } .o-article .section-rel--sct, .o-article .section--subscribe { max-width: 960px; margin: 55px auto 0; } .o-article .section-rel--sct .c-quick-subscribe, .o-article .section--subscribe .c-quick-subscribe { max-width: 700px; margin: 0 auto; padding: 40px; } .o-article .section-rel--sct .c-tile, .o-article .section--subscribe .c-tile { position: relative; } .o-article .heropanel { max-height: 168px; } .o-article .article-content { font-weight: 300; font-size: 18px; line-height: 1.6; } .o-article .article-content > p:first-child, .o-article .article-content > h2:first-child, .o-article .article-content > h3:first-child, .o-article .article-content > ul:first-child, .o-article .article-content > ol:first-child { margin-top: 40px; } .o-article .article-content .o-image--bleed { padding-bottom: 20px; } .o-article .article-content a[name], .o-article .article-content a[id] { color: inherit; } .o-article .article-content a[name] :hover, .o-article .article-content a[id] :hover, .o-article .article-content a[name] :focus, .o-article .article-content a[id] :focus { color: inherit; } .o-article h3 { font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; } .wf-active .o-article h3 { font-family: "sherborne-variable", Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; font-variation-settings: 'wght' 850, 'opsz' 42; } .wf-active .o-article h3 { font-variation-settings: 'wght' 850, 'opsz' 42; } .o-article table { background-color: #fff; } @media (max-width: 650px) { .o-article h1, .o-article h2, .o-article h3, .o-article__tagline { text-wrap: initial; } } @media (max-width: 960px) { .o-article { margin: 0 auto; } } .o-article .section-flex--meta { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 20px; line-height: 16px; } .wf-active .o-article .section-flex--meta { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .o-article .section-flex--meta time { color: #666; } .o-article .section-flex--meta .topic { margin-right: 10px; color: #00754a; } .o-article .section-flex--meta .updated { margin-left: 10px; padding-left: 10px; font-style: italic; border-left: 1px solid #929292; } @media (min-width: 650px) { .o-article .section-flex--meta { padding: 0 0 20px; } } .o-article time, .o-article .topic { line-height: 23px; } .o-article .header-article { padding-bottom: 40px; border-bottom: 1px solid #666; } .o-article__header-group h1 { font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; margin: 0; } .wf-active .o-article__header-group h1 { font-family: "sherborne-variable", Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; font-variation-settings: 'wght' 850, 'opsz' 42; } .wf-active .o-article__header-group h1 { font-variation-settings: 'wght' 850, 'opsz' 42; } .o-article__tagline { font-size: 27px; font-weight: 300; line-height: 1.7; } .o-article .authorDisplayLine1 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 20px; padding: 0; color: #1a1a1a; } .wf-active .o-article .authorDisplayLine1 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .o-article .authorDisplayLine1 a { font-weight: 700; border-width: 0; } .o-article .authorDisplayLine1 a:hover { border-width: 1px; } .o-article .authorDisplayLine2 { font-weight: 400; font-size: 14px; line-height: 1.7; font-style: italic; } .o-article .authorDisplayLine3 { margin: 40px 0 0; padding: 40px 0 0; color: #666; border-top: 1px solid #666; } .o-article .authorDisplayLine3 .shortbio { font-weight: 300; font-size: 20px; line-height: 1.7; margin: 15px 0; } .o-article .authorDisplayLine3 a { color: inherit; border-bottom: 1px solid #00754a; } .o-article .authorDisplayLine3 a:hover { color: inherit; text-decoration: none; background-color: #e4f2e1; } .o-article .authorDisplayLine3 a font { color: inherit !important; } .o-article .authorDisplayLine3 h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 5px; color: #000; } .wf-active .o-article .authorDisplayLine3 h2 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .o-article .o-article__inner .o-image--bleed { padding-top: 40px; } @media (min-width: 960px) { .o-article .o-article__inner .o-image--bleed { margin-right: -95px; margin-left: -95px; } } @media (min-width: 1280px) { .o-article .o-article__inner .o-image--bleed { margin-right: -110px; margin-left: -110px; } } .icon--document { padding: 0.125em 0; color: inherit; } .icon--document:hover, .icon--document:focus { text-decoration: none; border-bottom: 1px solid #00754a; } .icon--document span { padding-left: 10px; color: #00754a; font-weight: 300; font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif !important; } @media (min-width: 650px) { .section.calloutbox { display: -webkit-box; display: -ms-flexbox; display: flex; } } .image img, img { max-width: 100%; } .storyhighlight { margin-bottom: 40px; padding: 40px 0; border-bottom: 1px solid #666; } .storyhighlight ul { margin-bottom: 0; padding-left: 20px; } .storyhighlight li, .storyhighlight li em, .storyhighlight li i { color: #666; font-size: 16px; font-style: normal; } .storyhighlight h4 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 5px; color: #666; } .wf-active .storyhighlight h4 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .storyhighlight p { color: #666; font-size: 16px; } .storyhighlight p:last-child { margin-bottom: 0; } .c-pullquote { position: relative; display: table; margin: 40px auto; padding: 30px 0; } .c-pullquote::before { position: absolute; top: 0; left: 50%; width: 40px; height: 4px; background-color: #009d4e; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .c-pullquote p { margin: 0; text-align: center; font-size: 31px; font-weight: 300; line-height: 1.6; } .wf-active .c-pullquote p { font-family: "sherborne-variable", Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; font-variation-settings: 'wght' 400, 'opsz' 42; } .c-additional-steps { margin: 40px 0 60px; padding: 40px; background-color: #e0e0e0; } .c-additional-steps > p, .c-additional-steps > h3, .c-additional-steps > h2 { margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.6; } .wf-active .c-additional-steps > p, .wf-active .c-additional-steps > h3, .wf-active .c-additional-steps > h2 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-additional-steps > p strong, .c-additional-steps > h3 strong, .c-additional-steps > h2 strong { font-weight: 600; } .section-rel--mcb { padding: 40px 0 0; } .section-flex--topics { margin: 40px 0 0; padding: 40px 0 0; border-top: 1px solid #666; } .section-flex--topics > span { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .wf-active .section-flex--topics > span { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .section-flex--topics > span:not(:last-child)::after { content: ", "; } .section-flex--topics h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; display: inline-block; padding: 0.125em 0; } .wf-active .section-flex--topics h2 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .section-flex--topics a { padding: 0.125em 0; border-width: 0; } .section-flex--topics a:hover { text-decoration: none; border-bottom: 1px solid #00754a; } .section-flex--tiles { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 310px; margin: 0 auto; } @media (min-width: 960px) { .section-flex--tiles { width: 100%; max-width: 930px; } } @media (min-width: 1280px) { .section-flex--tiles { width: 100%; max-width: 1240px; } } .section-flex--tiles h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; width: 100%; padding: 30px 5px 10px; color: #fff; } .wf-active .section-flex--tiles h2 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .section-flex--tiles h2::before { display: block; width: 30px; height: 2px; margin-bottom: 15px; background-color: #009d4e; content: ""; } .section-flex--tiles .tile-inner { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .section-flex--tiles .section-tile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 310px; } .section-flex--tiles .cmstile { display: -webkit-box; display: -ms-flexbox; display: flex; } .section-flex--tiles .cmstile.tile-video, .section-flex--tiles .cmstile.tile-product { display: block; } .section-flex--tiles .cmstile .image { height: auto; max-height: none; } .sggt-image, .chart-container, .figure-table { padding-right: 20px; padding-left: 20px; } @media (min-width: 960px) { .sggt-image, .chart-container, .figure-table { margin-right: -95px; margin-left: -95px; padding-right: 40px; padding-left: 40px; } } @media (min-width: 1280px) { .sggt-image, .chart-container, .figure-table { margin-right: -110px; margin-left: -110px; } } .sggt-image { margin-top: 40px; margin-bottom: 40px; padding: 0; background-color: #ecf4de; } .sggt-image img, .sggt-image svg { max-width: 100%; } @media (min-width: 960px) { .sggt-image img, .sggt-image svg { display: block; margin-right: auto; margin-left: auto; padding: 0; } } @media (min-width: 960px) { .sggt-image .sggt-image { margin-right: 0; margin-left: 0; } } .chart-container { background-color: #e4f2e1; } .figure-table { background-color: #e4f2e1; } .figure-table figcaption div { max-width: 680px !important; } .section-rel--methodology .figure-table, .surveymethods .figure-table { margin-right: 0 !important; margin-left: 0 !important; } .header-article .sggt-image, .header-article .sggt-image img, .header-article .sggt-image svg { margin-right: 0; margin-left: 0; } .header-article .sggt-image img, .header-article .sggt-image svg { max-width: 300px; height: auto; } .figure-table { margin-top: 40px; margin-bottom: 40px; padding-top: 20px; padding-bottom: 20px; color: #404040; text-align: left; background-color: #e4f2e1; } .figure-table + .figure-table { padding-top: 0; } .figure-table figcaption div { max-width: 530px; margin: 0; padding: 0 0 15px 0; font-weight: 300; font-size: 16px; line-height: 20px; } .figure-table figcaption div + div { color: #666; font-size: 14px; line-height: 1.25; } .figure-table .table-overflow { overflow-x: auto; } .figure-table table { width: 100%; background-color: #e4f2e1; } .figure-table table:not(.no-fixed) { table-layout: fixed; } .figure-table table:not(.nostripe) tbody tr:nth-child(2n) { background-color: transparent; } .figure-table td, .figure-table th { padding: 3px 0; font-weight: 300; font-size: 14px; line-height: 22px; border-bottom: 0; } .figure-table td { vertical-align: top; } .figure-table th { vertical-align: bottom; } .figure-table .col-unit { display: block; font-weight: 400; } .figure-table thead th, .figure-table tbody td { text-align: center; } .figure-table .col-text, .figure-table .mobile .col-text { text-align: left; } .figure-table .mobile tbody tr { border-top: 2px solid #fff; } .figure-table .mobile tbody.row-group tr { border-top: 0; } .figure-table .row-group { border-top: 2px solid #fff; } .figure-table .row-group tr td, .figure-table .row-group tr th { padding-top: 0; padding-bottom: 0; } .figure-table .row-group tr:first-child td, .figure-table .row-group tr:first-child th { padding-top: 3px; } .figure-table .row-group tr:last-child td, .figure-table .row-group tr:last-child th { padding-bottom: 3px; } .figure-table td + td, .figure-table td + th, .figure-table th + td, .figure-table th + th { padding-left: 10px; } .figure-table tfoot td { padding: 20px 0; font-weight: 400; } .figure-table tfoot tr + tr td { padding-top: 0; } .figure-table .note, .figure-table .source { color: #666; font-size: 11px; line-height: 16px; } .figure-table .source { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .wf-active .figure-table .source { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .figure-table thead th, .figure-table .row-group tr:first-child th[scope="rowgroup"] { font-weight: 700; } .figure-table tbody th { text-align: left; } @media (min-width: 650px) { .figure-table .narrow tbody tr::after, .figure-table .narrow thead tr::after { display: table-cell; width: 50%; content: " "; } .figure-table .ws-nowrap, .figure-table .narrow thead th, .figure-table .narrow tbody th { white-space: nowrap; } } .article--snippet { font-weight: 400; font-size: 14px; line-height: 1.7; margin: 20px 0; padding: 20px 20px; background-color: #f1f1f1; } @media (min-width: 650px) { .article--snippet { padding: 20px 40px; } .article--snippet img { max-width: 100px; } } .c-speedbump { margin: 30px 0; padding: 30px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } .c-speedbump__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-speedbump__link:hover, .c-speedbump__link:focus { text-decoration: none; } .c-speedbump__link:hover .c-speedbump__title-text, .c-speedbump__link:focus .c-speedbump__title-text { border-color: #009d4e; } .c-speedbump__image { max-width: 230px; margin-right: 25px; } .c-speedbump__image img { width: auto; height: auto; max-height: 190px; } .c-speedbump__main { width: 100%; color: #2b2b2b; } .c-speedbump__title { margin-bottom: 2px; font-weight: 400; font-size: 16px; line-height: 1.5; } .c-speedbump__title-text { border-bottom: 1px solid transparent; } .c-speedbump__short-desc { margin-bottom: 7px; font-weight: 400; font-size: 14px; line-height: 1.7; } @media (min-width: 960px) { .c-speedbump--left, .c-speedbump--right { width: 230px; margin-top: 10px; margin-bottom: 10px; padding: 0; border: 0; } .c-speedbump--left .c-speedbump__link, .c-speedbump--right .c-speedbump__link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-speedbump--left .c-speedbump__image, .c-speedbump--right .c-speedbump__image { margin: 0 0 25px; } .c-speedbump--left { float: left; margin-right: 50px; margin-left: -55px; } .c-speedbump--right { float: right; margin-right: -50px; margin-left: 50px; } } @media (min-width: 1280px) { .c-speedbump--left { margin-left: -110px; } .c-speedbump--right { margin-right: -110px; } } .c-speedbump .meta { margin: 0 0 7px; padding: 0; line-height: 1; } .c-speedbump .meta .topic { font-weight: 600; } [data-speedbump-marker] { display: none; } [data-speedbump] { display: none; } .c-cookie--podcast { margin-bottom: 55px; } [data-embeddable-marker] { display: none; } [data-embeddable] { display: none; } .c-sidebar { margin: 30px 0; background-color: #e0e0e0; } @media (min-width: 960px) { .c-sidebar { margin: 0 -50px; } } @media (min-width: 1280px) { .c-sidebar { margin: 0 -110px; } } .c-sidebar__toggle .c-speedbump--right, .c-sidebar__toggle .c-speedbump--left { padding: 20px; color: #000; background-color: #e0e0e0; border-top: 5px solid #009d4e; } .c-sidebar__toggle .c-speedbump--right { margin-right: 0; } .c-sidebar__toggle .c-speedbump--left { margin-left: 0; } @media (min-width: 960px) { .c-sidebar__toggle.collapsed .c-speedbump--right, .c-sidebar__toggle.collapsed .c-speedbump--left { float: none; width: auto; margin: 40px 0 0; } } .c-sidebar__toggle.collapsed .c-sidebar__toggle-header:after { content: "\e023"; } .c-sidebar__toggle:not(.collapsed) + .collapse { display: none; } .c-sidebar__toggle:hover, .c-sidebar__toggle:focus { color: #000; text-decoration: none; } .c-sidebar__toggle-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; font-weight: 600; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .c-sidebar__toggle-header:after { content: "\e021"; } .c-sidebar__toggle-header::after { font-size: 20px; position: relative; display: inline-block; font-family: "gel-iconfont-v2"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; line-height: 1; } .c-sidebar__toggle-title { font-weight: 300; font-size: 20px; line-height: 1.7; } .c-sidebar .collapse { height: auto !important; } .c-sidebar__body { padding: 0 20px 20px; } @media (min-width: 960px) { .c-sidebar__body { margin-bottom: 40px; } } .c-sidebar__body p:first-child { margin-top: 0; } .c-sidebar__body p:last-child { margin-bottom: 0; } .c-progress-header { position: fixed; top: 50px; right: 0; left: 0; z-index: 100; display: none; width: 100%; height: auto; padding: 2px 0; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media (min-width: 960px) { .c-progress-header { padding: 15px 0 19px; background-color: #fff; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); } } .c-progress-header__inner { display: none; margin: 0 auto; padding: 0; } @media (min-width: 960px) { .c-progress-header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 940px; padding: 0 5px; } } @media (min-width: 1280px) { .c-progress-header__inner { max-width: 1250px; padding: 0 10px; } } .c-progress-header .topic { display: inline; color: #00754a; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .wf-active .c-progress-header .topic { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-progress-header .topic::after { content: ":"; } .c-progress-header span { color: #2b2b2b; font-weight: 400; font-size: 14px; line-height: 1.7; } .c-progress-header .section-flex--share { margin-bottom: 0; } .c-progress-header .c-progress-bar { width: 0; height: inherit; background-color: #009d4e; } .c-progress-header .c-progress-bar__wrapper { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 4px; overflow: hidden; } .surveymethods { margin-top: 40px; padding: 40px; background-color: #e0e0e0; } .surveymethods h5 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .wf-active .surveymethods h5 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .surveymethods p { font-weight: 400; font-size: 14px; line-height: 1.7; color: #404040; } .surveymethods p:last-child { margin-bottom: 0; } .surveymethods a:hover, .surveymethods a:focus { background-color: #fff !important; } .section-main-bottom .surveymethods h2, .section-rel--mcb .surveymethods h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 40px; } .wf-active .section-main-bottom .surveymethods h2, .wf-active .section-rel--mcb .surveymethods h2 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .section-main-bottom .surveymethods .jump-link, .section-rel--mcb .surveymethods .jump-link { display: none; } .c-banner { z-index: 1100; display: none; opacity: 0; -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; } .c-banner--fixed-right, .c-banner--fixed-left { position: fixed; top: 50%; width: 300px; max-height: 84vh; padding: 0; overflow-y: auto; text-align: center; } @media (min-width: 650px) { .c-banner--fixed-right, .c-banner--fixed-left { top: auto; bottom: 8vh; } } .c-banner--fixed-right .container, .c-banner--fixed-left .container { width: 100%; padding: 40px; } .c-banner--fixed-right .c-banner__image, .c-banner--fixed-left .c-banner__image { display: block; float: none; margin: 0 0 10px; } .c-banner--fixed-right .c-banner__image img, .c-banner--fixed-left .c-banner__image img { max-width: 100%; height: auto; } .c-banner--fixed-right .c-banner__close-btn, .c-banner--fixed-left .c-banner__close-btn { position: absolute; top: 20px; right: 20px; float: none; } .c-banner--fixed-right .g-recaptcha, .c-banner--fixed-left .g-recaptcha { -webkit-transform: scale(0.77); -ms-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .c-banner--fixed-right { right: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } @media (min-width: 650px) { .c-banner--fixed-right { right: 0; -webkit-transform: translate(-25%, 0); -ms-transform: translate(-25%, 0); transform: translate(-25%, 0); } } .c-banner--fixed-bottom .c-banner__image { margin-top: -30px; } .c-banner--fixed-bottom .c-banner__image img { max-width: 100%; height: auto; } .c-banner--fixed-bottom .container { padding: 0 10px; } .c-banner--fixed-left { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (min-width: 650px) { .c-banner--fixed-left { left: 0; -webkit-transform: translate(25%, 0); -ms-transform: translate(25%, 0); transform: translate(25%, 0); } } .c-banner__text { font-size: 14px; } .l-article--press .contact-details--header { margin-top: 60px; } .l-article--press .contact-details-text--bold { margin-top: 15px !important; font-weight: 600; } .l-article--press .contact-details > p { margin: 0; } .l-article--press .section--callout { display: none; } .c-exit-modal { position: fixed; top: 20%; left: calc(50% - 200px); z-index: 1501; display: none; max-width: 400px; height: auto; padding: 60px; color: #000; text-align: center; background-color: #fff; -webkit-transition: opacity 0.3s ease-in 0s; transition: opacity 0.3s ease-in 0s; } .c-exit-modal .c-banner__close-btn { position: absolute; top: 35px; right: 35px; } .c-exit-modal__header { font-weight: 600; } .c-exit-modal__input-grp { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-exit-modal__input-grp .btn { margin-left: 10px; } .c-exit-modal__input { max-width: 200px; padding: 0 5px; color: #000; font-size: 14px; background-color: #f1f1f1; border: 0; border-radius: 3px; } .c-exit-modal__input:focus { outline: none; -webkit-box-shadow: inset 0 0 0 1px #00754a; box-shadow: inset 0 0 0 1px #00754a; } .c-exit-modal__backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1500; display: none; background-color: #1a1a1a; opacity: 0.7; } .c-datawrapper.chart-container { margin-top: 40px; margin-bottom: 40px; background-color: #e4f2e1; } .c-datawrapper iframe { width: 100%; } .c-datawrapper--white .chart-container { background-color: #fff; } .card--datawrapper .collapse { display: block; } .card--datawrapper .collapse:not(.in) { position: absolute; z-index: -1; width: 100%; height: 0; opacity: 0; } .card--datawrapper .cardsrvc-content { position: relative; } .c-item--card .c-datawrapper { max-width: 960px; margin-right: auto; margin-left: auto; } .c-carousel-datawrapper { width: 100%; } .c-interactive .c-methodology, .section-rel--methodology .c-methodology { margin: 40px 0 0; } .article--cards .rel--methodology { max-width: 700px; margin: 40px 20px; padding: 0; background-color: #fff; } @media (min-width: 650px) { .article--cards .rel--methodology { margin: 40px auto; padding: 0 20px; } } .c-interactive .c-methodology, .article--cards .c-methodology, .section-rel--methodology .c-methodology { border: 1px solid #bbb; } .c-interactive .c-methodology__collapse-toggle, .article--cards .c-methodology__collapse-toggle, .section-rel--methodology .c-methodology__collapse-toggle { display: block; } .c-interactive .c-methodology__collapse-toggle:hover, .article--cards .c-methodology__collapse-toggle:hover, .section-rel--methodology .c-methodology__collapse-toggle:hover, .c-interactive .c-methodology__collapse-toggle:focus, .article--cards .c-methodology__collapse-toggle:focus, .section-rel--methodology .c-methodology__collapse-toggle:focus { text-decoration: none; outline: 2px solid #000; outline-offset: -2px; } .c-interactive .c-methodology__collapse-toggle.collapsed .c-methodology__title h2::after, .article--cards .c-methodology__collapse-toggle.collapsed .c-methodology__title h2::after, .section-rel--methodology .c-methodology__collapse-toggle.collapsed .c-methodology__title h2::after { font-family: 'Font Awesome 6 Pro'; content: "\f056"; } .c-interactive .c-methodology__title, .article--cards .c-methodology__title, .section-rel--methodology .c-methodology__title { padding: 30px; background-color: #fff; } .c-interactive .c-methodology__title h2, .article--cards .c-methodology__title h2, .section-rel--methodology .c-methodology__title h2, .c-interactive .c-methodology__title h3, .article--cards .c-methodology__title h3, .section-rel--methodology .c-methodology__title h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 11px; color: #000; font-weight: 400 !important; font-size: 11px !important; font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .wf-active .c-interactive .c-methodology__title h2, .wf-active .article--cards .c-methodology__title h2, .wf-active .section-rel--methodology .c-methodology__title h2, .wf-active .c-interactive .c-methodology__title h3, .wf-active .article--cards .c-methodology__title h3, .wf-active .section-rel--methodology .c-methodology__title h3 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-interactive .c-methodology__title h2::after, .article--cards .c-methodology__title h2::after, .section-rel--methodology .c-methodology__title h2::after, .c-interactive .c-methodology__title h3::after, .article--cards .c-methodology__title h3::after, .section-rel--methodology .c-methodology__title h3::after { font-family: 'Font Awesome 6 Pro'; content: "\f055"; } .c-interactive .c-methodology__title h2::after, .article--cards .c-methodology__title h2::after, .section-rel--methodology .c-methodology__title h2::after, .c-interactive .c-methodology__title h3::after, .article--cards .c-methodology__title h3::after, .section-rel--methodology .c-methodology__title h3::after { font-size: 20px; } .c-interactive .c-methodology__body, .article--cards .c-methodology__body, .section-rel--methodology .c-methodology__body { -webkit-transition: height 0.2s ease-in; transition: height 0.2s ease-in; } .c-interactive .c-methodology__body-text, .article--cards .c-methodology__body-text, .section-rel--methodology .c-methodology__body-text { margin-bottom: 1px; padding: 30px; color: #404040; background-color: #fff; } .c-interactive .c-methodology__body-text > p, .article--cards .c-methodology__body-text > p, .section-rel--methodology .c-methodology__body-text > p { font-weight: 400; font-size: 16px; } .c-interactive .c-methodology__body-text > p:first-child, .article--cards .c-methodology__body-text > p:first-child, .section-rel--methodology .c-methodology__body-text > p:first-child { margin-top: 0; } .c-interactive .c-methodology__body-text > p:last-child, .article--cards .c-methodology__body-text > p:last-child, .section-rel--methodology .c-methodology__body-text > p:last-child { margin-bottom: 0; } .o-article ~ .o-article ~ .section-flex--tiles, .o-article ~ .o-article .section-rel--sct, .o-article ~ .o-article .section--callout { display: none; } @media (prefers-reduced-motion: no-preference) and (min-width: 960px) { [class*="c-fade-anim"] { opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [class*="c-fade-anim"].in { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } [class*="c-fade-anim"].in .u-accent--bg-bar::after { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .c-fade-anim--up { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; } .c-fade-anim--left { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; } .c-fade-anim--right { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; } .u-accent--bg-bar::after { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); opacity: 0; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } } @media (prefers-reduced-motion: no-preference) and (min-width: 960px) { .animate-on-hover--up-5, .animate-on-hover--up-10 { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform 250ms; transition: -webkit-transform 250ms; transition: transform 250ms; transition: transform 250ms, -webkit-transform 250ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .animate-on-hover--up-5:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .animate-on-hover--up-10:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .animate-on-hover--fade-in .fade-in-target { opacity: 0; -webkit-transition: opacity 250ms; transition: opacity 250ms; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .animate-on-hover--fade-in:hover .fade-in-target { opacity: 1; } } .section--interactive-tiles { padding: 30px; background-color: #2b2b2b; } @media (min-width: 650px) { .section--interactive-tiles { padding: 40px; } } @media (min-width: 960px) { .section--interactive-tiles { padding: 60px; } } @media (min-width: 1280px) { .section--interactive-tiles { padding: 80px 155px; } } .section--interactive-tiles h2 { font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 5px 10px; color: #fff; } .wf-active .section--interactive-tiles h2 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .section--interactive-tiles h2::before { display: block; width: 30px; height: 2px; margin-bottom: 15px; background-color: #009d4e; content: ""; } .article--related-news { margin: 0 -5px; padding-top: 5px; background-color: transparent; } @media (min-width: 480px) { .article--related-news { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .article--related-news .tile-news .tile-inner { -webkit-box-flex: 1; -ms-flex: 1 0%; flex: 1 0%; margin: -1px 0 0; padding-right: 10px; background-color: transparent; border-top: 1px solid #929292; border-bottom: 1px solid #929292; } .article--related-news .cmstile { width: 100%; min-width: 260px; padding: 0 5px; } @media (min-width: 650px) { .article--related-news .cmstile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; width: auto; } } @media (min-width: 850px) { .article--related-news .cmstile { max-width: 33.3333%; } } .article--related-news .cmstile .meta, .article--related-news .cmstile .copy { padding-right: 0; padding-left: 0; } .sa-flexchart .article-default .article-content { border-top: 0; } .sa-flexchart .o-article .article-header-group h2 { margin: 40px 0 -35px; font-size: 14px; line-height: 1.5; } .sa-flexchart .figure-table { display: none; } .nojs .sa-flexchart .figure-table { display: block; } .nojs .sa-flexchart #dynamicdata { display: none; } .sa-flexchart .time-period-selector { margin: 0; padding: 10px 0; list-style: none; } .sa-flexchart .time-period-selector::before, .sa-flexchart .time-period-selector::after { display: table; content: " "; } .sa-flexchart .time-period-selector::after { clear: both; } .sa-flexchart .time-period-selector button { float: left; padding: 0; color: #999; background: none; border: 0; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .wf-active .sa-flexchart .time-period-selector button { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .sa-flexchart .time-period-selector button.active { color: #000; } .sa-flexchart .time-period-selector li:not(:last-child) button { margin-right: 10px; } .sa-flexchart .time-period-selector li:not(:last-child) button::after { margin-left: 10px; color: #999; content: "/"; } .export { margin: 20px 0; } [bginactive] { max-width: 546px; } #asDSMChart { max-width: 546px !important; max-height: 100% !important; } #dynamicdata { clear: both; } .flex-alias h2 { padding-top: 10px; font-size: 14px; line-height: 1.5; } .flex-alias p { margin: 0; color: inherit; font-size: inherit; line-height: inherit; } .nojs .export.nav, .modno-flash .export.nav { float: none !important; } .export.nav a { white-space: normal; } .export.nav a.gel-btn-action { padding-top: 10px; padding-bottom: 10px; background-color: transparent; font-weight: 400; font-size: 11px; line-height: 1.5; } .export.nav a.gel-btn-action:hover, .export.nav a.gel-btn-action:focus, .export.nav a.gel-btn-action:active { text-decoration: none; background-color: transparent; } .flex-nosub .export.nav { display: none !important; } .section-flex--card { padding: 28px 6.66666667%; font-size: 18px; line-height: 2.5; } @media (min-width: 650px) { .section-flex--card { padding-right: 12.98701299%; padding-left: 12.98701299%; } } .section-flex--dark { color: #e0e0e0; background-color: #2b2b2b; } @media print { .article-default { max-width: none; } .article-header-group { padding: 0; } .article-header-group h1 { margin-bottom: 0; } } /*# sourceMappingURL=template-article.css.map */