/* 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 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-family: "sherborne-variable", Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
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;
}
.article-content h2,
.article-content .h2 {
font-weight: 300;
font-size: 27px;
line-height: 1.2;
}
@media (min-width: 650px) {
.article-content h2,
.article-content .h2 {
font-weight: 300;
font-size: 31px;
line-height: 1.2;
}
}
@media (min-width: 960px) {
.article-content h2,
.article-content .h2 {
font-weight: 300;
font-size: 39px;
line-height: 1.1;
}
}
.article-content h3,
.article-content .h3 {
font-weight: 300;
font-size: 24px;
line-height: 1.2;
}
@media (min-width: 650px) {
.article-content h3,
.article-content .h3 {
font-weight: 300;
font-size: 27px;
line-height: 1.2;
}
}
@media (min-width: 960px) {
.article-content h3,
.article-content .h3 {
font-weight: 300;
font-size: 31px;
line-height: 1.2;
}
}
.article-content h4,
.article-content .h4 {
font-weight: 300;
font-size: 20px;
line-height: 1.3;
}
@media (min-width: 650px) {
.article-content h4,
.article-content .h4 {
font-weight: 300;
font-size: 24px;
line-height: 1.2;
}
}
@media (min-width: 960px) {
.article-content h4,
.article-content .h4 {
font-weight: 300;
font-size: 27px;
line-height: 1.2;
}
}
.article-content h5,
.article-content .h5 {
font-weight: 300;
font-size: 18px;
line-height: 1.3;
}
@media (min-width: 650px) {
.article-content h5,
.article-content .h5 {
font-weight: 300;
font-size: 20px;
line-height: 1.3;
}
}
@media (min-width: 960px) {
.article-content h5,
.article-content .h5 {
font-weight: 300;
font-size: 24px;
line-height: 1.2;
}
}
.article-content h6,
.article-content .h6 {
font-weight: 300;
font-size: 18px;
line-height: 1.3;
}
@media (min-width: 650px) {
.article-content h6,
.article-content .h6 {
font-weight: 300;
font-size: 18px;
line-height: 1.3;
}
}
@media (min-width: 960px) {
.article-content h6,
.article-content .h6 {
font-weight: 300;
font-size: 20px;
line-height: 1.3;
}
}
.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-weight: 300;
font-size: 20px;
line-height: 1.6;
}
@media (min-width: 650px) {
.c-pullquote p {
font-weight: 300;
font-size: 24px;
line-height: 1.6;
}
}
@media (min-width: 960px) {
.c-pullquote p {
font-weight: 300;
font-size: 27px;
line-height: 1.6;
}
}
.o-article .article-content .c-additional-steps,
.c-additional-steps {
margin: 40px 0 60px;
padding: 40px;
background-color: #e0e0e0;
}
.o-article .article-content .c-additional-steps > p,
.c-additional-steps > p,
.o-article .article-content .c-additional-steps > h3,
.c-additional-steps > h3,
.o-article .article-content .c-additional-steps > h2,
.c-additional-steps > h2 {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.6;
}
.wf-active .o-article .article-content .c-additional-steps > p,
.wf-active .c-additional-steps > p,
.wf-active .o-article .article-content .c-additional-steps > h3,
.wf-active .c-additional-steps > h3,
.wf-active .o-article .article-content .c-additional-steps > h2,
.wf-active .c-additional-steps > h2 {
font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif;
}
.o-article .article-content .c-additional-steps > p strong,
.c-additional-steps > p strong,
.o-article .article-content .c-additional-steps > h3 strong,
.c-additional-steps > h3 strong,
.o-article .article-content .c-additional-steps > h2 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 {
margin-top: 40px;
margin-bottom: 40px;
padding: 0;
background-color: #fff;
}
.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;
}
}
.chart-container {
background-color: #f0f8f0;
}
.figure-table {
background-color: #f0f8f0;
}
.figure-table figcaption div {
max-width: 680px !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: 20px;
color: #404040;
text-align: left;
background-color: #f0f8f0;
}
.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: #f0f8f0;
}
.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;
}
.c-speedbump--right {
float: right;
margin-left: 50px;
}
}
.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: 48px;
}
[data-embeddable-marker] {
display: none;
}
[data-embeddable] {
display: none;
}
.c-sidebar {
margin: 30px 0;
background-color: #e0e0e0;
}
.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: #f0f8f0;
}
.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 */