/* Minification failed. Returning unminified contents. (8330,19): run-time error CSS1030: Expected identifier, found '.' (8330,38): run-time error CSS1031: Expected selector, found ')' (8330,38): run-time error CSS1025: Expected comma or open brace, found ')' */ .icon-font-family { font-family: 'Font Awesome 6 Pro'; } .brands-font-family { font-family: 'Font Awesome 6 Brands'; } .fa-icon-check::before { font-family: 'Font Awesome 6 Pro'; content: "\f00c"; } .fa-icon-circle-exclamation::before { font-family: 'Font Awesome 6 Pro'; content: "\f06a"; } .fa-circle-play::before { font-family: 'Font Awesome 6 Pro'; content: "\f144"; } .fa-icon-circle-plus::before { font-family: 'Font Awesome 6 Pro'; content: "\f055"; } .fa-icon-circle-minus::before { font-family: 'Font Awesome 6 Pro'; content: "\f056"; } .fa-icon-circle-check::before { font-family: 'Font Awesome 6 Pro'; content: "\f058"; } .fa-chevron-down::before { font-family: 'Font Awesome 6 Pro'; content: "\f078"; } .fa-chevron-up::before { font-family: 'Font Awesome 6 Pro'; content: "\f077"; } .fa-chevron-right::before { font-family: 'Font Awesome 6 Pro'; content: "\f054"; } .fa-chevron-left::before { font-family: 'Font Awesome 6 Pro'; content: "\f053"; } .fa-circle-chevron-left::before { font-family: 'Font Awesome 6 Pro'; content: "\f137"; } .fa-circle-chevron-right::before { font-family: 'Font Awesome 6 Pro'; content: "\f138"; } .fa-magnifying-glass::before { font-family: 'Font Awesome 6 Pro'; content: "\f002"; } .fa-icon-square::before { font-family: 'Font Awesome 6 Pro'; content: "\f45c"; } .fa-icon-square-check::before { font-family: 'Font Awesome 6 Pro'; content: "\f14a"; } .fa-icon-square-minus::before { font-family: 'Font Awesome 6 Pro'; content: "\f146"; } .fa-icon-square-plus::before { font-family: 'Font Awesome 6 Pro'; content: "\f0fe"; } .fa-icon-linkedin-in::before { font-family: 'Font Awesome 6 Brands'; content: "\f0e1"; } .fa-icon-x-twitter::before { font-family: 'Font Awesome 6 Brands'; content: "\e61b"; } .fa-icon-instagram::before { font-family: 'Font Awesome 6 Brands'; content: "\f16d"; } .fa-icon-facebook-f::before { font-family: 'Font Awesome 6 Brands'; content: "\f39e"; } .fa-icon-youtube::before { font-family: 'Font Awesome 6 Brands'; content: "\f167"; } .fa-icon-envelope::before { font-family: 'Font Awesome 6 Pro'; content: "\f0e0"; } .fa-icon-print::before { font-family: 'Font Awesome 6 Pro'; content: "\f02f"; } .fa-gallup-logo::before { font-family: "Font Awesome Kit"; content: "\e001"; } @media (min-width: 650px) { }@media (min-width: 650px) { }@media (min-width: 650px) { }@media (min-width: 650px) { }.header-card-title { margin: 0; font-weight: 700; font-size: 20px; line-height: 1.875; } @media (min-width: 650px) { .header-card-title { font-size: 31px; line-height: 1.93548387; } } .article-cards > .inner { margin: 5px; padding-bottom: 0; color: #2b2b2b; background-color: transparent; } .jump-link { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; padding: 20px 10px; text-align: center; } .wf-active .jump-link { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .jump-link a { color: #00754a; text-decoration: none; } .jump-link a:hover { color: #000; } .jump-link .caret { display: block; margin: 4px auto 0; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; } .card-landingpage table { margin-bottom: 20px; table-layout: fixed; border: 0; font-family: Arial, Helvetica, sans-serif; } .wf-active .card-landingpage table { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .card-landingpage table h3 { font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 0; font-size: 27px; } .wf-active .card-landingpage table h3 { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } .card-landingpage table p { font-weight: 300; font-size: 18px; line-height: 1.6; } .card-landingpage table p:first-of-type { margin-top: 0; } .card-landingpage table li { font-weight: 300; font-size: 18px; line-height: 1.6; } .card-landingpage table:not(.nostripe) tbody tr:nth-child(even) { background-color: transparent; } .sa-releasecard .article-cards { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 300; font-size: 18px; } .wf-active .sa-releasecard .article-cards { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } @media (min-width: 650px) { .sa-releasecard .article-cards { font-size: 20px; font-weight: 300; line-height: 1.7; } } @media (min-width: 960px) { .sa-releasecard .article-cards { font-size: 27px; font-weight: 300; line-height: 1.7; } } .card-sanserif .article-cards, .report-landingpage .article-cards, .sa-releasewithdoc .article-cards, .sa-releasewithdoc .article--cards, .sa-releasesrvc .article-cards, .sa-releasesrvc .article--cards, .cardsrvc-main { font-family: Arial, Helvetica, sans-serif; font-weight: 300; font-size: 18px; line-height: 1.6; } .wf-active .card-sanserif .article-cards, .wf-active .report-landingpage .article-cards, .wf-active .sa-releasewithdoc .article-cards, .wf-active .sa-releasewithdoc .article--cards, .wf-active .sa-releasesrvc .article-cards, .wf-active .sa-releasesrvc .article--cards, .wf-active .cardsrvc-main { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } @media (min-width: 960px) { .card-sanserif .article-cards .card-main, .report-landingpage .article-cards .card-main, .sa-releasewithdoc .article-cards .card-main, .sa-releasewithdoc .article--cards .card-main, .sa-releasesrvc .article-cards .card-main, .sa-releasesrvc .article--cards .card-main, .cardsrvc-main .card-main { font-size: 20px; font-weight: 300; line-height: 1.7; } } [class*="c-item--card"] { color: #fff; background-color: #404040 ; padding: 30px; } @media (min-width: 650px) { [class*="c-item--card"] { padding: 40px; } } @media (min-width: 960px) { [class*="c-item--card"] { padding: 60px; } } @media (min-width: 1270px) { [class*="c-item--card"] { padding: 80px 155px; } } [class*="c-item--card"] .c-item__inner { max-width: 920px; margin-inline: auto; } [class*="c-item--card"] h1, [class*="c-item--card"] .h1 { font-size: 31px; font-weight: 300; line-height: 1.6; font-family: Georgia, "Times New Roman", Times, serif; } .wf-active [class*="c-item--card"] h1, .wf-active [class*="c-item--card"] .h1 { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } @media (min-width: 650px) { [class*="c-item--card"] h1, [class*="c-item--card"] .h1 { font-size: 45px; font-weight: 300; line-height: 1.3; } } @media (min-width: 960px) { [class*="c-item--card"] h1, [class*="c-item--card"] .h1 { font-size: 52px; font-weight: 300; line-height: 1.3; } } [class*="c-item--card"] h2, [class*="c-item--card"] .h2 { font-size: 31px; font-weight: 300; line-height: 1.6; } [class*="c-item--card"] h2:not(.text--sanserif), [class*="c-item--card"] .h2:not(.text--sanserif) { font-family: Georgia, "Times New Roman", Times, serif; } .wf-active [class*="c-item--card"] h2:not(.text--sanserif), .wf-active [class*="c-item--card"] .h2:not(.text--sanserif) { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } @media (min-width: 960px) { [class*="c-item--card"] h2, [class*="c-item--card"] .h2 { font-weight: 300; font-size: 39px; line-height: 1.4; } } [class*="c-item--card"] h2:not([class]), [class*="c-item--card"] h3:not([class]) { max-width: 920px; } [class*="c-item--card"] p, [class*="c-item--card"] li { font-size: 18px; font-weight: 300; line-height: 1.6; } .card--inner-920 .c-item__inner { max-width: 920px !important; } .card--inner-960 .c-item__inner { max-width: 960px !important; } .card--inner-1230 .c-item__inner { max-width: 1230px; } .card--inner-shadow .c-item__inner { color: #000; background-color: #fff ; border: 1px solid #e0e0e0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); padding: 40px; border-bottom: 1px solid transparent; } .card--sanserif h2, .card--sanserif h3 { font-family: Arial, Helvetica, sans-serif !important; font-weight: 400; } .wf-active .card--sanserif h2, .wf-active .card--sanserif h3 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif !important; } .c-item__topic { color: #009d4e; } .c-item__topic, .c-item__date { text-transform: uppercase; letter-spacing: 0.1em; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; display: inline-block; margin-right: 5px; } .wf-active .c-item__topic, .wf-active .c-item__date { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-item--image { color: #fff; background-color: #2b2b2b; background-repeat: no-repeat; background-position: top center; background-size: cover; } .c-item--image a:not(.btn):hover, .c-item--image li a:not(.btn):hover, .c-item--image a:not(.btn):focus, .c-item--image li a:not(.btn):focus { background-color: #2b2b2b; border-bottom-color: #009d4e; } .card--gray-7 { color: #fff; background-color: #1a1a1a !important; } .card--gray-7-80 { color: #fff; background-color: rgba(26, 26, 26, 0.8) !important; } .card--gray-6 { color: #fff; background-color: #2b2b2b !important; } .card--gray-6-80 { color: #fff; background-color: rgba(43, 43, 43, 0.8) !important; } .card--gray-5 { color: #fff; background-color: #404040 !important; } .card--gray-5-80 { color: #fff; background-color: rgba(64, 64, 64, 0.8) !important; } .card--gray-4 { color: #fff; background-color: #666 !important; } .card--gray-4-80 { color: #fff; background-color: rgba(102, 102, 102, 0.8) !important; } .card--gray-3 { color: #000; background-color: #929292 !important; } .card--gray-3-80 { color: #000; background-color: rgba(146, 146, 146, 0.8) !important; } .card--gray-2 { color: #000; background-color: #bbb !important; } .card--gray-2-80 { color: #000; background-color: rgba(187, 187, 187, 0.8) !important; } .card--gray-1 { color: #000; background-color: #e0e0e0 !important; } .card--gray-1-80 { color: #000; background-color: rgba(224, 224, 224, 0.8) !important; } .card--gray-0 { color: #000; background-color: #f1f1f1 !important; } .card--gray-0-80 { color: #000; background-color: rgba(241, 241, 241, 0.8) !important; } .card--gel-green-1, .card--brand-light, .card--green { color: #000; background-color: #e4f2e1 !important; } .card--gel-green-1 p a:hover, .card--brand-light p a:hover, .card--green p a:hover { background-color: #fff !important; } .card--white { color: #000; background-color: #fff !important; } .card--white .c-item__topic { color: #00754a; } .card--white h3 a, .card--white h2 a { color: inherit; } .card--black { color: #fff; background-color: #000 !important; } .card--transp { color: #fff; background-color: transparent !important; } .card__inner { color: #000; background-color: #fff !important; } .card--margin-btmthick { padding-bottom: 310px !important; } .card--margin-btm0 { margin-bottom: -1px; padding-bottom: 1px !important; } .card--margin-btm1 { padding-bottom: 120px !important; } .card--margin-btm2 { padding-bottom: 160px !important; } .card--margin-btmthin { padding-bottom: 40px !important; } .card--margin-top0 { margin-top: -1px; padding-top: 1px !important; } .card--margin-top10 { padding-top: 10px !important; } .card--margin-no { padding-top: 1px !important; padding-bottom: 1px !important; } .card--margin-no-all { padding: 0 !important; } .card--margin-thin { padding-top: 40px !important; padding-bottom: 40px !important; } .card--margin-thin2 { padding-top: 40px !important; padding-bottom: 10px !important; } @media (min-width: 960px) { .card--margin-side-thin { padding-right: 20px; padding-left: 20px; } } .card--margin-side-30 { padding-right: 20px; padding-left: 20px; } @media (min-width: 960px) { .card--margin-side-30 { padding-right: 30px; padding-left: 30px; } } .card--gutter-top { margin-top: 20px; } .card--article-width .c-item__inner { max-width: 700px; margin-right: auto; margin-left: auto; } .card--constrained .c-item__inner { max-width: 770px !important; margin-right: auto; margin-left: auto; } .card--pull-up { margin-top: -280px; padding-top: 280px; } .card--pull-up-2 { margin-top: -200px; padding-top: 200px; } .card--pull-up-3 { margin-top: -400px; padding-top: 140px; } .card--pull-up-4 { margin-top: -160px; padding-top: 160px; } @media (max-width: 1270px) { .card--pull-up-4 { margin-top: -120px; padding-top: 120px; } } @media (max-width: 960px) { .card--pull-up-4 { margin-top: -85px; padding-top: 85px; } } .card--nextnav { min-height: 110px; max-height: 100%; padding: 0; background-color: #fff; } .card--nextnav a { float: right; width: 100%; padding-top: 20px; padding-right: 47px; text-align: right; border-right: #fff 3px solid; } .card--nextnav .inner.c-item__inner, .card--nextnav .content-card.c-item__content, .card--nextnav a { max-width: 1230px; height: 100%; min-height: 110px; } .card--nextnav a:hover { text-decoration: none; background-color: #f1f1f1; border-right: #009d4e 3px solid; } @media (min-width: 650px) { .card--nextnav a { width: 50%; } } @media (min-width: 1270px) { .card--nextnav { height: 160px; } .card--nextnav a { width: 50%; min-height: 160px; padding-top: 40px; } } .card--bleed-left { padding-right: 0; padding-left: 0; } .card--bleed-left .inner.c-item__inner { max-width: none; margin-left: 0; padding: 30px; color: #000; background-color: #e4f2e1; } @media (min-width: 650px) { .card--bleed-left .inner.c-item__inner { padding: 40px; } } @media (min-width: 960px) { .card--bleed-left { padding-right: 60px; } .card--bleed-left .inner.c-item__inner { width: calc(((100vw - 1000px) / 2) + 860px); padding: 60px; } } @media (min-width: 1270px) { .card--bleed-left { padding: 0; } .card--bleed-left .inner.c-item__inner { width: calc(((100vw - 1230px) / 2) + 1075px); padding: 80px 155px; } } @media (min-width: 960px) { .card--bleed-left .content-card.c-item__content { max-width: 765px; margin-left: auto; } } @media (min-width: 1270px) { .card--bleed-left .content-card.c-item__content { max-width: 765px; margin-left: auto; } } .card-content--constrained { max-width: 770px !important; } .card-content--constrained.text-center { margin-right: auto; margin-left: auto; } .card-content--constrained-610 { max-width: 610px; } .card-content--constrained-610.text-center { margin-right: auto; margin-left: auto; } .card-content--note p { font-size: 14px; font-weight: 400; line-height: 1.7; color: #666; } .c-topic, .card-content__topic { margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.1em; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 1; } .wf-active .c-topic, .wf-active .card-content__topic { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-topic--lined, .card-content__topic--lined { overflow: hidden; font-size: 11px; text-align: center; } .c-topic--lined > span, .card-content__topic--lined > span { position: relative; display: inline-block; } .c-topic--lined > span::before, .card-content__topic--lined > span::before, .c-topic--lined > span::after, .card-content__topic--lined > span::after { position: absolute; top: 50%; width: 460px; margin: 0 10px; border-bottom: 1px solid; content: ""; } .c-topic--lined > span::before, .card-content__topic--lined > span::before { right: 100%; } .c-topic--lined > span::after, .card-content__topic--lined > span::after { left: 100%; } .card--grad-gel-gray-7-gel-white { background: #1a1a1a; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1a1a1a), color-stop(50%, #fff)); background: linear-gradient(to bottom, #1a1a1a 50%, #fff 50%); } .card--grad-gel-gray-6-gel-white { background: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2b2b2b), color-stop(50%, #fff)); background: linear-gradient(to bottom, #2b2b2b 50%, #fff 50%); } .card--grad-gel-gray-6-gel-gray-0 { background: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2b2b2b), color-stop(50%, #f1f1f1)); background: linear-gradient(to bottom, #2b2b2b 50%, #f1f1f1 50%); } .card--grad-gel-gray-6-gel-gray-5 { background: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2b2b2b), color-stop(50%, #404040)); background: linear-gradient(to bottom, #2b2b2b 50%, #404040 50%); } .card--grad-gel-gray-5-gel-gray-1 { background: #404040; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #404040), color-stop(50%, #e0e0e0)); background: linear-gradient(to bottom, #404040 50%, #e0e0e0 50%); } .card--grad-gel-gray-5-gel-gray-6 { background: #404040; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #404040), color-stop(50%, #2b2b2b)); background: linear-gradient(to bottom, #404040 50%, #2b2b2b 50%); } .card--grad-gel-gray-5-gel-green-1 { background: #404040; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #404040), color-stop(50%, #e4f2e1)); background: linear-gradient(to bottom, #404040 50%, #e4f2e1 50%); } .card--grad-gel-gray-1-gel-white { background: #e0e0e0; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e0e0e0), color-stop(50%, #fff)); background: linear-gradient(to bottom, #e0e0e0 50%, #fff 50%); } .card--grad-gel-gray-1-gel-gray-5 { background: #e0e0e0; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e0e0e0), color-stop(50%, #404040)); background: linear-gradient(to bottom, #e0e0e0 50%, #404040 50%); } .card--grad-gel-gray-0-gel-white { background: #f1f1f1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f1f1f1), color-stop(50%, #fff)); background: linear-gradient(to bottom, #f1f1f1 50%, #fff 50%); } .card--grad-gel-gray-0-gel-gray-6 { background: #f1f1f1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f1f1f1), color-stop(50%, #2b2b2b)); background: linear-gradient(to bottom, #f1f1f1 50%, #2b2b2b 50%); } .card--grad-gel-black-gel-gray-5 { background: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000), color-stop(50%, #404040)); background: linear-gradient(to bottom, #000 50%, #404040 50%); } .card--grad-gel-black-gel-white { background: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000), color-stop(50%, #fff)); background: linear-gradient(to bottom, #000 50%, #fff 50%); } .card--grad-gel-black-gel-green-1 { background: #000; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000), color-stop(50%, #e4f2e1)); background: linear-gradient(to bottom, #000 50%, #e4f2e1 50%); } .card--grad-ghost-gel-white { background: transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff)); background: linear-gradient(to bottom, transparent 50%, #fff 50%); } .card--grad-gel-green-1-gel-white { background: #e4f2e1; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e4f2e1), color-stop(50%, #fff)); background: linear-gradient(to bottom, #e4f2e1 50%, #fff 50%); } .card--grad-gel-white-ghost { background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, transparent)); background: linear-gradient(to bottom, #fff 50%, transparent 50%); } .card--grad-gel-white-gel-gray-0 { background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #f1f1f1)); background: linear-gradient(to bottom, #fff 50%, #f1f1f1 50%); } .card--grad-gel-white-gel-gray-1 { background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #e0e0e0)); background: linear-gradient(to bottom, #fff 50%, #e0e0e0 50%); } .card--grad-gel-white-gel-gray-5 { background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #404040)); background: linear-gradient(to bottom, #fff 50%, #404040 50%); } .card--grad-gel-white-gel-gray-6 { background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #2b2b2b)); background: linear-gradient(to bottom, #fff 50%, #2b2b2b 50%); } .card--grad-gel-white-gel-gray-7 { background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #1a1a1a)); background: linear-gradient(to bottom, #fff 50%, #1a1a1a 50%); } .card--grad-gel-white-gel-green-1 { background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #e4f2e1)); background: linear-gradient(to bottom, #fff 50%, #e4f2e1 50%); } :not(.c-carousel).card--grad-gel-gray-7-gel-white .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-6-gel-white .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-6-gel-gray-0 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-6-gel-gray-5 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-5-gel-gray-1 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-5-gel-gray-6 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-5-gel-green-1 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-1-gel-white .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-1-gel-gray-5 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-0-gel-white .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-gray-0-gel-gray-6 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-black-gel-gray-5 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-black-gel-white .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-black-gel-green-1 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-ghost-gel-white .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-green-1-gel-white .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-white-ghost .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-white-gel-gray-0 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-white-gel-gray-1 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-white-gel-gray-5 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-white-gel-gray-6 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-white-gel-gray-7 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } :not(.c-carousel).card--grad-gel-white-gel-green-1 .card-item.c-item--cardblob { padding-top: 1px !important; background-color: transparent !important; } .card--wide .c-item__inner { max-width: 920px !important; } .c-item--cardmain .c-item__header h1 { margin-bottom: 30px; } .c-item--cardmain .c-item__meta { color: #009d4e; } @media (min-width: 1270px) { .c-item--cardmain { padding-top: 110px; } .c-item--cardmain .c-item__inner { max-width: 920px; margin-right: auto; margin-left: auto; padding-right: 150px; } } .second-card--overlap { color: #fff; background-color: #404040 ; } .second-card--overlap .c-item--cardmain { padding-bottom: 145px; } .second-card--overlap .c-item--cardmain + .cmsitem { margin-top: -80px; } .second-card--overlap .c-item--cardmain + .cmsitem .card-item { background-color: transparent; } .cardmain--black .c-item--cardmain { color: #fff; background-color: #000 ; } .cardmain--gray-6 .c-item--cardmain { color: #fff; background-color: #2b2b2b ; } .card--case-study { padding-top: 0; padding-bottom: 10px; color: #000; background-color: #e4f2e1 ; } .card--case-study.card--white { color: #000; background-color: #fff ; } .card--case-study.card--black { color: #fff; background-color: #000 ; } .card--case-study.card--gel-gray-0 { color: #000; background-color: #f1f1f1 ; } .card--case-study.card--gel-gray-1 { color: #000; background-color: #e0e0e0 ; } .card--case-study.card--gel-gray-2 { color: #000; background-color: #bbb ; } .card--case-study .c-item__inner { position: relative; padding: 25px 20px; } @media (min-width: 650px) { .card--case-study .c-item__inner { padding: 25px 40px; } } .card--case-study h3 { margin-bottom: 20px; font-size: 18px; line-height: 27px; } @media (min-width: 650px) { .card--case-study h3 { font-size: 20px; line-height: 30px; } } @media (min-width: 1270px) { .card--case-study h3 { font-size: 27px; line-height: 40.5px; } } .card--case-study ul, .card--case-study ol { padding-left: 1em; } .card--case-study p, .card--case-study li { font-size: 16px; font-weight: 300; line-height: 1.5; } .card--case-study .card--meta { margin-bottom: 30px !important; color: #00754a; } .card--case-study .u-text--meta-11 { margin-bottom: 30px; } .card--case-study .c-cs-logo { position: relative; margin-bottom: 30px; } @media (min-width: 1270px) { .card--case-study .c-cs-logo--top-right { position: absolute; top: 25px; right: 40px; } .card--case-study .c-cs-logo--top-right + h3, .card--case-study .c-cs-logo--top-right + .c-cs-title { max-width: 80%; } } .card--case-study .c-cs-logo-row { display: block; } @media (min-width: 1270px) { .card--case-study .c-cs-logo-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 960px) { .card--case-study .flex-wrapper > div { margin-right: 10px; margin-left: 10px; } .card--case-study .flex-wrapper > div:first-of-type { margin-right: 10px; } .card--case-study .flex-wrapper > div:first-of-type.flex--last { margin-right: 0; margin-left: 10px; } .card--case-study .flex-wrapper > div:last-of-type { margin-left: 10px; } .card--case-study .flex-wrapper > div:last-of-type.flex--first { margin-right: 10px; margin-left: 0; } } .u-bg--gray-6 .card--case-study { color: #fff; background-color: #2b2b2b ; } .card-image { color: #fff; background-color: #1a1a1a ; background-repeat: no-repeat; background-position: top center; background-size: cover; } .card-image [class*="content-related"] a:not(.btn):hover, .card-image[class*="c-cardgrp"] .content-card a:not(.btn):hover, .card-image > .c-item__inner a:not(.btn):hover, .card-image [class*="content-related"] li a:not(.btn):hover, .card-image[class*="c-cardgrp"] .content-card li a:not(.btn):hover, .card-image > .c-item__inner li a:not(.btn):hover, .card-image [class*="content-related"] a:not(.btn):focus, .card-image[class*="c-cardgrp"] .content-card a:not(.btn):focus, .card-image > .c-item__inner a:not(.btn):focus, .card-image [class*="content-related"] li a:not(.btn):focus, .card-image[class*="c-cardgrp"] .content-card li a:not(.btn):focus, .card-image > .c-item__inner li a:not(.btn):focus { background-color: #2b2b2b; border-bottom-color: #009d4e; } .card-image .c-item__topic { color: #009d4e; } .card-image input:not([type="submit"]), .card-image optgroup, .card-image select, .card-image textarea { color: #000; } .card-image.card--quote p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: 300; line-height: 1.7; } .wf-active .card-image.card--quote p { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } @media (min-width: 650px) { .card-image.card--quote p { font-size: 27px; font-weight: 300; line-height: 1.7; } } .card-image.card--quote .header-card + .content-card p { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; margin: 12px 0; } .wf-active .card-image.card--quote .header-card + .content-card p { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .card-image--circle .c-item__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 960px) { .card-image--circle .c-item__content { display: block; padding-left: 220px; } } .card-image--circle .card-content__topic { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .card-image--circle .card-content__img { width: 100px; height: 100px; margin-bottom: 15px; overflow: hidden; border-radius: 50%; } @media (min-width: 960px) { .card-image--circle .card-content__img { position: absolute; left: 0; width: 200px; height: 200px; } } .card-image--circle .card-content__img img { width: 100%; height: auto; } @media (max-width: 959px) { .card-image--circle .button { margin: 0; } } .card-image.card-transp { color: #fff !important; text-align: center; background-color: #1a1a1a !important; } .card-image.card-transp p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: 300; line-height: 1.7; } .wf-active .card-image.card-transp p { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } @media (min-width: 650px) { .card-image.card-transp p { font-size: 27px; font-weight: 300; line-height: 1.7; } } .card-image.card-transp .header-card + .content-card p { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; margin: 12px 0; } .wf-active .card-image.card-transp .header-card + .content-card p { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-image__logo a:focus > .c-image-focus { border-radius: 2px; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; } .c-image__logo .c-focus-hide > .c-image-focus { -webkit-box-shadow: none !important; box-shadow: none !important; } .c-heroimage-bg.c-heroimage-bg { padding: 0; } .c-heroimage-bg.c-heroimage-bg .c-item__inner { max-width: 100%; } @media (min-width: 960px) { .c-insights--reports { padding-right: 20px; } } @media (max-width: 959px) { .c-insights--reports img { display: none; } } .c-insights--reports h3 { line-height: 1.25; } .c-insights--reports h3 a { color: inherit; text-decoration: none; border-bottom: 0; } .c-insights--reports h3 a:hover { text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#bbb)) no-repeat; background: linear-gradient(#bbb, #bbb) no-repeat; background-position: 0 1.15em; background-size: 100% 1px; } .card--highlight-left { color: #000; background-color: #e4f2e1 ; } @media (min-width: 1270px) { .card--highlight-left { margin-top: -140px; margin-right: 155px; padding-right: 60px; } } .card--highlight-left ul { margin-bottom: 0; } .card--highlight-left li { font-size: 16px; font-weight: 400; line-height: 1.5; color: #666; } @media (min-width: 1270px) { .card--highlight-left li { font-size: 18px; font-weight: 400; line-height: 1.6; } } .card-style-b, .card-style-d, .card-style-e, .chapter { color: #000; background-color: #fff ; } .card-style-d.card-green { color: #000; background-color: #e4f2e1 ; } .card-style-b .c-item__title, .card-style-b .c-item__content { max-width: 770px; margin-right: auto; margin-left: auto; } .card-style-c { color: #000; background-color: #e4f2e1 ; } .card-style-c .c-item__title { margin-bottom: 20px; } .card-style-e { padding-top: 20px; padding-bottom: 20px; } .card-style-a.card-image .c-item__inner, .card-style-c.card-image .c-item__inner, .card-style-c .c-item__inner, .card--inner-white .c-item__inner { color: #000; background-color: #fff ; padding: 20px 40px; border-bottom: 1px solid transparent; } @media (min-width: 960px) { .card-style-a.card-image .c-item__inner, .card-style-c.card-image .c-item__inner, .card-style-c .c-item__inner, .card--inner-white .c-item__inner { padding: 60px 80px; } } .card-style-a.card-image .c-item__inner .jump-link a:hover, .card-style-c.card-image .c-item__inner .jump-link a:hover, .card-style-c .c-item__inner .jump-link a:hover, .card--inner-white .c-item__inner .jump-link a:hover { background-color: transparent; } .gel-btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 5px 10px; font-size: 16px; line-height: 1.5; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gel-btn:focus, .gel-btn:active:focus, .gel-btn.active:focus, .gel-btn.focus, .gel-btn:active.focus, .gel-btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline: 1px dotted #009d4e; outline-offset: -2px; } .gel-btn:hover, .gel-btn:focus, .gel-btn.focus { color: #404040; text-decoration: none; } .gel-btn:active, .gel-btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .gel-btn.disabled, .gel-btn[disabled], fieldset[disabled] .gel-btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; } a.gel-btn.disabled, fieldset[disabled] a.gel-btn { pointer-events: none; } .gel-btn, .gel-btn-wrapper:not(#x_) > a { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-radius 0.2s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-radius 0.2s ease-in-out; padding: 0 12px; font-size: 11px; line-height: 28px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; letter-spacing: 0.1em; } .gel-btn:focus, .gel-btn-wrapper:not(#x_) > a:focus, .gel-btn:active:focus, .gel-btn-wrapper:not(#x_) > a:active:focus { outline: 5px auto -webkit-focus-ring-color; outline: 1px dotted #009d4e; outline-offset: -2px; } .gel-btn:hover, .gel-btn-wrapper:not(#x_) > a:hover, .gel-btn:focus, .gel-btn-wrapper:not(#x_) > a:focus { color: inherit; text-decoration: none; background-color: transparent; } .gel-btn [class*=gel-icon], .gel-btn-wrapper:not(#x_) > a [class*=gel-icon] { margin-top: -3px; vertical-align: middle; } .gel-btn [class*=gel-icon]:first-child, .gel-btn-wrapper:not(#x_) > a [class*=gel-icon]:first-child { margin-right: 5px; } .gel-btn [class*=gel-icon]:last-child:not(:only-child), .gel-btn-wrapper:not(#x_) > a [class*=gel-icon]:last-child:not(:only-child) { margin-left: 5px; } a.gel-btn.disabled, fieldset[disabled] a.gel-btn { pointer-events: none; } .gel-btn + .gel-btn { margin-left: 10px; } .gel-btn-wrapper + .gel-btn-wrapper { margin-left: 10px; } .gel-btn-link-wrapper + .gel-btn-wrapper, .gel-btn-wrapper + .gel-btn-link-wrapper { margin-left: 0; } .gel-btn.btn-icon:not(.btn-lg), .gel-btn.btn-icon:not(.btn-sm), .gel-btn.btn-icon:not(.btn-xs) { min-width: 32px; min-height: 32px; padding: 0 5px 0 7px; font-size: 12px; line-height: 1; letter-spacing: 0; word-spacing: 0; } .input-group-btn .gel-btn { min-height: 36px; padding: 2px 8px; border-color: #929292; } .gel-btn-primary { color: #000; background-color: #009d4e; border-color: #009d4e; } .gel-btn-primary:focus, .gel-btn-primary.focus { color: #000; background-color: #006a35; border-color: #001e0f; } .gel-btn-primary:hover { color: #000; background-color: #006a35; border-color: #006030; } .gel-btn-primary:active, .gel-btn-primary.active, .open > .dropdown-toggle.gel-btn-primary { color: #000; background-color: #006a35; background-image: none; border-color: #006030; } .gel-btn-primary:active:hover, .gel-btn-primary.active:hover, .open > .dropdown-toggle.gel-btn-primary:hover, .gel-btn-primary:active:focus, .gel-btn-primary.active:focus, .open > .dropdown-toggle.gel-btn-primary:focus, .gel-btn-primary:active.focus, .gel-btn-primary.active.focus, .open > .dropdown-toggle.gel-btn-primary.focus { color: #000; background-color: #004623; border-color: #001e0f; } .gel-btn-primary.disabled:hover, .gel-btn-primary[disabled]:hover, fieldset[disabled] .gel-btn-primary:hover, .gel-btn-primary.disabled:focus, .gel-btn-primary[disabled]:focus, fieldset[disabled] .gel-btn-primary:focus, .gel-btn-primary.disabled.focus, .gel-btn-primary[disabled].focus, fieldset[disabled] .gel-btn-primary.focus { background-color: #009d4e; border-color: #009d4e; } .gel-btn-primary .badge { color: #009d4e; background-color: #000; } .gel-btn-primary, .gel-btn-primary-wrapper:not(#x_) > a, .gel-btn-primary-ghost:hover, .gel-btn-primary-ghost-wrapper:not(#x_) > a:hover, .gel-btn-primary-ghost:focus, .gel-btn-primary-ghost-wrapper:not(#x_) > a:focus { color: #000; background-color: #009d4e; border-color: #009d4e; } .gel-btn-primary-ghost, .gel-btn-primary-ghost-wrapper:not(#x_) > a, .gel-btn-primary:hover, .gel-btn-primary-wrapper:not(#x_) > a:hover, .gel-btn-primary:focus, .gel-btn-primary-wrapper:not(#x_) > a:focus { color: inherit; background-color: transparent; border-color: #009d4e; } .gel-btn-primary:active, .gel-btn-primary-wrapper:not(#x_) > a:active { color: inherit; background-color: rgba(0, 157, 78, 0.15); outline: 0; } .gel-btn-primary-ghost:active, .gel-btn-primary-ghost-wrapper:not(#x_) > a:active { background-color: rgba(0, 157, 78, 0.85); } .gel-btn-primary-ghost:focus, .gel-btn-primary-ghost-wrapper:not(#x_) > a:focus { outline-offset: 0; } .gel-btn-primary.disabled, .gel-btn-primary[disabled], fieldset[disabled] .gel-btn-primary, .gel-btn-primary-ghost.disabled, .gel-btn-primary-ghost[disabled], fieldset[disabled] .gel-btn-primary-ghost, .gel-btn-primary.disabled:hover, .gel-btn-primary[disabled]:hover, fieldset[disabled] .gel-btn-primary:hover, .gel-btn-primary-ghost.disabled:hover, .gel-btn-primary-ghost[disabled]:hover, fieldset[disabled] .gel-btn-primary-ghost:hover, .gel-btn-primary.disabled:focus, .gel-btn-primary[disabled]:focus, fieldset[disabled] .gel-btn-primary:focus, .gel-btn-primary-ghost.disabled:focus, .gel-btn-primary-ghost[disabled]:focus, fieldset[disabled] .gel-btn-primary-ghost:focus, .gel-btn-primary.disabled:active, .gel-btn-primary[disabled]:active, fieldset[disabled] .gel-btn-primary:active, .gel-btn-primary-ghost.disabled:active, .gel-btn-primary-ghost[disabled]:active, fieldset[disabled] .gel-btn-primary-ghost:active { background-color: #e4f2e1; } .gel-btn-link { font-weight: 400; color: #00754a; border-radius: 0; } .gel-btn-link, .gel-btn-link:active, .gel-btn-link.active, .gel-btn-link[disabled], fieldset[disabled] .gel-btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .gel-btn-link, .gel-btn-link:hover, .gel-btn-link:focus, .gel-btn-link:active { border-color: transparent; } .gel-btn-link:hover, .gel-btn-link:focus { color: #00754a; text-decoration: underline; background-color: transparent; } .gel-btn-link[disabled]:hover, fieldset[disabled] .gel-btn-link:hover, .gel-btn-link[disabled]:focus, fieldset[disabled] .gel-btn-link:focus { color: #666; text-decoration: none; } .gel-btn-link, .gel-btn-link-wrapper:not(#x_) > a { font-weight: normal; color: inherit; border-radius: 0; } .gel-btn-link:hover, .gel-btn-link-wrapper:not(#x_) > a:hover, .gel-btn-link:focus, .gel-btn-link-wrapper:not(#x_) > a:focus { color: #00754a; text-decoration: none; background-color: transparent; } .gel-btn-link, .gel-btn-link.disabled, .gel-btn-link[disabled], fieldset[disabled] .gel-btn-link, .gel-btn-link:hover, .gel-btn-link.disabled:hover, .gel-btn-link[disabled]:hover, fieldset[disabled] .gel-btn-link:hover, .gel-btn-link:focus, .gel-btn-link.disabled:focus, .gel-btn-link[disabled]:focus, fieldset[disabled] .gel-btn-link:focus, .gel-btn-link:active, .gel-btn-link.disabled:active, .gel-btn-link[disabled]:active, fieldset[disabled] .gel-btn-link:active { background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .c-bucket { color: #fff; background-color: #404040 ; margin-top: 10px; } @media (min-width: 650px) { .c-bucket { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 1270px) { .c-bucket { position: relative; max-height: 300px; overflow: hidden; } } .c-bucket--fullwidth { max-height: 100%; margin-top: 0; background-color: transparent; } .c-bucket--fullwidth .c-bucket__content { padding: 30px; } @media (min-width: 650px) { .c-bucket--fullwidth .c-bucket__content { padding: 40px; } } @media (min-width: 1270px) { .c-bucket--fullwidth .c-bucket__content { padding: 80px 155px 80px 40px; } .c-bucket--fullwidth .c-bucket__content.flex--begin { padding: 80px 40px 80px 155px; } } .c-bucket__image { position: relative; min-height: 300px; } .c-bucket__image p { position: absolute; top: 100px; right: 20px; left: 20px; } @media (min-width: 650px) { .c-bucket__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .c-bucket__image.c-bucket--image-fullwidth { -webkit-box-flex: 0; -ms-flex: 0 0 340px; flex: 0 0 340px; } .c-bucket__image p { right: 40px; left: 40px; } } @media (min-width: 1270px) { .c-bucket__image { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .c-bucket__image.c-bucket--image-fullwidth { -webkit-box-flex: 0; -ms-flex: 0 0 455px; flex: 0 0 455px; } .c-bucket__image .u-callout--left { left: 155px; } .c-bucket__image .u-callout--right { right: 155px; } } .c-bucket__content { position: relative; padding: 20px; } .c-bucket__content p { font-weight: 300 !important; } @media (min-width: 960px) { .c-bucket__content { padding: 40px; } } @media (max-width: 1269px) { .c-bucket__content { position: relative; } } .c-products { margin: 40px -10px 10px; } @media (min-width: 650px) { .c-products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 80px; } } .c-products__item { width: 220px; margin: 0 auto 60px; } @media (min-width: 650px) { .c-products__item { margin: 0 10px 15px; } } .c-products .c-item__topic { margin-top: 20px; color: #e0e0e0; } .c-products p { font-size: 18px; font-weight: 400; line-height: 1.6; margin-top: 0; } .c-products .button { margin-top: 30px; } .card--webpart .cmsitem, .card--webpart .card-item, .card--webpart .ite-webpart { max-width: 920px; margin: 0 auto; } .card--webpart .ite-webpart { margin-top: 20px; } .card--webpart .section-flex--share { max-width: 920px; margin-inline: auto; } .card--webpart .validation-summary-errors { color: #000; } .card--webpart .validation-summary-errors li { font-size: 16px; font-weight: 300; line-height: 1.5; } .card--webpart legend { font-size: 16px; font-weight: 400; line-height: 1.5; } .card--webpart .c-optin { margin: 20px 0 0; padding: 0; border-width: 0; } .card--webpart .c-optin .checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .card--webpart .c-optin .checkbox input[type="checkbox"] { position: static; -webkit-box-flex: 0; -ms-flex: 0 auto; flex: 0 auto; margin-top: 8px; } .card--webpart .c-optin .checkbox label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .card--webpart .checkbox label[for*="CheckboxMarketingOptIn"] { font-size: 18px; } @media (min-width: 960px) { .card--webpart .crmcolumns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; } .card--webpart .crmcolumns > div { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } } .card--webpart .crmcolumns .element { margin-top: 0; page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .card--webpart [name="CheckboxMarketingOptIn"] { margin-top: 20px; } .c-navlist { margin: 0; padding: 0; list-style: none; } .c-navlist__link { text-transform: uppercase; letter-spacing: 0.1em; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; color: inherit; white-space: nowrap; } .wf-active .c-navlist__link { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .wf-active .c-navlist__link { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-navlist__link:hover, .c-navlist__link:focus { color: inherit; text-decoration: underline; } @media (min-width: 480px) { .c-navlist { display: none; } } @media (min-width: 960px) { .c-navlist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px; } .c-navlist li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .c-navlist__link { display: block; padding: 20px 10px; } } @media (min-width: 960px) { .t-navlist--white { margin-bottom: 10px; border: 1px solid #e0e0e0; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); } .t-navlist--white .c-navlist { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .t-navlist--white .c-navlist__link { font-size: 16px; font-weight: 400; line-height: 1.5; padding: 20px; letter-spacing: normal; text-transform: none; } .t-navlist--white .c-navlist__link:hover, .t-navlist--white .c-navlist__link:focus { color: #00754a; -webkit-text-decoration: auto; text-decoration: auto; } .t-navlist--white.t-navlist--white-dark-below { margin-bottom: 1px; } } @media (min-width: 960px) { .card-content__image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .card-content__image-wrapper > div { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; } .card-content__image-left, .card-content__image-right { color: #fff; background-color: #000 ; margin: -30px -30px 30px; padding: 30px; background-repeat: no-repeat; background-position: center top; background-size: cover; } @media (min-width: 650px) { .card-content__image-left, .card-content__image-right { margin-top: -40px; margin-right: -40px; margin-left: -40px; padding: 40px; } } @media (min-width: 960px) { .card-content__image-left, .card-content__image-right { margin-top: -60px; padding: 80px 60px; } } @media (min-width: 1270px) { .card-content__image-left, .card-content__image-right { margin-top: -80px; padding-top: 120px; padding-bottom: 120px; } } @media (min-width: 960px) { .card-content__image-left { margin-right: 60px; margin-left: -60px; padding-right: 40px; } } @media (min-width: 1270px) { .card-content__image-left { margin-left: -155px; padding-left: 155px; } } @media (min-width: 960px) { .card-content__image-right { margin-right: -60px; margin-left: 60px; padding-left: 40px; } } @media (min-width: 1270px) { .card-content__image-right { margin-right: -155px; padding-right: 155px; } } .card-content--image-overlay { margin-top: -110px; } @media (min-width: 650px) { .card-content--image-overlay { margin-top: -120px; } } @media (min-width: 960px) { .card-content--image-overlay { margin-top: -140px; } } @media (min-width: 1270px) { .card-content--image-overlay { margin-top: -160px; } } .c-grid { margin-right: -30px; margin-left: -30px; } @media (min-width: 650px) { .c-grid { margin-right: 0; margin-left: 0; } } @media (min-width: 960px) { .c-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-right: -20px; margin-left: -20px; } } .c-grid__item { display: block; padding: 20px 30px; } .c-grid__item:hover { text-decoration: none; background-color: #1a1a1a; border-color: #009d4e; } .c-grid__item h3 { position: relative; } .c-grid__item h3::after { font-family: 'Font Awesome 6 Pro'; content: "\f054"; } .c-grid__item h3::after { font-size: 20px; font-weight: 400; line-height: 1.7; position: absolute; top: 0; right: -20px; } @media (min-width: 480px) { .c-grid__item h3::after { top: 30px; } } @media (min-width: 960px) { .c-grid__item h3::after { top: 42px; } } .c-grid__item p { max-width: 300px; margin-top: 0; line-height: 1.5; } .c-grid__item img { width: 70px; max-width: 70px; } @media (min-width: 480px) { .c-grid__item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; border-left: 1px solid transparent; } .c-grid__item > div:first-of-type { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .c-grid__item > div:last-of-type { -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; } } @media (max-width: 959px) { .c-grid__item h3 { font-size: 20px; font-weight: 300; line-height: 1.7; } } @media (min-width: 480px) and (max-width: 959px) { .c-grid__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-grid__item div { padding-right: 20px; padding-left: 20px; } } @media (min-width: 960px) { .c-grid__item { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; max-width: 50%; } } .c-grid__item-shadow { margin: 10px 20px; } @media (min-width: 960px) { .c-grid__item-shadow { -webkit-box-flex: 1 !important; -ms-flex: 1 0 40% !important; flex: 1 0 40% !important; } } .c-grid__item-shadow:hover { background-color: #e4f2e1 !important; border-color: transparent; } .c-callout--border { margin-top: 30px; padding: 0 0 0 30px; border-left: 3px solid #009d4e; } .c-callout--border:first-of-type { margin-top: 0; } .c-callout--border[class*="flex-item"] { margin-top: 0; padding: 0 30px; } .c-callout--border h3 a { color: inherit; } .c-callout--border h3 a::after { font-family: 'Font Awesome 6 Pro'; content: "\f054"; } .c-callout--border h3 a::after { margin-left: 30px; color: #009d4e; font-size: 20px; font-weight: 400; line-height: 1.7; } .c-callout--border p { font-weight: 300 !important; } .c-card-ad { margin: 20px; padding: 40px; color: #fff; background-color: #2b2b2b; } .c-card-ad--image { position: relative; height: 650px; } .c-card-ad__img { position: absolute; bottom: 0; left: 0; max-width: 100%; padding: 0 40px; } .c-card-ad .c-card-ad__desc { font-size: 16px; } @media (min-width: 650px) { .c-card-ad { padding: 60px; } .c-card-ad__img { padding: 0 25%; } } @media (min-width: 960px) { .c-card-ad { padding: 80px; } .c-card-ad__img { padding: 0 80px; } } @media (min-width: 960px) { .c-card--splitrow { 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; margin-right: -20px; margin-left: -20px; } } @media (min-width: 960px) { .c-card--splitrow__col0 { -webkit-box-flex: 1; -ms-flex: 1 66.6667%; flex: 1 66.6667%; padding-right: 20px; padding-left: 20px; } .c-card--splitrow__col0-border { margin-right: -1px; border-right: 1px solid #bbb; } } @media (min-width: 960px) { .c-card--splitrow__col1 { -webkit-box-flex: 1; -ms-flex: 1 33.3333%; flex: 1 33.3333%; padding-right: 20px; padding-left: 20px; } .c-card--splitrow__col1-border { padding-right: 0; padding-left: 40px; } } @media (min-width: 960px) { .card--white .c-card--splitrow__col0-border { border-right: 1px solid #1a1a1a; } } .c-card--v9listimage { padding-top: 0; padding-bottom: 20px; } @media (min-width: 960px) { .c-card--v9listimage { padding-bottom: 0; } } .c-card--v9listimage h2 a, .c-card--v9listimage h3 a { color: inherit; } .c-card--v9listimage h2 a:hover, .c-card--v9listimage h3 a:hover { text-decoration: underline; } .c-card--v9listimage .c-card__footer { margin-top: 38px; } .c-card--v9listimage .o-img { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; padding-top: 10px; } .c-card--v9listimage .o-img a { display: block; } .c-card--v9listimage img { max-width: 80px; height: 80px; } .c-card--v9listimage .c-item__wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 20px; padding-left: 20px; } @media (min-width: 960px) { .c-card--v9listimage .c-item__wrapper { padding-right: 0; } } .c-card--v9listimage .c-item__title { font-size: 14px; font-weight: 400; line-height: 1.7; font-weight: 300; } .c-card--v9listimage .c-item .c-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 20px; } .c-card--v9listimage__inset { margin-top: -60px; } @media (min-width: 960px) { .c-card--v9listimage__inset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -20px; margin-left: -20px; } .c-card--v9listimage__inset .c-item { -webkit-box-flex: 1; -ms-flex: 1 33%; flex: 1 33%; } } .c-card--v9listimage__inset .c-item__inner { padding-top: 10px; } .c-card--v9listimage__inset .o-img { margin-left: 20px; } .c-card--v9listimage__inset .c-item:last-of-type { border-bottom: 4px solid #009d4e; } @media (min-width: 960px) { .c-card--v9listimage__inset .c-item { border-bottom: 4px solid #009d4e; } .c-card--v9listimage__inset .c-item:last-of-type .c-item__wrapper { padding-right: 20px; } } [class*="card--grad"] .c-card--v9listimage__inset { margin-top: inherit; } .c-card--featurerow h2:not(.text--sanserif), .c-card--featurerow h3:not(.text--sanserif) { font-family: Georgia, "Times New Roman", Times, serif; } .wf-active .c-card--featurerow h2:not(.text--sanserif), .wf-active .c-card--featurerow h3:not(.text--sanserif) { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } .c-card--featurerow h3 { margin-top: 20px; line-height: 1.25; } .c-card--featurerow h2 a:hover, .c-card--featurerow h3 a:hover { text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#bbb)) no-repeat; background: linear-gradient(#bbb, #bbb) no-repeat; background-position: 0 1.15em; background-size: 100% 1px; } .c-card--featurerow a:not(.btn) { color: inherit; } .c-card--featurerow a:not(.btn) strong { font-weight: inherit; } .c-card--featurerow .u-text--meta { margin-bottom: 20px; } @media (min-width: 960px) { .c-card--featurerow .c-card--splitrow__col0 { padding-left: 0; } } .c-card--feature .c-item { padding: 0 0 20px; } .c-card--feature .c-item .c-item__synopsis { font-size: 14px; font-weight: 400; line-height: 1.7; } .c-card--feature .c-item:first-of-type .c-item__synopsis { font-size: 20px; font-weight: 300; line-height: 1.7; } .c-card--feature .c-item:first-of-type { padding-bottom: 40px; } @media (min-width: 960px) { .c-card--feature { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .c-card--feature .c-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 20px 20px; } .c-card--feature .c-item:first-of-type, .c-card--feature .c-card__title, .c-card--feature .c-card__footer { -webkit-box-flex: 1; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; padding-right: 20px; padding-left: 20px; } } .c-card-list--numbered { counter-reset: item-counter; } .c-card-list--numbered .c-item { margin: 0; padding: 0 0 20px; border-color: transparent !important; counter-increment: item-counter; } .c-card-list--numbered .c-item__inner { position: relative; padding-left: 40px; } .c-card-list--numbered .c-item__inner::before { font-family: Georgia, "Times New Roman", Times, serif; font-size: 27px; font-weight: 300; line-height: 1.7; position: absolute; left: 0; content: counter(item-counter) "."; } .wf-active .c-card-list--numbered .c-item__inner::before { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } .c-card-list--numbered .c-item__meta { display: none; } .c-card-list--numbered .c-item__title { font-size: 18px; font-weight: 400; line-height: 1.6; margin-top: 0; font-weight: 300; } .c-card-list--numbered .c-card__footer { margin-top: 0; } .c-top-card-form { display: block; } @media (min-width: 960px) { .c-top-card-form { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-top-card-form > div { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; } @media (min-width: 960px) { .c-top-card-form > .c-item__inner { max-width: calc(920px / 2); margin-right: 0; margin-left: auto; padding-right: 60px; } } .c-top-card-form > .c-cardgrp--default { margin: 0 -40px -40px; } @media (min-width: 960px) { .c-top-card-form > .c-cardgrp--default { max-width: calc(920px / 2); margin: -60px auto -60px 0; } } @media (min-width: 1270px) { .c-top-card-form > .c-cardgrp--default { margin: -80px auto -80px 0; } } .c-top-card-form > .c-cardgrp--default .card-inner--default { margin-top: 20px; } .c-top-card-form > .c-cardgrp--default .card-inner--default:first-child { margin-top: 60px; } .c-top-card-form > .c-cardgrp--default .card-item { padding: 40px 40px 0; } .c-top-card-form > .c-cardgrp--default .c-item--webpart:not(#specificity-override) { padding: 0 40px 40px; } .c-top-card-form > .c-cardgrp--default .crmcolumns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .c-top-card-form > .c-cardgrp--default h2 { font-size: 27px; font-weight: 300; line-height: 1.7; } .c-top-card-form > .c-cardgrp--default p { font-size: 16px; font-weight: 400; line-height: 1.5; } .c-top-card-form > .c-cardgrp--default .checkbox label { font-size: 14px; font-weight: 400; line-height: 1.7; } .c-top-card-form .ite-webpart { margin-top: 0; } .c-top-card-form .ite-webpart p { font-size: 14px; font-weight: 400; line-height: 1.7; } .c-top-card-form_tagline { font-size: 27px; line-height: 1.5; } .c-top-card-form .crmcolumns label { padding: 0; } .c-top-card-form .crmcolumns .textbox input, .c-top-card-form .crmcolumns .textbox textarea, .c-top-card-form .crmcolumns select { border: 1px solid #666; -webkit-box-shadow: none; box-shadow: none; } .c-top-card-form .crmcolumns .textbox input:focus, .c-top-card-form .crmcolumns .textbox textarea:focus, .c-top-card-form .crmcolumns select:focus, .c-top-card-form .crmcolumns .textbox input:focus-visible, .c-top-card-form .crmcolumns .textbox textarea:focus-visible, .c-top-card-form .crmcolumns select:focus-visible { -webkit-box-shadow: inset 0 0 0 1px #00754a; box-shadow: inset 0 0 0 1px #00754a; } .c-top-card-form .crmcolumns .textbox input:required:valid, .c-top-card-form .crmcolumns .textbox textarea:required:valid, .c-top-card-form .crmcolumns select:required:valid { -webkit-box-shadow: inset 0 -2px 0 #00754a; box-shadow: inset 0 -2px 0 #00754a; } .c-top-card-form .c-cardgrp--default .element { background-color: transparent; } .c-top-card-form .card--gray-2 .crmcolumns label, .c-top-card-form .card--gray-3 .crmcolumns label { color: #2b2b2b; } .c-top-card-form .card--gray-4 .crmcolumns label { color: #f1f1f1; } .c-top-card-form .card--gray-5 .crmcolumns label, .c-top-card-form .card--gray-6 .crmcolumns label, .c-top-card-form .card--gray-7 .crmcolumns label, .c-top-card-form .card--black .crmcolumns label { color: #e0e0e0; } .c-eloqua-form-thin .ite-webpart { margin-top: 0; } .c-eloqua-form-thin .crmcolumns .element { margin: 0; } .c-eloqua-form-thin .crmcolumns .element.textbox { background-color: transparent; } .c-eloqua-form-thin .crmcolumns label { padding-left: 0; font-size: 11px; } .c-eloqua-form-thin .crmcolumns .textbox input, .c-eloqua-form-thin .crmcolumns select { height: 30px; } .c-eloqua-form-thin .crmcolumns .textbox input, .c-eloqua-form-thin .crmcolumns textarea, .c-eloqua-form-thin .crmcolumns select { -webkit-box-shadow: inset 0 -2px 0 #009d4e; box-shadow: inset 0 -2px 0 #009d4e; } .c-eloqua-form-thin .c-optin .checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .c-eloqua-form-thin .c-optin .checkbox input[type="checkbox"] { margin: 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-eloqua-form-thin .c-optin .checkbox label[for*="CheckboxMarketingOptIn"] { padding: 0; font-size: 11px; font-weight: 400; line-height: 1.5; } .c-eloqua-form-thin p { margin: 0; font-size: 11px; line-height: 1.5; } .c-eloqua-form-thin p ~ p { margin: 20px 0; } .c-eloqua-form-thin .button { margin: 0; } .sa-releasesrvc .c-item--cardmain { text-align: center; } .sa-releasesrvc .c-item--cardmain .c-item__meta { color: #00754a; } .sa-releasesrvc .c-item--cardmain .c-item__inner { color: #000; background-color: #fff ; max-width: 920px; padding-top: 40px; padding-right: 0; border-bottom: 1px solid transparent; } .sa-releasesrvc .c-item--cardmain .c-item__header { margin-right: 40px; margin-left: 40px; } @media (min-width: 650px) { .sa-releasesrvc .c-item--cardmain .c-item__header { margin-top: 60px; } } .sa-releasesrvc .c-item--cardmain .c-item__content { padding: 0 20px 40px; } @media (min-width: 650px) { .sa-releasesrvc .c-item--cardmain .c-item__content { padding-right: 40px; padding-left: 40px; } } @media (min-width: 960px) { .sa-releasesrvc .c-item--cardmain .c-item__content { padding: 20px 80px 60px; } } .sa-releasesrvc .c-item--cardmain.c-item--image a:not(.btn):hover, .sa-releasesrvc .c-item--cardmain.c-item--image a:not(.btn):focus { background-color: #e4f2e1; } .report-landingpage .c-item--cardmain, .sa-releasesrvc .c-item--cardmain { color: #000; background-color: #e4f2e1 ; } .report-landingpage .card--webpart.rel-allbottom, .sa-releasesrvc .card--webpart.rel-allbottom { color: #000; background-color: #e4f2e1 ; } .l-clp--main-770 .c-item--cardmain .c-item__inner { max-width: 770px; } .card-style-boxes { color: #000; background-color: #fff ; } .card-style-boxes .table-pure { margin-bottom: 0; } .card-style-boxes .table-pure p, .card-style-boxes .table-pure li { font-weight: 300; font-size: 18px; line-height: 1.6; } .card-style-boxes .table-pure p:first-of-type, .card-style-boxes .table-pure li:first-of-type { margin-top: 0; } .card-style-boxes .table-pure td:first-child { padding-left: 0; } @media (min-width: 1270px) { .card-style-boxes .table-pure td:first-child { width: 50%; } } .card-style-boxes .table-pure td:last-child { padding-right: 0; } @media (max-width: 650px) { .card-style-boxes .table-pure td { padding: 0; } } [class*="boxwidth"]:nth-child(n+2) { margin-top: 20px; } @media (max-width: 1269px) { [class*="boxwidth"] { max-width: 300px; margin: 0 auto; } } @media (min-width: 1270px) { [class*="boxwidth"] { float: left !important; } [class*="boxwidth"]:nth-child(even) { float: right !important; } [class*="boxwidth"]:nth-child(n+2) { margin-top: -50px; } } [class*="boxwidth"] p { padding-right: 20px; padding-left: 20px; } [class*="boxwidth"] p:first-child { padding-top: 20px; } [class*="boxwidth"] p:last-child { margin-bottom: 0; } article [class*="boxwidth"] ul { padding-left: 40px; } [class*="boxwidth"] > :last-child:not(img) { padding-bottom: 80px; } [class*="boxwidth"] .text-meta { display: block; font-size: 14px; line-height: 1.75em; letter-spacing: 0.1em; text-transform: uppercase; } [class*="boxwidth"] .text-serif { font-size: 27px; font-weight: 300; line-height: 1.7; padding-right: 80px; } .num-lt { color: #fff; letter-spacing: normal; } .num-primary { color: #009d4e; letter-spacing: normal; } .num-dk { color: #2b2b2b; letter-spacing: normal; } .num-md { display: block; font-weight: 200; font-size: 30px; line-height: 40px; } .num-lg { display: block; font-weight: 200; font-size: 55px; line-height: 60px; } .bg-brand-primary { color: #000; background-color: #009d4e; } .bg-brand-lt { color: #404040; background-color: #e4f2e1; } .bg-gray { color: #000; background-color: #bbb; } @media (min-width: 1270px) { .boxwidth-xs { max-width: 280px; } } @media (min-width: 1270px) { .boxwidth-sm { max-width: 300px; } } .boxwidth-md { padding-right: 20px; } @media (min-width: 1270px) { .boxwidth-md { max-width: 330px; } } .boxwidth-lg { padding-right: 40px; } @media (min-width: 1270px) { .boxwidth-lg { max-width: 340px; } } .rel-tile-wrapper { padding: 48px 0; background-color: #2b2b2b; } @media (min-width: 650px) { .rel-tile-wrapper { padding: 48px 40px; } } .rel-tile-wrapper h2 { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; color: #fff; text-align: center; } .wf-active .rel-tile-wrapper h2 { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } .rel-related-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rel-related-v2 .recommend-section { margin: 0 20px; } .rel-related-v2 .recommend-section .cmstile { margin: 0 10px; } .rel-related-v2 .recommend-section .title::before { width: calc(100% - 27px); } .rel-related-v2 .news-section > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rel-related-v2 .news-section .tile-news h3 { max-height: 66px; } @media (min-width: 650px) { .rel-related-v2 .news-section .tile-news .meta, .rel-related-v2 .news-section .tile-news .copy { padding-right: 0; padding-left: 0; } .rel-related-v2 .news-section .tile-news:first-child .meta { padding-top: 0; } } .rel-related-v2 .news-section .cmstile + .cmstile { border-top: 1px solid #404040; } .rel-related-v2 .title { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; position: relative; z-index: 1; margin: 0; padding: 20px 10px; color: #bbb; line-height: 16px; text-align: center; } .wf-active .rel-related-v2 .title { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .rel-related-v2 .title::before { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: -1; width: 100%; margin: 0 auto; border-top: 1px solid #404040; content: ""; } @media (min-width: 960px) { .rel-related-v2 .title { padding: 40px 0; } } .rel-related-v2 .title span { padding: 0 15px; background: #2b2b2b; } .rel-related-v2 .title a { color: #009d4e; text-decoration: none; } .rel-related-v2 .title a:hover { color: #00d067; text-decoration: none; } .rel-related-v2 .flex-wrapper { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; } .rel-related-v2 .cmstile .tile-inner { min-width: 300px; min-height: 366px; } .rel-related-v2 .cmstile.tile-reports .copy { min-height: 150px; } .rel-related-v2 .cmstile.tile-news .tile-inner { min-height: inherit; } .rel-related-v2 .cmstile.tile-video .tile-inner, .rel-related-v2 .cmstile.tile-product .tile-inner { height: 300px; min-height: inherit; } .card--success { width: 100%; padding: 40px 20px 20px; } @media (min-width: 960px) { .card--success { padding: 80px 30px 20px; } } @media (min-width: 1270px) { .card--success { padding-top: 160px; } } .card--success .c-item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .card--success .c-item__content { -ms-flex-item-align: end; align-self: flex-end; max-width: 610px; } .card--success .c-item__topic { display: block; margin-bottom: 10px; } .c-carousel-inf { padding-right: 0; padding-left: 0; } .c-carousel-inf__container { position: relative; max-width: 1440px; margin: -10px auto; padding: 10px 0; overflow: hidden; } .c-carousel-inf__container:hover [class*="c-carousel-inf__btn"], .c-carousel-inf__container:focus-within [class*="c-carousel-inf__btn"] { opacity: 1; } .c-carousel-inf__slider { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible; -webkit-overflow-scrolling: touch; cursor: -webkit-grab; cursor: grab; } .c-carousel-inf__item { -ms-flex-negative: 0; flex-shrink: 0; width: calc(100vw - 60px); padding: 0 5px; } @media (min-width: 960px) { .c-carousel-inf__item { width: 705px; padding: 0 7.5px; } } @media (min-width: 1270px) { .c-carousel-inf__item { width: 940px; padding: 0 10px; } } .c-carousel-inf__item .innercmsitem, .c-carousel-inf__item .card-item { height: 100%; min-height: 100%; } @media (min-width: 960px) { .c-carousel-inf.c-carousel--tile .c-carousel-inf__container { max-width: 1080px; } } @media (min-width: 1270px) { .c-carousel-inf.c-carousel--tile .c-carousel-inf__container { max-width: 1280px; } } .c-carousel-inf.c-carousel--tile .c-carousel-inf__item { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; min-width: 270px; max-width: calc(100vw - 60px); } @media (min-width: 960px) { .c-carousel-inf.c-carousel--tile .c-carousel-inf__item { -ms-flex-preferred-size: 246px; flex-basis: 246px; max-width: 246px; padding: 0 10px; } } @media (min-width: 1270px) { .c-carousel-inf.c-carousel--tile .c-carousel-inf__item { -ms-flex-preferred-size: 320px; flex-basis: 320px; max-width: 320px; } } [class*="c-carousel-inf__btn"] { position: absolute; top: 50%; left: 50%; display: none; width: 80px; height: 80px; background: rgba(255, 255, 255, 0.7); border: 0; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); cursor: pointer; opacity: 0; -webkit-transition: opacity 100ms ease-out; transition: opacity 100ms ease-out; } @media (min-width: 960px) { [class*="c-carousel-inf__btn"] { display: block; } } [class*="c-carousel-inf__btn"]:focus { outline: 1px dotted #009d4e; opacity: 1; } @media (min-width: 960px) { [class*="c-carousel-inf__btn"].c-carousel-inf__btn--left { -webkit-transform: translate(calc(-50% - 365px), -50%); -ms-transform: translate(calc(-50% - 365px), -50%); transform: translate(calc(-50% - 365px), -50%); } } @media (min-width: 1270px) { [class*="c-carousel-inf__btn"].c-carousel-inf__btn--left { -webkit-transform: translate(calc(-50% - 465px), -50%); -ms-transform: translate(calc(-50% - 465px), -50%); transform: translate(calc(-50% - 465px), -50%); } } [class*="c-carousel-inf__btn"].c-carousel-inf__btn--left::after { font-family: 'Font Awesome 6 Pro'; content: "\f053"; } @media (min-width: 960px) { [class*="c-carousel-inf__btn"].c-carousel-inf__btn--right { -webkit-transform: translate(calc(-50% + 365px), -50%); -ms-transform: translate(calc(-50% + 365px), -50%); transform: translate(calc(-50% + 365px), -50%); } } @media (min-width: 1270px) { [class*="c-carousel-inf__btn"].c-carousel-inf__btn--right { -webkit-transform: translate(calc(-50% + 465px), -50%); -ms-transform: translate(calc(-50% + 465px), -50%); transform: translate(calc(-50% + 465px), -50%); } } [class*="c-carousel-inf__btn"].c-carousel-inf__btn--right::after { font-family: 'Font Awesome 6 Pro'; content: "\f054"; } [class*="c-carousel-inf__btn"]::after { color: #000; font-size: 31px; line-height: 1.6; } .article-content .c-carousel-inf { width: 100vw; margin-left: calc(-50vw + 50%); } .c-video-bg { padding: 0; } .c-video-bg .c-item__inner { max-width: 100%; } .c-video-bg__container { display: grid; } .c-video-bg__container > * { grid-area: 1 / 1; } .c-video-bg__container video { display: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 650px) { .c-video-bg__container video { display: block; } } .c-video-bg__overlay { background: rgba(0, 0, 0, 0.6); } .c-video-bg__content { position: relative; width: 100%; max-width: 920px; margin: auto; padding: 20px; } @media (min-width: 650px) { .c-video-bg__content { padding: 40px; } } @media (min-width: 1270px) { .c-video-bg__content { padding: 0; } } .card--inner-1230 .c-video-bg__content { max-width: 1230px; } .rel--cardgrp_head [class*="c-item--card"], .rel--cardsrvchead [class*="c-item--card"], .rel--cardcarhead [class*="c-item--card"], .rel--cardcarinf_head [class*="c-item--card"], .rel--related_insights_head [class*="c-item--card"], .rel--related_events_head [class*="c-item--card"] { color: inherit; background-color: transparent ; } [class*="c-cardgrp"] [class*="c-item--card"] { background-color: transparent; } .rel--cardsrvchead .c-item--cardblob, .rel--cardcarhead .c-item--cardblob, .rel--cardcarinf_head .c-item--cardblob, .rel--cardsrvchead .c-item--cardcustom, .rel--cardcarhead .c-item--cardcustom, .rel--cardcarinf_head .c-item--cardcustom, .rel--cardsrvchead .c-item--webpart, .rel--cardcarhead .c-item--webpart, .rel--cardcarinf_head .c-item--webpart { padding: 0 0 30px; } @media (min-width: 650px) { .rel--cardsrvchead .c-item--cardblob, .rel--cardcarhead .c-item--cardblob, .rel--cardcarinf_head .c-item--cardblob, .rel--cardsrvchead .c-item--cardcustom, .rel--cardcarhead .c-item--cardcustom, .rel--cardcarinf_head .c-item--cardcustom, .rel--cardsrvchead .c-item--webpart, .rel--cardcarhead .c-item--webpart, .rel--cardcarinf_head .c-item--webpart { padding-bottom: 40px; } } .rel--cardcarinf_foot .c-item--cardblob, .rel--cardcarinf_foot .c-item--cardcustom, .rel--cardcarinf_foot .c-item--webpart { padding: 30px 0 0; } @media (min-width: 650px) { .rel--cardcarinf_foot .c-item--cardblob, .rel--cardcarinf_foot .c-item--cardcustom, .rel--cardcarinf_foot .c-item--webpart { padding-top: 40px; } } .c-cardgrp--related > .rel--related_events_foot { margin-top: -10px; } @media (min-width: 650px) { .c-cardgrp--related > .rel--related_events_foot { margin-top: -20px; } } @media (min-width: 960px) { .c-cardgrp--related > .rel--related_events_foot { margin-top: -40px; } } @media (min-width: 1270px) { .c-cardgrp--related > .rel--related_events_foot { margin-top: -60px; } } .c-cardgrp--related > .rel--related_events_foot [class*="c-item--card"] { padding-top: 0; } .c-cardgrp--related.card--related-news + .c-item--card:not(.section--default) { margin-top: -120px; padding-top: 140px; } .c-cardgrp--related.card--related-news.card--margin-top0 .related_insights_head-item { padding-top: 0 !important; } .c-cardgrp--related.card--related-news.card--margin-btm0 .related_insights_head-item { padding-bottom: 1px !important; } .card--related-news__no-date time { display: none; } .card--related-news .card-inner--related-news { margin: 0 auto; } @media (min-width: 1050px) { .card--related-news .card-inner--related-news { max-width: 930px; padding-right: 0; padding-left: 0; } } .card--related-news > .rel--related_insights_foot { margin-top: -120px; } .card--related-news > .rel--related_insights_foot [class*="c-item--card"] { position: relative; z-index: 0; padding-top: 140px; } .c-cardgrp--related.card--related-events .rel--related_events_head + .card-inner--related-events { padding-top: 0; } .c-cardgrp--related.card--related-events.card--margin-top0 .related_events_head-item { padding-top: 0 !important; } .c-cardgrp--related.card--related-events .card-inner--related-events { margin: 0 auto; } @media (min-width: 1050px) { .c-cardgrp--related.card--related-events .card-inner--related-events { max-width: 940px; padding-right: 0; padding-left: 0; } } .c-cardgrp--related.card--related-events .rel--related_events_head { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .c-cardgrp--related.card--related-events .rel--related_events_head .related_events_head-item { padding-top: 30px; padding-bottom: 0; } @media (min-width: 650px) { .c-cardgrp--related.card--related-events .rel--related_events_head .related_events_head-item { padding-top: 40px; } } @media (min-width: 960px) { .c-cardgrp--related.card--related-events .rel--related_events_head .related_events_head-item { padding-top: 60px; } } @media (min-width: 1270px) { .c-cardgrp--related.card--related-events .rel--related_events_head .related_events_head-item { padding-top: 80px; } } .c-cardgrp--related.card--related-events.card--gray-7 .tile-news .tile-inner { background-color: #1a1a1a; } .c-cardgrp--related.card--related-events.card--gray-6 .tile-news .tile-inner { background-color: #2b2b2b; } .c-cardgrp--related.card--related-events.card--gray-5 .tile-news .tile-inner { background-color: #404040; } .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .tile-inner { background-color: #666; } .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .tile-inner { background-color: #929292; } .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .tile-inner { background-color: #bbb; } .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .tile-inner { background-color: #e0e0e0; } .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .tile-inner { background-color: #f1f1f1; } .c-cardgrp--related.card--related-events.card--white .tile-news .tile-inner { background-color: #fff; } .c-cardgrp--related.card--related-events.card--black .tile-news .tile-inner { background-color: #000; } .c-cardgrp--related.card--related-events.card--green .tile-news .tile-inner { background-color: #e4f2e1; } .c-cardgrp--related.card--related-events.card--white .tile-news h3, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news h3, .c-cardgrp--related.card--related-events.card--gray-1 .tile-news h3, .c-cardgrp--related.card--related-events.card--green .tile-news h3, .c-cardgrp--related.card--related-events.card--white .tile-news strong, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news strong, .c-cardgrp--related.card--related-events.card--gray-1 .tile-news strong, .c-cardgrp--related.card--related-events.card--green .tile-news strong, .c-cardgrp--related.card--related-events.card--white .tile-news .tile-inner, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .tile-inner, .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .tile-inner, .c-cardgrp--related.card--related-events.card--green .tile-news .tile-inner { color: #000; } .c-cardgrp--related.card--related-events.card--white .tile-news .meta .topic, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .meta .topic, .c-cardgrp--related.card--related-events.card--green .tile-news .meta .topic, .c-cardgrp--related.card--related-events.card--white .tile-news .meta a, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .meta a, .c-cardgrp--related.card--related-events.card--green .tile-news .meta a { color: #00754a; } .c-cardgrp--related.card--related-events.card--white .tile-news .meta .topic:hover, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .meta .topic:hover, .c-cardgrp--related.card--related-events.card--green .tile-news .meta .topic:hover, .c-cardgrp--related.card--related-events.card--white .tile-news .meta a:hover, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .meta a:hover, .c-cardgrp--related.card--related-events.card--green .tile-news .meta a:hover, .c-cardgrp--related.card--related-events.card--white .tile-news .meta .topic:focus, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .meta .topic:focus, .c-cardgrp--related.card--related-events.card--green .tile-news .meta .topic:focus, .c-cardgrp--related.card--related-events.card--white .tile-news .meta a:focus, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .meta a:focus, .c-cardgrp--related.card--related-events.card--green .tile-news .meta a:focus { color: #00754a; } .c-cardgrp--related.card--related-events.card--white .tile-news .meta time, .c-cardgrp--related.card--related-events.card--gray-0 .tile-news .meta time, .c-cardgrp--related.card--related-events.card--green .tile-news .meta time { color: #666; } .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .meta .topic, .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .meta a { color: #005745; } .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .meta .topic:hover, .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .meta a:hover, .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .meta .topic:focus, .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .meta a:focus { color: #005745; } .c-cardgrp--related.card--related-events.card--gray-1 .tile-news .meta time { color: #404040; } .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .tile-inner, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .tile-inner { border-top-color: #404040; border-bottom-color: #404040; } .c-cardgrp--related.card--related-events.card--gray-2 .tile-news h3, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news h3, .c-cardgrp--related.card--related-events.card--gray-2 .tile-news strong, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news strong { color: #000; } .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .meta .topic, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .meta .topic, .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .meta a, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .meta a { color: #000; } .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .meta .topic:hover, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .meta .topic:hover, .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .meta a:hover, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .meta a:hover, .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .meta .topic:focus, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .meta .topic:focus, .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .meta a:focus, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .meta a:focus { color: #000; } .c-cardgrp--related.card--related-events.card--gray-2 .tile-news .meta time, .c-cardgrp--related.card--related-events.card--gray-3 .tile-news .meta time { color: #2b2b2b; } .c-cardgrp--related.card--related-events.card--gray-4 .tile-news h3, .c-cardgrp--related.card--related-events.card--gray-4 .tile-news strong { color: #f1f1f1; } .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .meta .topic, .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .meta a { color: #e4f2e1; } .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .meta .topic:hover, .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .meta a:hover, .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .meta .topic:focus, .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .meta a:focus { color: #e4f2e1; } .c-cardgrp--related.card--related-events.card--gray-4 .tile-news .meta time { color: #f1f1f1; } .c-cardgrp--related.card--related-events.card--gray-5 .tile-news .meta time { color: #bbb; } section .card--related-events .c-item--card { padding-top: 5px; } .c-cardgrp--default .rel--cardgrp_head[class*="c-item--card"], .c-cardgrp--default .rel--cardgrp_head [class*="c-item--card"] { padding-bottom: 0; } .c-cardgrp--default.card--margin-no .rel--cardgrp_head [class*="c-item--card"], .c-cardgrp--default.card--margin-no-all .rel--cardgrp_head [class*="c-item--card"], .c-cardgrp--default.card--margin-top0 .rel--cardgrp_head [class*="c-item--card"] { padding-top: 0; } .c-cardgrp--default > .rel--cardgrp_head + .card-inner--default [class*="c-item--card"] { padding-top: 32px; } .c-cardgrp--default .card-inner--default .card--webpart:not(:first-child), .c-cardgrp--default .card-inner--default .card-item:not(:first-child) { padding-top: 32px; } .c-cardgrp--default .card-inner--default .card--webpart:not(:last-child), .c-cardgrp--default .card-inner--default .card-item:not(:last-child) { padding-bottom: 0; } .c-cardgrp--default.card--margin-thin [class*="c-item--card"] { padding: 0 30px; } @media (min-width: 650px) { .c-cardgrp--default.card--margin-thin [class*="c-item--card"] { padding: 0 40px; } } @media (min-width: 960px) { .c-cardgrp--default.card--margin-thin [class*="c-item--card"] { padding: 0 60px; } } @media (min-width: 1270px) { .c-cardgrp--default.card--margin-thin [class*="c-item--card"] { padding: 0 155px; } } .c-cardgrp--default.card--gray-0 { background-color: #f1f1f1; } .c-cardgrp--default.card--gray-0 [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--gray-1 { background-color: #e0e0e0; } .c-cardgrp--default.card--gray-1 [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--gray-2 { background-color: #bbb; } .c-cardgrp--default.card--gray-2 [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--gray-3 { background-color: #929292; } .c-cardgrp--default.card--gray-3 [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--gray-4 { background-color: #666; } .c-cardgrp--default.card--gray-4 [class*="c-item--card"] { color: #fff; } .c-cardgrp--default.card--gray-5 { background-color: #404040; } .c-cardgrp--default.card--gray-5 [class*="c-item--card"] { color: #fff; } .c-cardgrp--default.card--gray-6 { background-color: #2b2b2b; } .c-cardgrp--default.card--gray-6 [class*="c-item--card"] { color: #fff; } .c-cardgrp--default.card--gray-7 { background-color: #1a1a1a; } .c-cardgrp--default.card--gray-7 [class*="c-item--card"] { color: #fff; } .c-cardgrp--default.card--black { background-color: #000; } .c-cardgrp--default.card--black [class*="c-item--card"] { color: #fff; } .c-cardgrp--default.card--white { background-color: #fff; } .c-cardgrp--default.card--white [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--brand-light { background-color: #e4f2e1; } .c-cardgrp--default.card--brand-light [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--green { background-color: #e4f2e1; } .c-cardgrp--default.card--green [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--green-1 { background-color: #e4f2e1; } .c-cardgrp--default.card--green-1 [class*="c-item--card"] { color: #000; } .c-cardgrp--default.card--transp { background-color: #fff; } .c-cardgrp--default.card--transp [class*="c-item--card"] { color: #000; } .c-grp--grid { container: gridcontainer / inline-size; padding-inline: 24px; } .c-grp--grid .card-inner--default { display: grid; grid-gap: 8px; margin-inline: auto; padding-block: 24px; } @media (min-width: 960px) { .c-grp--grid .card-inner--default { grid-template-columns: repeat(auto-fit,minmax(min(230px,100%),1fr)); } } @media (min-width: 1270px) { .c-grp--grid .card-inner--default { grid-template-columns: repeat(auto-fit,minmax(min(300px,100%),1fr)); } } .c-grp--grid .card-inner--default > [class*="c-item--card"] { height: 100%; padding: 0 !important; } @media (min-width: 650px) { .c-grp--grid { padding-inline: 32px; } } @media (min-width: 960px) { .c-grp--grid { padding-inline: 40px; } } @media (min-width: 1270px) { .c-grp--grid { padding-inline: 155px; } } @media (min-width: 650px) { .c-grp--grid-4col .card-inner--default { grid-template-columns: repeat(auto-fit,minmax(min(290px,100%),1fr)); grid-gap: 16px; } } @media (min-width: 960px) { .c-grp--grid-4col .card-inner--default { grid-template-columns: repeat(auto-fit,minmax(min(340px,100%),1fr)); grid-gap: 24px; } } @media (min-width: 1130px) { .c-grp--grid-4col .card-inner--default { grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr)); grid-gap: 16px; } } @media (min-width: 1270px) { .c-grp--grid-4col .card-inner--default { grid-template-columns: repeat(auto-fit,minmax(min(220px,100%),1fr)); } } .c-grp__col--fullwidth { grid-column: 1 / -1; } .c-grp__col1--1third { grid-column: 1 / -1; } @media (min-width: 960px) { .c-grp__col1--1third { grid-column: 1 / 2; } } .c-grp__col2--1third { grid-column: 1 / -1; } @media (min-width: 650px) { .c-grp__col2--1third { grid-column: 2 / 3; } } .c-grp__col2--2third { grid-column: 1 / -1; } @media (min-width: 960px) { .c-grp__col2--2third { grid-column: 2 / -1; } } @container gridcontainer (min-width: 1270px) { .c-grp--grid .card-inner--default { max-width: 1230px; grid-gap: 16px; } } .c-grid--order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .c-grid--order-last { -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; } @media (min-width: 960px) { .c-grid--order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .c-grid--order-sm-last { -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; } } @media (min-width: 960px) { .c-grid--order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .c-grid--order-md-last { -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; } } @media (min-width: 1270px) { .c-grid--order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .c-grid--order-lg-last { -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; } } .c-cardgroup-lws { margin: 0 auto; /* featured video */ } .c-cardgroup-lws [class*="c-item--card"] { padding-right: 20px; padding-left: 20px; } @media (min-width: 650px) { .c-cardgroup-lws { max-width: 960px; } .c-cardgroup-lws [class*="c-item--card"] { padding-right: 20px; padding-left: 20px; } } @media (min-width: 960px) { .c-cardgroup-lws { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-cardgroup-lws > .card-inner--default { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .c-cardgroup-lws > .rel--cardgrp_foot { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .c-cardgroup-lws [class*="c-item--card"] { padding-right: 20px; padding-left: 20px; } } @media (min-width: 1270px) { .c-cardgroup-lws { max-width: 1270px; } .c-cardgroup-lws [class*="c-item--card"] { padding-right: 20px; padding-left: 20px; } } .c-cardgroup-lws .c-item--webpart .embed-responsive.embed-responsive-16by9 { border: 1px solid #bbb; border-radius: 10px; } .c-lws-top5 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; } .c-lws-top5 li { margin: 0 0 5px; padding: 0 5px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; line-height: 1; } .wf-active .c-lws-top5 li { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .c-lws-modal { display: grid; -webkit-box-align: end; -ms-flex-align: end; align-items: end; max-width: 450px; margin-bottom: 20px; padding: 15px; border: 1px solid transparent; } @media (min-width: 650px) { .c-lws-modal { padding: 20px 15px; } } @media (min-width: 960px) { .c-lws-modal--wrapper:first-of-type .c-lws-modal { margin-top: 20px; } } .c-lws-modal > * { grid-area: 1 / 1; } .c-lws-modal_quote { display: inline-grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; padding: 20px; color: #000; font-size: 16px; font-weight: 300; line-height: 1.5; text-align: inherit; background-color: #fff; border: 6px solid transparent; border-color: #e97200 #00945d #0070cd #7b2481; aspect-ratio: 2; } @media (min-width: 650px) { .c-lws-modal_quote { font-size: 20px; line-height: 27px; } } .c-lws-modal_quote .play-btn { display: none; } .c-lws-modal_quote:hover, .c-lws-modal_quote:focus { color: #000; text-decoration: none; } .c-lws-modal_quote:hover .play-btn, .c-lws-modal_quote:focus .play-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-lws-modal--meta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -5px -7px 20px; } @media (min-width: 650px) { .c-lws-modal--meta { margin-bottom: -10px; } } .c-lws-modal--meta-strength { padding: 0 10px; text-transform: uppercase; letter-spacing: 0.1em; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; line-height: 1.5; white-space: nowrap; background-color: #fff; } .wf-active .c-lws-modal--meta-strength { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } @media (min-width: 650px) { .c-lws-modal--meta-strength { font-size: 14px; font-weight: 400; line-height: 1.7; } } .c-lws-modal .c-timestamp { padding: 0 5px; color: #fff; font-size: 11px; font-weight: 400; line-height: 1.5; background-color: #000; } @media (min-width: 650px) { .c-lws-modal .c-timestamp { font-size: 14px; font-weight: 400; line-height: 1.7; } } .c-lws-modal--title { font-weight: 600; font-size: 14px; } @media (min-width: 650px) { .c-lws-modal--title { font-size: 16px; } } .c-lws-modal--byline { display: block; margin-top: 0; color: #404040; font-weight: 400; font-size: 14px; } .c-cardgroup-footer-overlay { margin: 0 auto; } @media (min-width: 960px) { .c-cardgroup-footer-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; max-width: none; padding: 0 calc((100vw - 1000px)/2); } .c-cardgroup-footer-overlay > .card-inner--default { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .c-cardgroup-footer-overlay > .card-inner--default + div { -webkit-box-flex: 0; -ms-flex: 0 1 0%; flex: 0 1 0%; margin-bottom: -130px; } .c-cardgroup-footer-overlay [class*="c-item--card"] { padding-right: 40px; padding-left: 40px; } } .c-cols--max2, .c-cols--max3, .c-cols--max4 { margin: 0; padding: 0; -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; list-style: none; } .c-cols--max2 > div, .c-cols--max3 > div, .c-cols--max4 > div, .c-cols--max2 > li, .c-cols--max3 > li, .c-cols--max4 > li { display: table; width: 100%; margin: 0; page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } @media (min-width: 960px) { .c-cols--max2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .c-cols--max3, .c-cols--max4 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 1270px) { .c-cols--max4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .c-cols--max5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } } .c-cols__rule { -webkit-column-rule: 1px solid transparent; -moz-column-rule: 1px solid transparent; column-rule: 1px solid transparent; } .c-cols__rule--primary { -webkit-column-rule-color: #009d4e; -moz-column-rule-color: #009d4e; column-rule-color: #009d4e; } .c-cols__rule--gel-black { -webkit-column-rule-color: #000; -moz-column-rule-color: #000; column-rule-color: #000; } .c-cols__rule--gel-green-1 { -webkit-column-rule-color: #e4f2e1; -moz-column-rule-color: #e4f2e1; column-rule-color: #e4f2e1; } .c-cols__rule--gel-green-2 { -webkit-column-rule-color: #009d4e; -moz-column-rule-color: #009d4e; column-rule-color: #009d4e; } .c-cols__rule--gel-white { -webkit-column-rule-color: #fff; -moz-column-rule-color: #fff; column-rule-color: #fff; } .c-cols__rule--gel-gray-2 { -webkit-column-rule-color: #bbb; -moz-column-rule-color: #bbb; column-rule-color: #bbb; } .c-cols__rule--strengths-executing { -webkit-column-rule-color: #7b2481; -moz-column-rule-color: #7b2481; column-rule-color: #7b2481; } .c-cols__rule--strengths-influencing { -webkit-column-rule-color: #e97200; -moz-column-rule-color: #e97200; column-rule-color: #e97200; } .c-cols__rule--strengths-relationship { -webkit-column-rule-color: #0070cd; -moz-column-rule-color: #0070cd; column-rule-color: #0070cd; } .c-cols__rule--strengths-strategic { -webkit-column-rule-color: #00945d; -moz-column-rule-color: #00945d; column-rule-color: #00945d; } .c-cols--gap-8 { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .c-cols--gap-16 { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .c-cols--gap-20 { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .c-cols--gap-24 { -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .c-cols--gap-40 { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .u-max2cols, .u-max3cols { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .u-max2cols--callout-border, .u-max3cols--callout-border { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 3px solid #009d4e; -moz-column-rule: 3px solid #009d4e; column-rule: 3px solid #009d4e; } @media (min-width: 960px) { .u-max2cols, .u-max2cols--callout-border { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .u-max3cols, .u-max3cols-callout-border { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } .feat--list.c-item__inner { max-width: 1230px; margin: 0 auto; } @media (min-width: 700px) { .feat--list.c-item__inner { max-width: 1230px; } } .feat--list__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px; } .feat--list__header h2 { margin-right: 15px; font-size: 27px; line-height: 36px; } @media (min-width: 700px) { .feat--list__header h2 { font-size: 39px; font-weight: 300; line-height: 1.5; } } .feat--list__more a { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; line-height: 36px; } .wf-active .feat--list__more a { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .feat--list__more a::after { font-family: 'Font Awesome 6 Pro'; content: "\f054"; } .feat--list__more a::after { margin-left: 2px; } .feat--list__content { display: grid; -ms-flex-line-pack: start; align-content: start; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 15px; } @media (min-width: 700px) { .feat--list__content { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media (min-width: 870px) { .feat--list__content { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } } @media (min-width: 1080px) { .feat--list__content { row-gap: 7px; } } @media (min-width: 960px) { .feat--list__content { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } .feat--list .feat--item__topic-link:focus, .feat--list .feat--list__more-link:focus { outline: 2px solid #000; outline-offset: 2px; } .feat--item { border-top: 1px solid #bbb; } .feat--item > a:hover, .feat--item > a:active, .feat--item > a:focus { text-decoration: none; } .feat--item > a:hover h3, .feat--item > a:active h3, .feat--item > a:focus h3 { text-decoration: underline; text-decoration-thickness: 1px; } .feat--item > a:hover .feat--item__image, .feat--item > a:active .feat--item__image, .feat--item > a:focus .feat--item__image, .feat--item > a:hover .feat--item__thumbnail img, .feat--item > a:active .feat--item__thumbnail img, .feat--item > a:focus .feat--item__thumbnail img { -webkit-filter: brightness(0.5); filter: brightness(0.5); } .feat--item h3 { font-family: Georgia, "Times New Roman", Times, serif; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; font-size: 16px; line-height: 25px; } .wf-active .feat--item h3 { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } @media (min-width: 700px) { .feat--item h3 { font-size: 20px; } } .feat--item__topic { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; padding: 15px 0; line-height: 11px; } .wf-active .feat--item__topic { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .feat--item__synopsis { padding: 15px 0; font-size: 14px; line-height: 24px; } .feat--item__image { background-repeat: no-repeat; background-position: top center; background-size: cover; } .feat--item [class*="icon--"]::before { font-size: 20px; font-weight: 400; line-height: 1.7; margin-right: 10px; vertical-align: middle; } .feat--item .icon--play::before { font-family: 'Font Awesome 6 Pro'; content: "\f144"; } .feat--sanserif h2:not(.foo), .feat--sanserif h3 { font-family: Arial, Helvetica, sans-serif; } .wf-active .feat--sanserif h2:not(.foo), .wf-active .feat--sanserif h3 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } @media (min-width: 700px) { .feat--sanserif .feat--list__header h2 { font-size: 31px; font-weight: 300; line-height: 1.6; } } .feat--sanserif .feat--list__more a { line-height: normal; } .feat--sanserif .feat--list-1 .feat--item:first-child h3 { font-size: 27px; line-height: 36px; } @media (min-width: 700px) { .feat--sanserif .feat--list-1 .feat--item__thumbnail { padding-top: 15px; } } .feat--sanserif .feat--item h3 { line-height: 30px; } .feat--list-5 .feat--list__content, .feat--list-6 .feat--list__content { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; row-gap: 20px; } @media (min-width: 700px) { .feat--list-5 .feat--list__content, .feat--list-6 .feat--list__content { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media (min-width: 870px) { .feat--list-5 .feat--list__content, .feat--list-6 .feat--list__content { grid-template-columns: repeat(2, minmax(200px, 1fr)); } } @media (min-width: 1080px) { .feat--list-5 .feat--list__content, .feat--list-6 .feat--list__content { grid-template-columns: repeat(4, minmax(200px, 1fr)); -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; row-gap: 30px; } } .feat--list-5 .feat--item__image, .feat--list-6 .feat--item__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 100px; } .feat--list-5 .feat--item__image-wrapper, .feat--list-6 .feat--item__image-wrapper { position: relative; margin: 5px 0; padding-bottom: 50%; overflow: hidden; } .feat--list-5 .feat--item, .feat--list-6 .feat--item { border-top: 0; } .feat--list-5 .feat--item .no-wp-hover, .feat--list-6 .feat--item .no-wp-hover { color: inherit; } .feat--list-5 .feat--item h3, .feat--list-6 .feat--item h3 { font-size: 20px; line-height: 25px; } @media (min-width: 1080px) { .card--inner-920 .feat--list-1 .feat--list__content, .card--inner-920 .feat--list-3 .feat--list__content, .card--inner-920 .feat--list-4 .feat--list__content { grid-template-columns: repeat(3, minmax(260px, 1fr)); } .card--inner-920 .feat--list-1 .feat--item:first-child > a, .card--inner-920 .feat--list-1 .feat--item:first-child .feat--item__topic { grid-template-columns: repeat(2, minmax(260px, 1fr)); } .card--inner-920 .feat--list-2 .feat--list__content { grid-template-columns: repeat(3, minmax(180px, 1fr)) minmax(260px, 1fr); } } @media (min-width: 700px) { .feat--list-1 .feat--list__content { grid-template-columns: repeat(2, minmax(300px, 1fr)); } } @media (min-width: 960px) { .feat--list-1 .feat--list__content { row-gap: 30px; } } @media (min-width: 1080px) { .feat--list-1 .feat--list__content { grid-template-columns: repeat(3, minmax(300px, 1fr)); } } .feat--list-1 .feat--item { padding-top: 15px; } .feat--list-1 .feat--item:first-child { border-top: 0; } @media (min-width: 700px) { .feat--list-1 .feat--item:first-child { grid-row: 1 / span 2; grid-column: 1 / span 2; } } .feat--list-1 .feat--item:first-child > a, .feat--list-1 .feat--item:first-child .feat--item__topic { display: grid; -ms-flex-line-pack: start; align-content: start; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media (min-width: 700px) { .feat--list-1 .feat--item:first-child > a, .feat--list-1 .feat--item:first-child .feat--item__topic { grid-template-columns: repeat(2, minmax(250px, 1fr)); } } @media (min-width: 960px) { .feat--list-1 .feat--item:first-child > a, .feat--list-1 .feat--item:first-child .feat--item__topic { grid-template-columns: repeat(2, minmax(300px, 1fr)); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } @media (min-width: 700px) { .feat--list-1 .feat--item:first-child .feat--item__topic-link { grid-column: 2; } } .feat--list-1 .feat--item:first-child h3 { font-size: 27px; line-height: 36px; } @media (min-width: 700px) { .feat--list-1 .feat--item:first-child h3 { font-size: 31px; line-height: 43px; } } @media (min-width: 1080px) { .feat--list-1 .feat--item:nth-child(2) { border-top: 0; } } .feat--list-1 .feat--item:nth-child(n+2) > a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; } .feat--list-1 .feat--item h3 { padding-top: 15px; } .feat--list-1 .feat--item__topic { padding: 0; } @media (max-width: 699px) { .feat--list-1 .feat--item__topic-empty { display: none; } } .feat--list-1 .feat--item__image { min-height: 153px; margin: 5px 0; } @media (min-width: 700px) { .feat--list-1 .feat--item__image { grid-row: 1 / span 4; grid-column: 1; min-height: 243px; margin: -24px 0 0; } } .feat--list-1 .feat--item__thumbnail { width: 60px; height: 60px; margin-left: 20px; } .feat--list-1 .feat--item__thumbnail img { width: 100%; height: 60px; -o-object-fit: cover; object-fit: cover; } @media (min-width: 960px) { .feat--list-1 .feat--item__thumbnail { width: 80px; height: 80px; margin-left: 30px; } .feat--list-1 .feat--item__thumbnail img { height: 80px; } } @media (min-width: 700px) and (max-width: 869px) { .feat--list-2 .feat--list__content .feat--item:nth-child(-n+2) h3 { padding-top: 0; } .feat--list-2 .feat--list__content .feat--item-3 .feat--item__image { display: none; } } @media (min-width: 870px) { .feat--list-2 .feat--list__content { grid-template-columns: repeat(3, minmax(250px, 1fr)); } .feat--list-2 .feat--list__content .feat--item:nth-child(-n+3) h3 { padding-top: 0; } .feat--list-2 .feat--list__content .feat--item-3 { border-top: 0; } } @media (min-width: 1080px) { .feat--list-2 .feat--list__content { grid-template-columns: repeat(3, fit-content(250px)) minmax(300px, 1fr); } .feat--list-2 .feat--list__content .feat--item:nth-child(-n+3) { grid-row: 1 / span 3; } .feat--list-2 .feat--list__content .feat--item:nth-child(-n+4) { border-top: 0; } .feat--list-2 .feat--list__content .feat--item:nth-child(-n+4) h3 { padding-top: 0; } } .feat--list-2 .feat--item:nth-child(n+2) { border-top-width: 1px; border-top-style: solid; } .feat--list-2 .feat--item a { display: grid; grid-gap: 20px 15px; -ms-flex-line-pack: start; align-content: start; } .feat--list-2 .feat--item h3 { padding-top: 15px; } .feat--list-2 .feat--item__image { display: none; } @media (min-width: 700px) { .feat--list-2 .feat--item__image { display: block; grid-row: 1; min-height: 130px; } } @media (min-width: 870px) and (max-width: 1079px) { .feat--list-3 .feat--list__content { grid-template-columns: repeat(2, minmax(285px, 1fr)); } } @media (min-width: 1080px) { .feat--list-3 .feat--list__content { grid-template-columns: repeat(3, minmax(300px, 1fr)); } } .feat--list-3 .feat--item:first-child { border-top: 0; } @media (min-width: 700px) { .feat--list-3 .feat--item:first-child { grid-row: 1 / span 3; grid-column: 1 / span 2; } } .feat--list-3 .feat--item:first-child > a { display: grid; -ms-flex-line-pack: start; align-content: start; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } @media (min-width: 700px) { .feat--list-3 .feat--item:first-child > a { grid-template-columns: repeat(2, minmax(285px, 1fr)); } } @media (min-width: 960px) { .feat--list-3 .feat--item:first-child > a { -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } .feat--list-3 .feat--item:first-child h3 { font-size: 20px; line-height: 30px; } @media (min-width: 700px) { .feat--list-3 .feat--item:first-child h3 { font-size: 27px; line-height: 36px; } } @media (min-width: 1080px) { .feat--list-3 .feat--item:first-child h3 { padding-top: 0; } } @media (min-width: 1080px) { .feat--list-3 .feat--item:nth-child(2) { border-top: 0; } .feat--list-3 .feat--item:nth-child(2) h3 { padding-top: 0; } } .feat--list-3 .feat--item h3 { padding-top: 15px; } .feat--list-3 .feat--item__image { min-height: 153px; margin: 5px 0; } @media (min-width: 700px) { .feat--list-3 .feat--item__image { grid-row: 1 / span 4; grid-column: 1; min-height: 186px; } } .v12-feat--list-3 { color: #000 !important; } .v12-feat--list-3 .feat--list__header { margin-bottom: 6px; } .v12-feat--list-3 .feat--list__header h2 { margin-inline: 0; font-size: 20px; text-wrap: nowrap; } .v12-feat--list-3 .feat--list__content { display: block; } .v12-feat--list-3 .feat--list__content .feat--item { border-top: 1px solid #bbb; } .v12-feat--list-3 .feat--list__content .feat--item:first-child > a { grid-template-columns: none; } .v12-feat--list-3 .feat--list__content .feat--item:first-child .feat--item__image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 8px 0; } .v12-feat--list-3 .feat--list__content .feat--item:first-child h3 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0; font-size: 18px; line-height: 1.7; } .v12-feat--list-3 .feat--list__content .feat--item:first-child .feat--item__synopsis { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding: 7px 0 15px; } .v12-feat--list-3 .feat--list__content h3 { padding: 15px 0; font-size: 18px; line-height: 1.7; } .v12-feat--list-3 .feat--list__content .feat--item:nth-child(2) h3 { padding-top: 15px; } .v12-feat--list-3 .feat--list__content .feat--item:last-child { display: none; } @media (min-width: 870px) and (max-width: 1079px) { .feat--list-4 .feat--list__content { grid-template-columns: repeat(2, minmax(285px, 1fr)); } } @media (min-width: 1080px) { .feat--list-4 .feat--list__content { grid-template-columns: repeat(3, minmax(300px, 1fr)); } } .feat--list-4 .feat--item h3 { padding-top: 15px; } .feat--list-4 .feat--item a { display: grid; -ms-flex-line-pack: start; align-content: start; } @media (min-width: 1080px) { .feat--list-4 .feat--item:nth-child(2) { border-top: 0; } .feat--list-4 .feat--item:nth-child(2) h3 { padding-top: 0; } } @media (min-width: 700px) { .feat--list-4 .feat--list__chart { grid-row: 1 / span 4; grid-column: 1 / span 2; } } .feat--list-4 .feat--list__chart .time-period-selector, .feat--list-4 .feat--list__chart .figure-table { display: none; } .feat--list-4 .feat--list__chart-img { min-height: 300px; background-repeat: no-repeat; background-position: top center; background-size: cover; } @media (min-width: 700px) { .feat--list-5 .feat--item-1 { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .feat--list-5 .feat--item-1 .feat--item__image { min-height: 295px; } } @media (min-width: 1080px) { .feat--list-5 .feat--item-1 { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } } .feat--list-5 .feat--item-1 .feat--item__image-wrapper { padding-bottom: 67%; } .feat--list-5 .feat--item-1 .feat--item__text { display: grid; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .feat--list-5 .feat--item-1 h3 { font-size: 27px; line-height: 36px; } @media (min-width: 700px) { .feat--list-5 .feat--item-1 h3 { font-size: 31px; line-height: 43px; } } .feat-col--1 .feat--list-6 .feat--item-2 { display: none !important; } .feat-col--1 .feat--list-6 .feat--item-3, .feat-col--2 .feat--list-6 .feat--item-3, .feat-col--1 .feat--list-6 .feat--item-4, .feat-col--2 .feat--list-6 .feat--item-4 { display: none !important; } .feat-col--3 .feat--list-6 .feat--item-4 { display: none !important; } @media (min-width: 700px) { .feat-col--3 .feat--list-6 .feat--item-1 { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(200px, 1fr)); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .feat-col--3 .feat--list-6 .feat--item-1 .feat--item__text { display: grid; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .feat-col--1 .feat--list-6 .feat--item-1, .feat-col--1 .feat--list-6 .feat--item-2 { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(200px, 1fr)); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .feat-col--1 .feat--list-6 .feat--item-1 .feat--item__text, .feat-col--1 .feat--list-6 .feat--item-2 .feat--item__text { display: grid; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .feat-col--1 .feat--list-6 h3 { font-size: 27px; line-height: 36px; } } @media (min-width: 870px) { .feat-col--3 .feat--list-6 .feat--list__content { grid-template-columns: repeat(3, minmax(200px, 1fr)); } .feat-col--3 .feat--list-6 .feat--item-1 { display: block; grid-column: 1; } .feat-col--3 .feat--list-6 .feat--item-1 .feat--item__text { display: block; } } @media (min-width: 1080px) { .feat-col--2 .feat--list-6 .feat--list__content { grid-template-columns: repeat(2, 1fr); } .feat-col--2 .feat--list-6 .feat--item { display: grid; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .feat-col--2 .feat--list-6 .feat--item .feat--item__text { display: grid; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .card--white .feat--list .feat--item__topic-link, .card--gray-0 .feat--list .feat--item__topic-link, .card--white .feat--list .feat--list__more-link, .card--gray-0 .feat--list .feat--list__more-link { color: #00754a; } .card--white .feat--list .feat--item__topic-link:focus, .card--gray-0 .feat--list .feat--item__topic-link:focus, .card--white .feat--list .feat--list__more-link:focus, .card--gray-0 .feat--list .feat--list__more-link:focus { outline-color: #00754a; } .card--gray-1 .feat--list .feat--item__topic-link, .card--gray-1 .feat--list .feat--list__more-link { color: #005745; } .card--gray-1 .feat--list .feat--item__topic-link:focus, .card--gray-1 .feat--list .feat--list__more-link:focus { outline-color: #005745; } .card--gray-6 .feat--list .feat--item__topic-link, .card--gray-7 .feat--list .feat--item__topic-link, .card--black .feat--list .feat--item__topic-link, .card--gray-6 .feat--list .feat--list__more-link, .card--gray-7 .feat--list .feat--list__more-link, .card--black .feat--list .feat--list__more-link { color: #009d4e; } .card--gray-6 .feat--list .feat--item__topic-link:focus, .card--gray-7 .feat--list .feat--item__topic-link:focus, .card--black .feat--list .feat--item__topic-link:focus, .card--gray-6 .feat--list .feat--list__more-link:focus, .card--gray-7 .feat--list .feat--list__more-link:focus, .card--black .feat--list .feat--list__more-link:focus { outline-color: #009d4e; } .card--gray-6 .feat--list .feat--item, .card--gray-7 .feat--list .feat--item, .card--black .feat--list .feat--item { border-top-color: #666; } .feat--item > a, .feat--item__text > a { display: block; color: inherit; } .feat--item > a:focus, .feat--item__text > a:focus { outline: 2px solid #000; outline-color: inherit; outline-offset: 0; } .card--white .feat--item > a:focus, .card--white .feat--item__text > a:focus, .card--gray-0 .feat--item > a:focus, .card--gray-0 .feat--item__text > a:focus { outline-color: #00754a; } .card--gray-1 .feat--item > a:focus, .card--gray-1 .feat--item__text > a:focus { outline-color: #005745; } .card--black .feat--item > a:focus, .card--black .feat--item__text > a:focus, .card--gray-7 .feat--item > a:focus, .card--gray-7 .feat--item__text > a:focus, .card--gray-6 .feat--item > a:focus, .card--gray-6 .feat--item__text > a:focus { outline-color: #009d4e; } .feat--item [class*="icon--"]::before { color: #00754a; } .card--black .feat--item [class*="icon--"]::before, .card--gray-7 .feat--item [class*="icon--"]::before, .card--gray-6 .feat--item [class*="icon--"]::before { color: #009d4e; } .card--border-top .feat--list { border-top: 1px solid #bbb; } .card--border-top .feat--list:first-child { padding-top: 30px; } .card--border-top.card--black .feat--list, .card--black .card--border-top .feat--list, .card--border-top.card--gray-7 .feat--list, .card--gray-7 .card--border-top .feat--list, .card--border-top.card--gray-6 .feat--list, .card--gray-6 .card--border-top .feat--list { border-top-color: #666; } .feat--list-media .feat--list__content { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } @media (min-width: 700px) { .feat--list-media .feat--list__content { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 699px) { [class*="feat--podcast"] { grid-column: 1 / span 2; } } [class*="feat--podcast"] a { display: grid; -ms-flex-line-pack: start; align-content: start; } [class*="feat--podcast"] h3 { padding-top: 15px; } [class*="feat--podcast"] .feat--item__more { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; color: #00754a; line-height: 20px; vertical-align: middle; } .wf-active [class*="feat--podcast"] .feat--item__more { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .card--black [class*="feat--podcast"] .feat--item__more, .card--gray-7 [class*="feat--podcast"] .feat--item__more, .card--gray-6 [class*="feat--podcast"] .feat--item__more { color: #009d4e; } @media (min-width: 700px) { .feat--podcast-1 { grid-row: 1 / span 4; } } .feat--podcast-1 .feat--item__header { display: grid; grid-column-gap: 20px; grid-template-columns: 60px auto; } @media (min-width: 700px) { .feat--podcast-1 .feat--item__header { grid-template-columns: 80px auto; } } .feat--podcast-1 .feat--item__header-noimage { grid-template-columns: auto; } .feat--podcast-1 .feat--item__header-noimage img { display: none; } @media (min-width: 700px) { .feat--podcast-1 img { grid-row: 1 / span 2; } } @media (max-width: 699px) { .feat--podcast-1 .feat--item__more { grid-column: 1 / span 2; padding-top: 20px; } } .feat--podcast-1 .feat--item__tagline { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; padding-top: 20px; } .wf-active .feat--podcast-1 .feat--item__tagline { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } @media (min-width: 700px) { .feat--podcast-1 .feat--item__tagline { padding-top: 40px; } } .feat--podcast-1, .feat--podcast-2, .feat--podcast-static { border-top: 0; } .feat--podcast-1 h3, .feat--podcast-2 h3, .feat--podcast-static h3 { padding-top: 0; } .feat--podcast-static { grid-column: 1 / span 2; } @media (max-width: 699px) { .feat--podcast-static { grid-row: 2; padding-bottom: 30px; } .feat--podcast-static .grid--wrapper { padding-top: 20px; } } .feat--podcast-static p { font-size: 16px; font-weight: 400; line-height: 1.5; } .feat--podcast-static .grid--wrapper { display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fill, 108px); } .card-error { background-color: #f4e2e2; grid-column: 1 / -1; } a.card-error:hover, a.card-error:focus { background-color: #e6bdbd; } .card-error p { margin: 0; padding: 15px 30px; font-weight: 600; font-size: 18px; } .c-pjac__webpart.c-item__inner { max-width: 1230px; margin: 0 auto; } .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: 920px; margin-right: auto; margin-left: auto; } .c-carousel-datawrapper { width: 100%; } .l-clp--no-heading .c-item--cardmain .c-item__header { display: none; } .l-clp--main-white .c-item--cardmain { background-color: #fff; } .l-clp--main-green .c-item--cardmain { background-color: #e4f2e1; } .l-clp--main-center .c-item--cardmain .c-item__inner { margin: 0 auto; text-align: center; } .l-clp--main__inner-white .c-item--cardmain .c-item__inner, .card--image__inner-white { color: #000; background-color: #fff ; max-width: 770px; margin: 0 auto; text-align: center; } @media (min-width: 650px) { .l-clp--main__inner-white .c-item--cardmain .c-item__inner, .card--image__inner-white { padding: 20px; } } @media (min-width: 960px) { .l-clp--main__inner-white .c-item--cardmain .c-item__inner, .card--image__inner-white { max-width: 920px; padding: 120px 40px; } } .l-clp--carousel-white .c-carousel { background-color: #fff; } .l-clp--releasesrvc-cmt .c-item--cardmain, .l-clp--releasesrvc-cardmain-transparent .c-item--cardmain { color: #fff; background-color: #2b2b2b ; } .l-clp--releasesrvc-cmt .c-item--cardmain .c-item__inner, .l-clp--releasesrvc-cardmain-transparent .c-item--cardmain .c-item__inner { color: #fff; background-color: transparent ; padding: 0; } .l-clp--releasesrvc-cmt .c-item--cardmain .c-topic, .l-clp--releasesrvc-cardmain-transparent .c-item--cardmain .c-topic { color: #fff; } .l-clp--releasesrvc-cmt .c-item--cardmain .c-item__content, .l-clp--releasesrvc-cardmain-transparent .c-item--cardmain .c-item__content { padding-bottom: 0; } .card-page--success { padding-bottom: 80px; } .card-page--individual .article--cards { background-color: #fff; } .card-page--individual .c-item--cardmain { color: #fff; background-color: #000 ; } @media (min-width: 1270px) { .card-page--individual .c-item--cardmain { padding-bottom: 240px; } } .card-page--individual .c-item--cardmain .c-item__header + .c-item__content { margin-top: 0; } .card-page--individual .c-topic { color: #009d4e; } .l-clp--contact .c-item--cardmain .c-item__inner { max-width: 770px; padding-right: 0; } .l-clp--contact .c-item--cardmain h1 { font-size: 45px; font-weight: 300; line-height: 1.3; margin-bottom: 0; text-align: center; } .l-clp--global-offices .article--cards { background-color: #2b2b2b; background-image: url("https://content.gallup.com/origin/gallupinc/¾«¶«Ó°ÒµSpaces/Production/Cms/WWWV7CORP/q-lunmk7nec75_-sjz-72w.svg"); background-repeat: no-repeat; background-position: center 50px; background-size: 90%; } .l-clp--global-offices .c-item--cardmain, .l-clp--global-offices .c-item--cardcustom { background-color: transparent; } @media (min-width: 960px) { .l-clp--global-offices .c-item--cardmain .c-item__inner { max-width: 920px; margin-right: auto; margin-left: auto; } } .l-clp--global-offices .c-item--cardmain .c-item__header { display: none; } .l-clp--global-offices .c-item--cardmain h2 { font-size: 31px; font-weight: 300; line-height: 1.6; } .l-clp--global-offices .c-item--cardmain p { color: #bbb; font-size: 16px; font-weight: 400; line-height: 1.5; } .l-clp--global-offices .c-item--cardcustom { padding-top: 0; } .c-accordion--locations, .c-accordion--locations ul { margin: 0; padding: 0; list-style-type: none; } .c-accordion--locations ul { margin-bottom: 10px; padding-left: 30px; } .c-accordion--locations .c-accordion__panel { padding: 5px 0; border-top: 1px solid #929292; } .c-accordion--locations .c-accordion__panel:last-child { border-bottom: 1px solid #929292; } .c-accordion--locations .c-accordion__toggle, .c-accordion--locations .c-accordion__link { border-bottom: 0; } .c-accordion--locations .c-accordion__toggle:hover, .c-accordion--locations .c-accordion__link:hover { text-decoration: none; background-color: transparent; } .c-accordion--locations .c-accordion__toggle { position: relative; display: block; padding: 5px 0; color: #009d4e; } .c-accordion--locations .c-accordion__toggle::after { 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; content: "\e01d"; font-size: 16px; font-weight: 400; line-height: 1.5; position: absolute; right: 0; line-height: 38px; } .c-accordion--locations .c-accordion__toggle.collapsed::after, .c-accordion--locations .c-accordion__toggle[aria-expanded="true"]::after { content: "\e01c"; } .c-accordion--locations .c-accordion__link { color: #bbb; } .c-accordion--locations .c-accordion__link::after { 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; content: "\e01f"; font-size: 16px; font-weight: 400; line-height: 1.5; margin-left: 10px; color: #009d4e; vertical-align: middle; } .c-card--location-back { position: relative; background-color: #404040; } .c-card--location-back .c-item--cardmain { padding: 10px 20px; background-color: #404040; } .c-card--location-back .c-item--cardmain p { margin: 0; } @media (min-width: 960px) { .c-card--location-back .c-item--cardmain .c-item__inner { max-width: 920px; margin-right: auto; margin-left: auto; } } .c-card--location-back .c-item__header { display: none; } .c-card--location-back .c-item__header + .c-item__content { margin-top: 0; } .c-card--location-back .icon--previous { color: #fff; font-size: 16px; font-weight: 400; line-height: 1.5; } .c-card--location-back .icon--previous::before { 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; content: "\e01e"; margin-right: 15px; color: #009d4e; line-height: 1.7; vertical-align: middle; } @media (min-width: 960px) { .c-card--location-back .c-card--maps { margin-top: 372px; } } @media (min-width: 1270px) { .c-card--location-back .c-card--maps { margin-top: 492px; } } @media (min-width: 960px) { .c-card--location-details, .c-card--location-map { position: absolute; right: 50%; width: 50%; max-width: 465px; min-height: 372px; } .c-card--location-details .c-item__inner, .c-card--location-map .c-item__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media (min-width: 1270px) { .c-card--location-details, .c-card--location-map { position: absolute; right: 50%; width: 50%; max-width: 615px; min-height: 492px; } .c-card--location-details .c-item__inner, .c-card--location-map .c-item__inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media (min-width: 960px) { .c-card--location-details .c-item__content { padding: 40px 60px; } } @media (min-width: 1270px) { .c-card--location-details .c-item__content { padding: 80px 155px; } } .c-card--location-details h3 { font-size: 31px; font-weight: 300; line-height: 1.6; } .c-card--location-details h4 { font-size: 16px; font-weight: 400; line-height: 1.5; } .c-card--location-details p { font-size: 14px; font-weight: 400; line-height: 1.7; } .c-card--location-map { left: 50%; } @media (max-width: 959px) { .c-card--location-map { padding: 0; } } .c-card--location-map .c-item__content, .c-card--location-map iframe { width: 100%; height: 100%; } .c-card--location-map iframe { display: block; min-height: 300px; } .cookie-maps--display { padding: 0; } .c-card--legal-center-policies .c-item__title { display: none; } .c-card--legal-center-policies .flex-wrapper { margin: 0 -5px; } .c-card--legal-center-policies .flex-item { display: block; -ms-flex-preferred-size: calc(33.33333% - 10px); flex-basis: calc(33.33333% - 10px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; min-height: 175px; margin: 5px; padding: 20px; } .c-card--legal-center-policies .flex-item h4, .c-card--legal-center-policies .flex-item p { color: #000; } .c-card--legal-center-policies .flex-item h4 { font-weight: 400; } .c-card--legal-center-policies .flex-item p { margin: 0; font-weight: 300; font-size: 18px; line-height: 1.6; } .c-card--legal-center-policies .flex-item:hover h4 span { border-bottom: 1px solid #009d4e; } .l-clp--bp10 .c-item--cardmain .c-item__inner { padding-right: 0; } .l-clp--bp10 .c-item__header + .c-item__content { margin-top: 0; } .l-clp--bp10 .c-item--cardblob h2 { font-size: 31px; font-weight: 300; line-height: 1.6; } .l-clp--bp10 .c-image--book { max-width: 100%; margin: 80px auto -260px; } @media (min-width: 650px) { .l-clp--bp10 .c-image--book { max-width: 50%; } } @media (min-width: 960px) { .l-clp--bp10 .c-image--book { max-width: 85%; margin-top: -80px; } } .l-clp--bp10 .c-image--retailers { max-width: 100%; margin-top: 260px; margin-bottom: 80px; } @media (min-width: 960px) { .l-clp--bp10 .c-image--retailers { max-width: 50%; margin-top: 0; } } .l-clp--bp10 .c-card--request-info { margin-top: 28px; margin-bottom: -132px; padding: 20px; } .l-clp--bp10 .c-card--authors { margin-bottom: -28px; } @media (min-width: 960px) { .l-clp--bp10 .c-card--authors { margin-bottom: -132px; } } .l-clp--bp10 .c-title--preorder { margin-top: 132px; } @media (min-width: 960px) { .l-clp--bp10 .c-title--preorder { margin-top: 60px; } } .l-clp--bp10 .card-content--assessment-report { position: relative; margin-bottom: -160px; padding: 40px; } @media (min-width: 960px) { .l-clp--bp10 .card-content--assessment-report { padding: 80px; } } .l-clp--bp10 .card-content--assessment-report ul { margin-bottom: 0; padding-left: 0; } .l-clp--bp10 .card-content--assessment-report .flex-item { margin-bottom: 0; } .l-clp--bp10 .card-content--assessment-cta { margin-top: 160px; } @media (min-width: 960px) { .l-clp--bp10 .card-content--assessment-cta { margin-top: 80px; } } .l-clp--bp10 .card-content-assessment-clients .flex-item { margin-bottom: 20px; } .l-clp--bp10 .card-content-assessment-clients .flex-wrapper-20 { margin-bottom: 40px; } .l-clp--bp10 .card-content--resources-blog img { margin-bottom: 30px; } .l-clp--bp10 .c-card--bp10-header .c-item--cardmain { text-align: center; } @media (min-width: 960px) { .flexsplit-40 .c-image--book { margin-top: -20px; } } @media (min-width: 1270px) { .flexsplit-40 .c-image--book { max-width: 100%; margin-top: -80px; } } .c-arrow-timeline { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 60px 0; } .c-arrow-timeline::after { position: absolute; right: 10px; bottom: -20px; left: 0; display: block; height: 6px; background: -webkit-gradient(linear, left top, right top, from(#c3dc73), to(#009d4e)); background: linear-gradient(to right, #c3dc73, #009d4e); content: ""; } .c-arrow-timeline::before { position: absolute; right: -10px; bottom: -27px; display: block; width: 0; height: 0; border: 10px solid #009d4e; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; content: ""; } .c-arrow-timeline__point { position: relative; letter-spacing: 2px; text-align: center; text-transform: uppercase; } .c-arrow-timeline__point:first-child { text-align: left; } .c-arrow-timeline__point:first-child::after { left: 0; margin-left: 0; } .c-arrow-timeline__point:last-child::after { content: none; } .c-arrow-timeline__point::after { position: absolute; bottom: -24px; left: 50%; z-index: 1; display: block; width: 14px; height: 14px; margin-left: -7px; background-color: #009d4e; border-radius: 100%; content: ""; } .c-shuffled-overlay { position: relative; padding-top: 80px; } .c-shuffled-overlay::before, .c-shuffled-overlay::after { display: table; content: " "; } .c-shuffled-overlay::after { clear: both; } .c-shuffled-overlay__content { position: relative; z-index: 1; max-width: 700px; padding: 30px; } @media (min-width: 650px) { .c-shuffled-overlay__content { padding: 50px; } } @media (min-width: 960px) { .c-shuffled-overlay__content { width: 770px; } } .c-shuffled-overlay__content--right { float: right; } .c-shuffled-overlay__image { position: absolute; top: 0; z-index: 0; width: 600px; max-width: 100%; height: 250px; background-position: center; background-size: cover; } @media (min-width: 650px) { .c-shuffled-overlay__image { height: 450px; } } @media (min-width: 960px) { .c-shuffled-overlay__image { width: 700px; } } .c-shuffled-overlay__image--left { left: 0; } .c-shuffled-overlay__image--right { right: 0; } .l-clp--fow-article .c-item--cardmain h1, .l-clp--fow-article .c-item--cardblob h2, .l-clp--fow-article .l-clp--fow-title-card h1 { font-family: Arial, Helvetica, sans-serif; } .wf-active .l-clp--fow-article .c-item--cardmain h1, .wf-active .l-clp--fow-article .c-item--cardblob h2, .wf-active .l-clp--fow-article .l-clp--fow-title-card h1 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .l-clp--fow-article .sa-releasesrvc .c-item--cardmain .c-item__inner, .l-clp--fow-article .sa-releasesrvc .l-clp--fow-title-card .c-item__inner { max-width: 100%; padding-right: 0; border-bottom: 0; } .l-clp--fow-article .c-item--cardmain, .l-clp--fow-article .l-clp--fow-title-card { padding: 0; } @media (min-width: 960px) { .l-clp--fow-article .c-item--cardmain, .l-clp--fow-article .l-clp--fow-title-card { padding: 0 20px; } } .l-clp--fow-article .c-item--cardmain .c-item__content, .l-clp--fow-article .l-clp--fow-title-card .c-item__content, .l-clp--fow-article .c-item--cardmain .card-content__topic, .l-clp--fow-article .l-clp--fow-title-card .card-content__topic, .l-clp--fow-article .c-item--cardmain .flex-item-20, .l-clp--fow-article .l-clp--fow-title-card .flex-item-20 { margin: 0; } .l-clp--fow-article .c-item--cardmain .s-header__col-1, .l-clp--fow-article .l-clp--fow-title-card .s-header__col-1, .l-clp--fow-article .c-item--cardmain .s-header__col-2, .l-clp--fow-article .l-clp--fow-title-card .s-header__col-2 { padding: 20px 40px; text-align: center; } @media (min-width: 960px) { .l-clp--fow-article .c-item--cardmain .s-header__col-1, .l-clp--fow-article .l-clp--fow-title-card .s-header__col-1 { -ms-flex-preferred-size: 35%; flex-basis: 35%; max-width: 35%; padding: 0 60px; text-align: right; } } @media (min-width: 1270px) { .l-clp--fow-article .c-item--cardmain .s-header__col-1, .l-clp--fow-article .l-clp--fow-title-card .s-header__col-1 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } } @media (min-width: 960px) { .l-clp--fow-article .c-item--cardmain .s-header__col-2, .l-clp--fow-article .l-clp--fow-title-card .s-header__col-2 { -ms-flex-preferred-size: 65%; flex-basis: 65%; max-width: 65%; padding: 35px 20px; text-align: left; } } @media (min-width: 1270px) { .l-clp--fow-article .c-item--cardmain .s-header__col-2, .l-clp--fow-article .l-clp--fow-title-card .s-header__col-2 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } } .l-clp--fow-article .card--related-events { padding-bottom: 40px; } .l-clp--fow-article .card--related-events, .l-clp--fow-article .card--related-events .tile-news .tile-inner { background-color: #404040; } .l-clp--fow-article .l-clp--fow-title-card { background: #000; } .l-hx--sanserif .sa-releasecard h1, .l-hx--sanserif .sa-releasesrvc h1 { font-size: 31px; font-weight: 300; line-height: 1.6; font-family: Arial, Helvetica, sans-serif; } .wf-active .l-hx--sanserif .sa-releasecard h1, .wf-active .l-hx--sanserif .sa-releasesrvc h1 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } @media (min-width: 650px) { .l-hx--sanserif .sa-releasecard h1, .l-hx--sanserif .sa-releasesrvc h1 { font-size: 39px; font-weight: 300; line-height: 1.5; } } .l-hx--sanserif .sa-releasecard h2:not(.text--serif):not(.specificity-override), .l-hx--sanserif .sa-releasesrvc h2:not(.text--serif):not(.specificity-override), .l-hx--sanserif .sa-releasecard h3:not(.text--serif):not(.specificity-override), .l-hx--sanserif .sa-releasesrvc h3:not(.text--serif):not(.specificity-override) { font-family: Arial, Helvetica, sans-serif; } .wf-active .l-hx--sanserif .sa-releasecard h2:not(.text--serif):not(.specificity-override), .wf-active .l-hx--sanserif .sa-releasesrvc h2:not(.text--serif):not(.specificity-override), .wf-active .l-hx--sanserif .sa-releasecard h3:not(.text--serif):not(.specificity-override), .wf-active .l-hx--sanserif .sa-releasesrvc h3:not(.text--serif):not(.specificity-override) { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .l-hx--sanserif .sa-releasecard section:not([class*="-acc-tab"]) h2:not(.specificity-override), .l-hx--sanserif .sa-releasesrvc section:not([class*="-acc-tab"]) h2:not(.specificity-override) { font-size: 27px; font-weight: 300; line-height: 1.7; font-family: Arial, Helvetica, sans-serif; } .wf-active .l-hx--sanserif .sa-releasecard section:not([class*="-acc-tab"]) h2:not(.specificity-override), .wf-active .l-hx--sanserif .sa-releasesrvc section:not([class*="-acc-tab"]) h2:not(.specificity-override) { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } @media (min-width: 650px) { .l-hx--sanserif .sa-releasecard section:not([class*="-acc-tab"]) h2:not(.specificity-override), .l-hx--sanserif .sa-releasesrvc section:not([class*="-acc-tab"]) h2:not(.specificity-override) { font-size: 31px; font-weight: 300; line-height: 1.6; } } .c-block { position: relative; display: block; min-width: 260px; overflow: hidden; color: #fff; background-color: #000; } [class*="flex-item"] .c-block { margin-bottom: 10px; } .c-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .c-block .overlay { position: relative; z-index: 0; min-height: 300px; padding: 30px; } .c-block--centered .overlay { display: grid; place-content: center; } a.c-block--centered { text-decoration: none; background-color: transparent; border: 0; } a.c-block--centered:hover img, a.c-block--centered:focus img { -webkit-filter: brightness(0.75) !important; filter: brightness(0.75) !important; } a.c-block--centered:hover .link-hover, a.c-block--centered:focus .link-hover { text-decoration: underline; text-decoration-color: #009d4e; text-decoration-thickness: 1px; } a.c-block--centered:hover .link-hover::after, a.c-block--centered:focus .link-hover::after { text-decoration: none; } .rel-chapter { background-color: #fff; } .rel-chapter .rel--chapter { padding: 0 30px; background-color: #fff; } @media (min-width: 650px) { .rel-chapter .rel--chapter { padding: 0 40px; } } @media (min-width: 960px) { .rel-chapter .rel--chapter { padding: 0 60px; } } @media (min-width: 1270px) { .rel-chapter .rel--chapter { padding: 0 155px; } } .chapter-sggt { padding: 0; background-color: #e4f2e1; } @media (min-width: 650px) { .chapter-sggt { padding: 0 20px; } } .chapter-header { position: relative; } .chapter-main { max-width: 740px; padding: 0 0 16px; color: #000; font-size: 18px; font-weight: 300; line-height: 1.6; } .chapter-main .sggt-image { margin: 0 -20px; padding: 0; } @media (min-width: 650px) { .chapter-main .sggt-image { margin: 0; } } .chapter-main .figure-table { max-width: 700px; margin: 0; padding: 20px; } .chapter-main ul { margin-top: 16px; margin-bottom: 16px; } .chapter-acc-tab { max-width: 920px; margin: 0 auto; padding: 0; overflow: hidden; border-bottom-color: transparent; } .chapter-acc-tab .chapter-header h2 { max-width: 100%; padding: 16px 0; color: #000; font-size: 20px; font-weight: 400; line-height: 1.7; border-bottom: 0; } .chapter-acc-tab .chapter-header h2::after { font-family: 'Font Awesome 6 Pro'; content: "\f078"; } .chapter-acc-tab .chapter-header h2::after { padding-left: 10px; color: #00754a; font-size: 20px; font-weight: 400; line-height: 1.7; } @media (min-width: 960px) { .chapter-acc-tab .chapter-header h2::after { position: absolute; right: 20px; } } @media (min-width: 960px) { .chapter-acc-tab .chapter-header h2 { max-width: calc(100% - 40px); } } .chapter-acc-tab .chapter-header a { padding: 0; color: inherit; text-align: left; border-top: 1px solid #666; border-bottom: 0; } .chapter-acc-tab .chapter-header a.collapsed h2::after { font-family: 'Font Awesome 6 Pro'; content: "\f077"; } .l-hx--sanserif .sa-releasecard .chapter-header h2, .l-hx--sanserif .sa-releasesrvc .chapter-header h2 { font-size: 20px; font-weight: 400; line-height: 1.7; } .l-hx--sanserif .sa-releasecard .cardsrvc-tabs h2:not(.spedificity-override), .l-hx--sanserif .sa-releasesrvc .cardsrvc-tabs h2:not(.spedificity-override) { font-size: 20px; } .rel-chapter--slim { background-color: transparent; } .rel-chapter--slim .rel--chapter { margin-top: 10px; } .rel-chapter--slim .rel--chapter:first-child { margin-top: 0; } .rel-chapter--slim .chapter-acc-tab { width: 100%; padding: 0; } .rel-chapter--slim .chapter-acc-tab .chapter-header { padding: 0 20px; } .rel-chapter--slim .chapter-acc-tab .chapter-header a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 0; border: 0; } .rel-chapter--slim .chapter-acc-tab .chapter-header a.collapsed::before { font-family: 'Font Awesome 6 Pro'; content: "\f077"; } .rel-chapter--slim .chapter-acc-tab .chapter-header a::before { font-family: 'Font Awesome 6 Pro'; content: "\f078"; } .rel-chapter--slim .chapter-acc-tab .chapter-header a::before { margin-right: 20px; color: #2b2b2b; font-size: 20px; font-weight: 400; line-height: 1.7; } .rel-chapter--slim .chapter-acc-tab .chapter-header h2 { padding: 0; font-size: 20px; font-weight: 300; line-height: 1.7; } .rel-chapter--slim .chapter-acc-tab .chapter-header h2::after { display: none; } @media (min-width: 650px) { .rel-chapter--slim .chapter-acc-tab .chapter-header h2 { font-size: 27px; font-weight: 300; line-height: 1.7; } } .rel-chapter--slim .chapter-main { padding: 1px 40px; } .rel-chapter--slim .chapter-main blockquote { font-size: 14px; font-weight: 400; line-height: 1.7; } .rel-chapter--interactive { background-color: transparent; } .rel-chapter--interactive .rel--chapter { margin-top: 10px; } .rel-chapter--interactive .rel--chapter:first-child { margin-top: 0; } .rel-chapter--interactive .rel--chapter .innercmsitem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 960px) { .rel-chapter--interactive .rel--chapter .innercmsitem { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .rel-chapter--interactive .chapter-img { height: 130px; background-position: center; background-size: cover; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .rel-chapter--interactive .chapter-img--active { height: 200px; } @media (min-width: 960px) { .rel-chapter--interactive .chapter-img { min-width: 350px; height: auto; } } .rel-chapter--interactive .chapter-img--grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .rel-chapter--interactive .chapter-img--grayscale.chapter-img--active { -webkit-filter: none; filter: none; } .rel-chapter--interactive .chapter-acc-tab { width: 100%; padding: 0 30px; border-top: 17px solid #e4f2e1; } @media (min-width: 960px) { .rel-chapter--interactive .chapter-acc-tab { padding: 0 20px; border-top: 0; border-left: 22px solid #e4f2e1; } } @media (min-width: 1270px) { .rel-chapter--interactive .chapter-acc-tab { padding: 0 75px; } } .rel-chapter--interactive .chapter-acc-tab .chapter-header a { border: 0; } .rel-chapter--interactive .chapter-acc-tab .chapter-header h2 { padding: 30px 0; font-size: 31px; font-weight: 300; line-height: 1.6; } .rel-chapter--interactive .chapter-acc-tab .chapter-header h2::after { font-size: 27px; } .chapter-main--full .chapter-main { max-width: 100%; } .modno-flexbox .cardsrvc-acc-tab header, .nojs .cardsrvc-acc-tab header, .modno-flexbox .cardsrvc-acc-tab .collapse, .nojs .cardsrvc-acc-tab .collapse { display: block; } .rel-cardsrvc { position: relative; overflow: hidden; } .rel-cardsrvc.card--gray-0.c-item--card { color: #000; background-color: #f1f1f1 ; } .rel-cardsrvc.card--gray-0.c-item--card .cardsrvc-header { background: #f1f1f1; } .rel-cardsrvc.card--gray-0.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #000; } .rel-cardsrvc.card--gray-0.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #000; } .rel-cardsrvc.card--gray-1.c-item--card { color: #000; background-color: #e0e0e0 ; } .rel-cardsrvc.card--gray-1.c-item--card .cardsrvc-header { background: #e0e0e0; } .rel-cardsrvc.card--gray-1.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #000; } .rel-cardsrvc.card--gray-1.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #000; } .rel-cardsrvc.card--gray-2.c-item--card { color: #000; background-color: #bbb ; } .rel-cardsrvc.card--gray-2.c-item--card .cardsrvc-header { background: #bbb; } .rel-cardsrvc.card--gray-2.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #000; } .rel-cardsrvc.card--gray-2.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #000; } .rel-cardsrvc.card--gray-3.c-item--card { color: #000; background-color: #929292 ; } .rel-cardsrvc.card--gray-3.c-item--card .cardsrvc-header { background: #929292; } .rel-cardsrvc.card--gray-3.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #000; } .rel-cardsrvc.card--gray-3.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #000; } .rel-cardsrvc.card--gray-4.c-item--card { color: #fff; background-color: #666 ; } .rel-cardsrvc.card--gray-4.c-item--card .cardsrvc-header { background: #666; } .rel-cardsrvc.card--gray-4.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #fff; } .rel-cardsrvc.card--gray-4.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #fff; } .rel-cardsrvc.card--gray-5.c-item--card { color: #fff; background-color: #404040 ; } .rel-cardsrvc.card--gray-5.c-item--card .cardsrvc-header { background: #404040; } .rel-cardsrvc.card--gray-5.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #fff; } .rel-cardsrvc.card--gray-5.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #fff; } .rel-cardsrvc.card--gray-6.c-item--card { color: #fff; background-color: #2b2b2b ; } .rel-cardsrvc.card--gray-6.c-item--card .cardsrvc-header { background: #2b2b2b; } .rel-cardsrvc.card--gray-6.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #fff; } .rel-cardsrvc.card--gray-6.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #fff; } .rel-cardsrvc.card--gray-7.c-item--card { color: #fff; background-color: #1a1a1a ; } .rel-cardsrvc.card--gray-7.c-item--card .cardsrvc-header { background: #1a1a1a; } .rel-cardsrvc.card--gray-7.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #fff; } .rel-cardsrvc.card--gray-7.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #fff; } .rel-cardsrvc.card--black.c-item--card { color: #fff; background-color: #000 ; } .rel-cardsrvc.card--black.c-item--card .cardsrvc-header { background: #000; } .rel-cardsrvc.card--black.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #fff; } .rel-cardsrvc.card--black.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #fff; } .rel-cardsrvc.card--white.c-item--card { color: #000; background-color: #fff ; } .rel-cardsrvc.card--white.c-item--card .cardsrvc-header { background: #fff; } .rel-cardsrvc.card--white.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #000; } .rel-cardsrvc.card--white.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #000; } .rel-cardsrvc.card--transp.c-item--card { color: #000; background-color: #fff ; } .rel-cardsrvc.card--transp.c-item--card .cardsrvc-header { background: #fff; } .rel-cardsrvc.card--transp.cardsrvc-vertical .cardsrvc-title.cardsrvc-title { color: #000; } .rel-cardsrvc.card--transp.cardsrvc-vertical .cardsrvc-tabs li h2 { color: #000; } .rel-cardsrvc.card--white .cardsrvc-header h2, .rel-cardsrvc.card--gray-0 .cardsrvc-header h2, .rel-cardsrvc.card--gray-1 .cardsrvc-header h2, .rel-cardsrvc.card--green .cardsrvc-header h2, .rel-cardsrvc.card--white .cardsrvc-tabs h2, .rel-cardsrvc.card--gray-0 .cardsrvc-tabs h2, .rel-cardsrvc.card--gray-1 .cardsrvc-tabs h2, .rel-cardsrvc.card--green .cardsrvc-tabs h2 { color: #666; } .rel-cardsrvc.card--gray-2 .cardsrvc-header h2, .rel-cardsrvc.card--gray-2 .cardsrvc-tabs h2 { color: #404040; } .rel-cardsrvc.card--gray-3 .cardsrvc-header h2, .rel-cardsrvc.card--gray-4 .cardsrvc-header h2, .rel-cardsrvc.card--gray-5 .cardsrvc-header h2, .rel-cardsrvc.card--gray-6 .cardsrvc-header h2, .rel-cardsrvc.card--gray-7 .cardsrvc-header h2, .rel-cardsrvc.card--black .cardsrvc-header h2, .rel-cardsrvc.card--gray-3 .cardsrvc-tabs h2, .rel-cardsrvc.card--gray-4 .cardsrvc-tabs h2, .rel-cardsrvc.card--gray-5 .cardsrvc-tabs h2, .rel-cardsrvc.card--gray-6 .cardsrvc-tabs h2, .rel-cardsrvc.card--gray-7 .cardsrvc-tabs h2, .rel-cardsrvc.card--black .cardsrvc-tabs h2 { color: #f1f1f1 !important; } .rel-cardsrvc.c-item--card { color: #000; background-color: #fff ; } .rel-cardsrvc .flex-item { margin-top: 40px; } .rel-cardsrvc .flex-item h3 { margin: 12px 0; font-size: 20px; } @media (max-width: 480px) { .rel-cardsrvc { padding: 20px 0; } } @media (min-width: 960px) { .rel-cardsrvc { max-width: 100%; margin: 0 auto; padding: 71px calc(50vw - 480px + 120px) 40px; } .rel-cardsrvc .flex-item { margin-top: 0; padding-bottom: 80px; } .rel-cardsrvc .flex-item:nth-child(n+2) { border-left: 1px solid #bbb; } .rel-cardsrvc .flex-item.border--none:nth-child(n+2) { border-left: 0; } .rel-cardsrvc .flex-item.no-btn { padding-bottom: 0; } .rel-cardsrvc .flex-item .btn, .rel-cardsrvc .flex-item .gel-btn { position: absolute; bottom: 40px; left: 40px; } .rel-cardsrvc .flex-item .buttons .btn, .rel-cardsrvc .flex-item .buttons .gel-btn { position: static; } .rel-cardsrvc .flex-pure { padding: 0 20px; } .rel-cardsrvc .flex-pure :nth-child(n+2) { border-left: 0; } } @media (min-width: 1270px) { .rel-cardsrvc { max-width: 100%; margin: 0 auto; padding: 71px calc(50vw - 615px + 155px) 40px; } } .cardsrvc-tabs { display: none; } @media (min-width: 960px) { .cardsrvc-tabs { position: relative; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-height: 118px; margin: 0 -20px 40px; padding: 0; overflow: hidden; list-style: none; } .cardsrvc-tabs li { display: inline-block; text-align: center; } .cardsrvc-tabs li a { display: block; margin: 0 20px; text-decoration: none; border-bottom: 2px solid transparent; } .cardsrvc-tabs li a:hover, .cardsrvc-tabs li a:focus { text-decoration: none; border-bottom-color: #999; } .cardsrvc-tabs li.active a { border-bottom-color: #009d4e; } .cardsrvc-tabs h2 { font-family: Arial, Helvetica, sans-serif !important; font-size: 16px; font-weight: 400; line-height: 1.5; padding: 0 10px; color: #666; } .wf-active .cardsrvc-tabs h2 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif !important; } .cardsrvc-acc-tab { border-bottom: 0; } .cardsrvc-acc-tab header { display: none; } .cardsrvc-acc-tab p:first-child { margin-top: 0; } .tab-approach .flex-item { padding: 0 20px; } .tab-approach .flex-item:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 27%; flex: 0 0 27%; padding-top: 10px; } .tab-approach .flex-item:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border-left: 0; } } @media (min-width: 1270px) { .cardsrvc-tabs h1 { padding: 12px 20px; } } .tab-tile h2 { line-height: 1.25; } .tab-tile .meta { padding: 40px 0 0; } .cardsrvc-vertical:not(.specificity-override) { padding-top: 10px; } @media (max-width: 480px) { .cardsrvc-vertical:not(.specificity-override) { padding: 15px; } } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-title.cardsrvc-title { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; margin: 10px 0; color: #000; font-weight: 600; } .wf-active .cardsrvc-vertical:not(.specificity-override) .cardsrvc-title.cardsrvc-title { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-header .cardsrvc-accordion { margin: 6px 0; padding: 0 25px 0 0; text-align: left; border: 0; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-header .cardsrvc-accordion::after { position: absolute; top: 50%; right: 15px; bottom: auto; left: auto; width: 0; height: 0; border-color: #404040 transparent transparent transparent; border-style: solid; border-width: 5px 5px 0 5px; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); content: ""; -webkit-transform: translateY(-2.5px); -ms-transform: translateY(-2.5px); transform: translateY(-2.5px); } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-header h2 { padding: 0; color: #000; border: 0; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-header .collapsed { margin-bottom: 15px; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-header .collapsed h2 { padding-left: 10px; font-weight: 600; border-left: 5px solid #009d4e; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-header .collapsed::after { border-color: transparent transparent #404040 transparent; border-width: 0 5px 5px; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-content .rel--cardsrvc { border-top: 1px solid #929292; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-content .rel--cardsrvc:last-child { border-bottom: 1px solid #929292; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-main { margin: 0 15px 20px; padding: 0; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-main p { font-size: 16px; font-weight: 400; line-height: 1.5; } .cardsrvc-vertical:not(.specificity-override) .has-border .cardsrvc-main { background-color: #fff; border: 1px solid #e0e0e0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .cardsrvc-vertical:not(.specificity-override) .has-border .cardsrvc-main p { margin: 20px 25px; } @media (min-width: 960px) { .cardsrvc-vertical:not(.specificity-override) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 20px; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: none; margin: 0; padding-right: 10px; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs li { margin-bottom: 10px; text-align: left; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs li .cardsrvc-title { margin: 0; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs li a { border: 0; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs li a:hover { text-decoration: underline; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs li h2 { padding: 0; color: #000; text-align: left; font-size: 18px; font-weight: 400; line-height: 1.6; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs li.active a { padding-left: 10px; text-decoration: none; border-left: 5px solid #009d4e; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-tabs li.active h2 { font-weight: 600; } .cardsrvc-vertical:not(.specificity-override) .rel--cardsrvchead { display: none; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-content { -ms-flex-preferred-size: 66.66%; flex-basis: 66.66%; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-content .rel--cardsrvc { border: 0; } .cardsrvc-vertical:not(.specificity-override) .cardsrvc-content .rel--cardsrvc:last-child { border: 0; } } @media (min-width: 960px) { .cardsrvc-inline .cardsrvc-inline__header .cardsrvc-tabs { display: inline; max-height: none; margin: 0; padding: 0; } .cardsrvc-inline .cardsrvc-inline__header .cardsrvc-tabs li a { border: 0; } .cardsrvc-inline .cardsrvc-inline__header .cardsrvc-tabs li.active h2 { color: #00754a; font-weight: 600; } .cardsrvc-inline .cardsrvc-inline__header .cardsrvc-tabs h2 { padding: 0 5px; font-weight: 400; font-size: 16px; } } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .cardsrvc-header .collapsed h2 { font-weight: 300; border-left: 0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h1, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .h1, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h2, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .h2, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h3 { font-family: Arial, Helvetica, sans-serif !important; } .wf-active .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h1, .wf-active .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .h1, .wf-active .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h2, .wf-active .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .h2, .wf-active .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h3 { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif !important; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .rel--cardsrvchead .c-item--cardblob { padding: 20px 0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .rel--cardsrvchead .c-item--cardblob .header-card { display: none; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .header_underline { border-bottom: 1px solid #e0e0e0; } @media (max-width: 960px) { .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h1, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .h1 { font-size: 31px; font-weight: 300; line-height: 1.6; } } @media (min-width: 960px) { .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] { display: grid; grid-template-areas: "sidebar header" "sidebar content"; grid-template-columns: 1fr 2fr; max-width: 1230px; margin: 0 auto; padding: 0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h1, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .h1 { font-size: 39px; font-weight: 300; line-height: 1.5; margin: 0 0 20px; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h2, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .h2, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] h3 { font-size: 27px; font-weight: 300; line-height: 1.7; margin-top: 0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] li, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] p { font-size: 18px; font-weight: 300; line-height: 1.6; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .rel--cardsrvchead { display: block; grid-area: header; padding: 60px 60px 0 30px; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .rel--cardsrvchead .c-item--cardblob { padding: 0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .rel--cardsrvchead p:first-child { margin-top: 0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs { grid-area: sidebar; margin-right: -1px; padding: 60px 0; border-right: 1px solid #e0e0e0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs li { padding: 0 30px 0 60px; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs li h2 { font-weight: 400; font-size: 16px; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs li a:hover, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs li a:focus, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs li a:focus-visible { -webkit-text-decoration: underline solid #009d4e; text-decoration: underline solid #009d4e; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs li.active a { padding-left: 0; text-decoration: none !important; border-left: 0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"].cardsrvc-vertical .cardsrvc-tabs li.active a h2 { color: #00754a !important; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .cardsrvc-content { grid-area: content; border-left: 1px solid #e0e0e0; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .cardsrvc-content .cardsrvc-main { margin: 0; padding: 0 60px 60px 30px; } .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .cardsrvc-content .cardsrvc-main li, .rel-cardsrvc[class*="c-tabs-vertical--sidenav"] .cardsrvc-content .cardsrvc-main p { font-weight: 300; font-size: 18px; line-height: 1.6; } } @media (min-width: 960px) { .rel-cardsrvc.c-tabs-vertical--sidenav--scroll { overflow: visible; } .rel-cardsrvc.c-tabs-vertical--sidenav--scroll .cardsrvc-tabs { position: sticky; top: 50px; } .rel-cardsrvc.c-tabs-vertical--sidenav--scroll .collapse { display: block; height: auto !important; } } @media (min-width: 960px) { .tabitems-5 .flex-item { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .tabitems-4 .flex-item { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .tabitems-3 .flex-item { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .tabitems-2 .flex-item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .tabitems-1 .flex-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [class*="tabitems-"].card-item { padding-bottom: 0; } [class*="tabitems-"] .content-card { padding-bottom: 120px; } .tabstack-2.tabitems-2 .flex-item, .tabstack-2.tabitems-4 .flex-item { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; border-bottom: 1px solid #bbb; border-left: 0; } .tabstack-2.tabitems-2 .flex-item:last-child, .tabstack-2.tabitems-4 .flex-item:last-child, .tabstack-2.tabitems-2 .flex-item:nth-last-child(2), .tabstack-2.tabitems-4 .flex-item:nth-last-child(2) { border-bottom: 0; } .tabstack-2.tabitems-2 .flex-item:nth-child(odd), .tabstack-2.tabitems-4 .flex-item:nth-child(odd) { border-right: 1px solid #bbb; } } .c-large-x::before, .c-large-x::after { width: 50px; } .c-arrow-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: center; } .c-arrow-container .arrow-flex-row { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .c-arrow-container .arrow-flex-row p { line-height: normal; } .c-arrow-container .arrow-flex-row p:last-of-type { font-weight: 400; } .c-arrow-container .arrow-flex-row .arrow-separating-line { position: relative; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .c-arrow-container .arrow-flex-row .arrow-separating-line .u-border--thick { margin: 0; } .c-arrow-container .arrow-flex-row:not(:last-of-type) .arrow-separating-line hr::after { position: absolute; top: -7px; right: -4px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #009d4e; content: ""; } .c-arrow-container .arrow-flex-row:first-of-type .arrow-separating-line::before, .c-arrow-container .arrow-flex-row:last-of-type .arrow-separating-line::before { position: absolute; top: -3px; left: 0; border: 4px solid #009d4e; border-radius: 100%; content: ""; } .c-arrow-container .arrow-flex-row:last-of-type .arrow-separating-line::before { right: 0; left: inherit; } @media screen and (max-width: 960px) { .desktop-only-arrow { display: none; } .c-arrow-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-arrow-container .arrow-flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 80px; } .c-arrow-container .arrow-flex-row p { width: 25%; margin: 0; } .c-arrow-container .arrow-flex-row p:last-of-type { font-weight: 600; } .c-arrow-container .arrow-flex-row .arrow-separating-line { -ms-flex-preferred-size: unset; flex-basis: unset; width: 0; height: 100%; margin: 0 25px; border: 1px solid #009d4e; } .c-arrow-container .arrow-flex-row:not(:last-of-type) .arrow-separating-line::after { position: absolute; bottom: 0; left: -8px; border-top: 8px solid #009d4e; border-right: 8px solid transparent; border-left: 8px solid transparent; content: ""; } .c-arrow-container .arrow-flex-row:first-of-type .arrow-separating-line::before, .c-arrow-container .arrow-flex-row:last-of-type .arrow-separating-line::before { left: -4px; } .c-arrow-container .arrow-flex-row:last-of-type .arrow-separating-line::before { top: inherit; bottom: -4px; } } @media screen and (max-width: 480px) { .c-arrow-container .arrow-flex-row { height: 90px; } .c-arrow-container .arrow-flex-row p { width: 40%; } } .c-fade-img img { max-width: 100%; height: auto; } @media (min-width: 960px) { .c-fade-img img { width: calc(100% + 60px); max-width: calc(100% + 60px); } .c-fade-img.c-fade-img--left img { margin-left: -60px; } .c-fade-img.c-fade-img--right img { margin-right: -60px; } } @media (min-width: 1270px) { .c-fade-img img { width: calc(100% + 155px); max-width: calc(100% + 155px); } .c-fade-img.c-fade-img--left img { margin-left: -155px; } .c-fade-img.c-fade-img--right img { margin-right: -155px; } } .c-rotator { position: relative; background-color: #1a1a1a; } .c-rotator__inner { z-index: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; max-width: 930px; margin: 0 auto; } @media (min-width: 1270px) { .c-rotator__inner { max-width: 1230px; } } .c-rotator__item { z-index: 5; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; visibility: hidden; } .c-rotator__item.active { z-index: 20; visibility: visible; -webkit-animation-name: rotatorFade; animation-name: rotatorFade; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 6s; animation-delay: 6s; } .c-rotator.paused .c-rotator__item.active { -webkit-animation-name: none; animation-name: none; } .c-rotator__item.next { z-index: 10; -webkit-animation-name: rotatorItemVisibility; animation-name: rotatorItemVisibility; -webkit-animation-duration: 0s; animation-duration: 0s; -webkit-animation-delay: 6s; animation-delay: 6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .c-rotator.paused .c-rotator__item.next { visibility: hidden; -webkit-animation-name: none; animation-name: none; } .c-rotator__item [class*="c-item__content"] { text-shadow: 0 0 5px #000, 0 0 18px #000; } .c-rotator__image { position: absolute; top: 0; left: 0; z-index: -1; width: 100vw; height: 100%; overflow: hidden; background-color: #1a1a1a; } .c-rotator__image::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(70%, transparent)), -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(50%, transparent)); background: linear-gradient(to right, #000 0%, transparent 70%), linear-gradient(to top, #000 0%, transparent 50%); content: ""; } .c-rotator__image-background { width: 100%; height: 100%; background-position: top; background-size: cover; } .c-rotator__item.active .c-rotator__image-background { -webkit-animation-name: rotatorImgScale; animation-name: rotatorImgScale; -webkit-animation-duration: 8s; animation-duration: 8s; } .c-rotator.paused .c-rotator__image-background { -webkit-animation-name: none; animation-name: none; } .c-rotator [class*="c-item--card"] { background-color: transparent; } .c-rotator__nav { position: relative; z-index: 30; max-width: 100%; padding-bottom: 40px; overflow-x: scroll; } .c-rotator__nav::-webkit-scrollbar { display: none; } .c-rotator__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 920px; margin: 0 auto; padding: 0 30px; } @media (min-width: 650px) { .c-rotator__pagination { padding: 0 40px; } } @media (min-width: 960px) { .c-rotator__pagination { padding: 0 60px; } } @media (min-width: 1270px) { .c-rotator__pagination { padding: 0; } } .c-rotator__pagination-title { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-left: 5px; padding: 13px 5px 0; color: #fff; font-weight: 300; background: none; border: 0; } .c-rotator__pagination-title:first-child { margin-left: 0; } .c-rotator__pagination-title::before { position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #fff; content: ""; } .c-rotator__pagination-title::after { position: absolute; top: 0; left: 0; width: 0; height: 3px; background-color: #009d4e; content: ""; } .c-rotator__pagination-title.active::after { -webkit-animation-name: progressTitle, rotatorFade; animation-name: progressTitle, rotatorFade; -webkit-animation-duration: 6s, 2s; animation-duration: 6s, 2s; -webkit-animation-delay: 0s, 6s; animation-delay: 0s, 6s; -webkit-animation-fill-mode: forwards, both; animation-fill-mode: forwards, both; } .paused .c-rotator__pagination-title.active::after { width: 100%; -webkit-animation: none; animation: none; } @-webkit-keyframes rotatorFade { from { opacity: 1; } to { opacity: 0; } } @keyframes rotatorFade { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes rotatorItemVisibility { from { visibility: hidden; } to { visibility: visible; } } @keyframes rotatorItemVisibility { from { visibility: hidden; } to { visibility: visible; } } @-webkit-keyframes rotatorImgScale { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes rotatorImgScale { from { -webkit-transform: scale(1); transform: scale(1); } to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @-webkit-keyframes progressTitle { from { width: 0%; } to { width: 100%; } } @keyframes progressTitle { from { width: 0%; } to { width: 100%; } } .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; } .c-grid-layout { display: grid; grid-gap: 20px 10px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .c-grid-layout--gap-10 { gap: 10px; } .c-grid-layout--gap-30 { gap: 30px; } .c-grid-layout--gap-8 { gap: 8px; } .c-grid-layout--gap-16 { gap: 16px; } .c-grid-layout--gap-20 { gap: 20px; } .c-grid-layout--gap-24 { gap: 24px; } .c-grid-layout--gap-32 { gap: 32px; } .c-grid-layout--gap-40 { gap: 40px; } .c-grid-layout--colgap-8 { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; } .c-grid-layout--colgap-16 { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } .c-grid-layout--colgap-20 { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .c-grid-layout--colgap-24 { -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; } .c-grid-layout--colgap-32 { -webkit-column-gap: 32px; -moz-column-gap: 32px; column-gap: 32px; } .c-grid-layout--colgap-40 { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .c-grid-layout--rowgap-8 { row-gap: 8px; } .c-grid-layout--rowgap-16 { row-gap: 16px; } .c-grid-layout--rowgap-20 { row-gap: 20px; } .c-grid-layout--rowgap-24 { row-gap: 24px; } .c-grid-layout--rowgap-32 { row-gap: 32px; } .c-grid-layout--rowgap-40 { row-gap: 40px; } .c-grid-layout--col-450min { grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); } .c-grid-layout--col-300min { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .c-grid-layout--col-275min { grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); } .c-grid-layout--3col { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } @media (min-width: 480px) { .c-grid-layout--2col { grid-gap: 20px 40px; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); } } .c-grid-layout_item { border: 1px solid #e0e0e0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .c-grid-layout_horiz-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 20px; } .c-grid-layout_horiz-link::after { font-family: 'Font Awesome 6 Pro'; content: "\f054"; } .c-grid-layout_horiz-link-img { max-width: 75px; margin-right: 30px; } .c-grid-layout_horiz-link::after { -ms-flex-negative: 0; flex-shrink: 0; margin-left: auto; padding-right: 5px; color: #009d4e; font-size: 20px; } .c-grid-caption { display: inline-grid; justify-self: center; } .c-grid-caption--btm { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .c-grid-caption--1-1 > * { grid-area: 1 / 1; } .c-grid-caption--1-1 figcaption { z-index: 1; } .c-grid-caption .play-btn { display: none; } .c-grid-caption .play-btn__link:hover .play-btn, .c-grid-caption .play-btn__link:focus .play-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-grid-caption .c-timestamp { float: right; width: 52px; margin: 10px 22px; color: #fff; font-size: 14px; text-align: center; background: #000; } .c-grid-caption.u-border, .c-grid-caption .u-border { margin-bottom: 0; } .c-banner--subscribe-panel { display: none; } .c-pop-banner { padding: 30px !important; } .c-pop-banner .c-banner--subscribe-panel { display: block; padding: 0; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe { padding: 0; text-align: left; border: 0; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__topic { display: none; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__heading { width: 220px; margin-top: 10px; margin-bottom: 8px; font-weight: 600; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__heading > p { margin: 10px 0; font-weight: 300 !important; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__heading > p:first-child { font-weight: 600 !important; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__heading, .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__heading > p { font-size: 14px !important; line-height: 1.7 !important; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__signup-btn { width: 135px; border-radius: 5px; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__input-email, .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe .form-select select { height: 36px; color: #666; font-size: 14px !important; background-color: #f1f1f1; border: 0; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__input-container { display: block; margin: 0 0 10px; } .c-pop-banner .c-banner--subscribe-panel .c-quick-subscribe__input-container .form-group { max-width: 100%; padding: 8px 0; } .c-pop-banner .c-banner--subscribe-panel .validation-summary-errors > span { position: relative; padding: 10px 32px 10px 10px; } .c-pop-banner .c-banner--subscribe-panel .validation-summary-errors > span::after { position: absolute; top: 0; right: 4px; margin: 0; } .c-pop-banner .c-banner--subscribe-panel .validation-summary-errors ul { margin-block: 10px; padding: 0 20px 0 32px; } .c-pop-banner .c-banner--subscribe-panel .validation-summary-errors li { font-size: 11px; } .c-pop-banner .c-banner--subscribe-panel .form-select::after { color: #009d4e; } .c-pop-banner .c-banner--subscribe-panel .checkbox label { color: #fff; font-size: 11px; font-weight: 400; line-height: 1.5; } .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; } @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; } } .c-faux-phone { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 300px; overflow: hidden; border: 8px solid #000; border-radius: 50px; } .c-faux-phone .u-link--meta { position: absolute; top: 8px; right: 14px; z-index: 1; padding: 5px 10px; color: #000; background: #fff; border-radius: 5px; } .c-faux-phone__frame-wrapper { width: 430px; height: 600px; background: #fff; } .c-faux-phone__frame-wrapper iframe { width: 1000px; height: 1400px; padding-top: 8px; -webkit-transform: scale(0.43); -ms-transform: scale(0.43); transform: scale(0.43); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } @media (min-width: 650px) { .feat-v11--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -40px; } } .feat-v11--wrapper .feat-v11--container { -webkit-box-flex: 0; -ms-flex: 0 1 60%; flex: 0 1 60%; margin-bottom: 40px; } @media (min-width: 650px) { .feat-v11--wrapper .feat-v11--container { margin-bottom: 0; padding: 0 40px; } } .feat-v11--wrapper .feat-v11--item { padding: 20px 0; } .feat-v11--wrapper .feat-v11--item__topic { margin-bottom: 10px; color: #000; font-size: 11px; line-height: 14px; letter-spacing: 1.1px; text-transform: uppercase; } .feat-v11--wrapper .feat-v11--item__topic-empty { display: none; } .feat-v11--wrapper .feat-v11--item__link { color: #000; } .feat-v11--wrapper .feat-v11--item__link:hover img { -webkit-filter: brightness(0.5); filter: brightness(0.5); } .feat-v11--wrapper .feat-v11--item__link h3 { font-family: Georgia, "Times New Roman", Times, serif; } .wf-active .feat-v11--wrapper .feat-v11--item__link h3 { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } .feat-v11--wrapper .feat-v11--item__image > img { max-width: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 649px) { .feat-v11--wrapper .feat-v11--item__image > img { height: auto; max-height: 155px; } } .feat-v11--wrapper .trend-v11--container { position: sticky; top: 100px; -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; } @media (min-width: 650px) { .feat-v11--wrapper .trend-v11--container { height: 80vh; padding: 0 40px; } } .feat-v11--wrapper .trend-v11--item { padding: 20px 0; } .feat-v11--wrapper .trend-v11--item .trend-v11--item__link { color: #000; } .feat-v11--wrapper .trend-v11--item .trend-v11--item__link h4 { font-family: Georgia, "Times New Roman", Times, serif; } .wf-active .feat-v11--wrapper .trend-v11--item .trend-v11--item__link h4 { font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif; } .feat-v11--wrapper .trend-v11--item:not(:first-child) { border-top: 1px solid #bbb; } .feat-v11--wrapper .feat-v11--title, .feat-v11--wrapper .trend-v11--title { padding-bottom: 20px; border-bottom: 1px solid #bbb; } .feat-v11--wrapper .feat-v11--title div, .feat-v11--wrapper .trend-v11--title div { color: #000; font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; } .feat-v11--outer-wrapper { position: relative; } @media (max-width: 649px) { .feat-v11--outer-wrapper .feat-v11--fade { position: absolute; bottom: 40px; width: 100%; height: 150px; -webkit-box-shadow: inset 0 -70px 50px -30px #fff; box-shadow: inset 0 -70px 50px -30px #fff; } .feat-v11--outer-wrapper .feat-v11__btn-collapse { width: calc(100% + 60px); margin-left: -30px; padding: 10px; font-weight: 600; font-size: 14px; letter-spacing: 1.4px; text-align: center; text-transform: uppercase; background-color: #fff; border: 0; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); cursor: pointer; } .feat-v11--outer-wrapper .feat-v11__btn-collapse::after { font-family: 'Font Awesome 6 Pro'; content: "\f078"; } .feat-v11--outer-wrapper .feat-v11__btn-collapse::after { margin-left: 10px; color: #009d4e; font-size: 18px; vertical-align: middle; } .feat-v11--outer-wrapper .feat-v11__btn-collapse.active { border-top: 1px solid #e0e0e0; } .feat-v11--outer-wrapper .feat-v11__btn-collapse.active::after { font-family: 'Font Awesome 6 Pro'; content: "\f077"; } .feat-v11--outer-wrapper .feat-v11--collapsible { max-height: 1000px; overflow: hidden; -webkit-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; } } .c-horizontal-scroll .card-inner--default.card-inner--default [class*="c-item--card"] { padding-top: 20px; } .c-horizontal-scroll .card-inner--default h3 { margin-top: 20px; } @media (min-width: 960px) { .c-horizontal-scroll { padding: 40px 60px; } .c-horizontal-scroll .rel--cardgrp_head { position: sticky; top: 0; pointer-events: none; } .c-horizontal-scroll .rel--cardgrp_head .innercmsitem { pointer-events: all; } .c-horizontal-scroll .rel--cardgrp_head [class*="c-item--card"] { padding: 0; } .c-horizontal-scroll .card-inner--default { position: sticky; top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 920px; margin: 0 auto; overflow: visible; } .c-horizontal-scroll .card-inner--default .card-item { min-width: calc(50% + 20px); padding-right: 40px; } .c-horizontal-scroll .card-inner--default.card-inner--default [class*="c-item--card"] { padding: 0; } } .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; } .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; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; } .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; } .c-indicators { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 940px; margin: 0 auto; padding: 0 5px; } @media (max-width: 959px) { .c-indicators { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 1270px) { .c-indicators { max-width: 1220px; } } .c-indicators .rel--cardgrp_head { -webkit-box-flex: 0; -ms-flex: 0 1 60%; flex: 0 1 60%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-indicators .card-inner--default { -webkit-box-flex: 0; -ms-flex: 0 1 40%; flex: 0 1 40%; } .c-indicators > div:first-child { padding: 70px 0 40px 25px !important; } @media (max-width: 959px) { .c-indicators > div:first-child { padding: 0 30px 30px !important; } } .c-indicators > div:nth-child(2) { padding: 40px 25px 40px 0; } @media (max-width: 959px) { .c-indicators > div:nth-child(2) { padding: 30px 30px 0; } } .c-indicators__header { padding: 0 !important; } .c-indicators__header .i-heading { color: #00754a; font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; } .c-indicators__header .i-title { margin-top: 10px; margin-right: 20px; } .c-indicators__social { padding: 20px 0 0 !important; } .c-indicators__social .section-flex--share { margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #666; } .c-indicators__social .section-flex--share .social-icon { margin-right: 10px; } .c-indicators__social .section-flex--share .social-icon a { width: 28px; height: 28px; background-color: #000; } .c-indicators__social .section-flex--share .social-icon a:hover, .c-indicators__social .section-flex--share .social-icon a:focus { background-color: #e0e0e0; } .c-indicators__social .section-flex--share .social-icon a:hover::before, .c-indicators__social .section-flex--share .social-icon a:focus::before { color: #000; } .c-indicators__social .section-flex--share .social-icon a::before { line-height: 1.7; color: #fff; } .c-indicators__data { padding: 0 !important; } .c-indicators__data .i-data-section { padding: 20px 0; } .c-indicators__data .i-data-section:first-child { border-bottom: 1px solid #666; } .c-indicators__data .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-indicators__data .flex-container .flex--item { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin-bottom: 20px; } @media (max-width: 480px) { .c-indicators__data .flex-container .flex--item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .c-indicators__data .flex-container .flex--item .i-data-header { color: #00754a; font-size: 11px; line-height: 14px; letter-spacing: 1.1px; text-transform: uppercase; } .c-indicators__data .flex-container .flex--item .i-data .i-data-value { display: inline-block; vertical-align: middle; } .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-up, .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-down, .c-indicators__data .flex-container .flex--item .i-data .i-data--no-icon { display: inline-block; margin-left: 12px; padding: 2px 4px; font-size: 11px; line-height: 1.1; border-radius: 2px; } .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-up:before { content: "\e03d"; } .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-up::before { font-family: "gel-iconfont-v2"; } .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-down:before { content: "\e03c"; } .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-down::before { font-family: "gel-iconfont-v2"; } .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-green { color: #00754a; background-color: rgba(0, 121, 52, 0.1); } .c-indicators__data .flex-container .flex--item .i-data .i-data--icon-red { color: #c61717; background-color: rgba(198, 23, 23, 0.1); } .c-indicators__data .flex-container .flex--item .i-data .i-data--no-icon { color: #000; background-color: #e0e0e0; } .c-indicators__data .flex-container .flex--item .i-data-footer { color: #929292; font-size: 11px; font-style: italic; } .c-item--card:has(.latest-articles-wp) { container-type: inline-size; } .latest-articles-wp { position: relative; } .latest-articles-wp.c-item__inner { padding: 10px; } .latest-articles-wp__carousel .feat-v12-carousel.c-carousel { padding: 0; } .latest-articles-wp .latest-articles-wp__carousel .feat--item { margin: 0; } .latest-articles-wp .latest-articles-wp__carousel .feat--item h3 { font-size: 20px; font-weight: 300; line-height: 1.7; } .latest-articles-wp__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .latest-articles-wp__content h2 { font-size: 20px; font-weight: 300; line-height: 1.7; } .latest-articles-wp__scroll { position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; overflow-y: scroll; } .latest-articles-wp__scroll-wrapper { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-height: 400px; } .latest-articles-wp__image { width: 100%; -o-object-fit: cover; object-fit: cover; } .latest-articles-wp .feat--item { -webkit-margin-end: 8px; margin-inline-end: 8px; padding-block: 8px; border-color: #e0e0e0; } .latest-articles-wp .feat--item h3 { color: inherit; font-size: 14px; font-weight: 400; line-height: 1.7; } .latest-articles-wp .feat--item__topic { padding: 0; font-weight: 600; line-height: 1.27; } .latest-articles-wp .feat--item:first-child { border-top: 0; } @container (min-width: 500px) { .latest-articles-wp { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } .latest-articles-wp__carousel { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 16px); flex: 1 1 calc(50% - 16px); max-width: calc(50% - 16px); } .latest-articles-wp__content { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 16px); flex: 1 1 calc(50% - 16px); } } @container (min-width: 700px) { .latest-articles-wp__carousel { -webkit-box-flex: 1; -ms-flex: 1 1 calc(60% - 16px); flex: 1 1 calc(60% - 16px); max-width: calc(60% - 16px); } .latest-articles-wp__content { -webkit-box-flex: 1; -ms-flex: 1 1 calc(40% - 16px); flex: 1 1 calc(40% - 16px); } } .feat-v12-carousel.c-carousel.is-active .c-carousel__container { width: calc(100% + 20px); margin: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .feat-v12-carousel .c-dot-paging__indicators { padding-block: 0; } .feat-v12-carousel .c-dot-paging__prev-btn, .feat-v12-carousel .c-dot-paging__next-btn { display: none; } .feat-v12-carousel .feat-car--item__link:hover .feat-car__title, .feat-v12-carousel .feat-car--item__link:hover .feat-car__synopsis { -webkit-text-decoration: #000 underline; text-decoration: #000 underline; } .feat-v12-carousel .feat-car__topic { text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.27; letter-spacing: 0.1em; padding: 16px 0 4px; color: #00754a; } .wf-active .feat-v12-carousel .feat-car__topic { font-family: "aktiv-grotesk", "aktiv-grotesk-std", Arial, Helvetica, sans-serif; } .feat-v12-carousel .feat-car__title { color: #000; line-height: 30px !important; } .feat-v12-carousel .feat-car__synopsis { padding: 0 0 8px; color: #000; font-size: 14px; font-weight: 400; line-height: 1.7; } .feat-car__image-container { position: relative; overflow: hidden; } .feat-car__image-container::before { position: absolute; inset: 0; z-index: 1; content: ""; } .feat-car__image-container .feat-car__image { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } @media (min-width: 960px) { .feat-car__image-container:hover::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(130%, #000)); background: linear-gradient(to bottom, transparent 40%, #000 130%); } .feat-car__image-container:hover .feat-car__image { -webkit-transform: scale(1.1) translateX(10px) translateY(-10px); -ms-transform: scale(1.1) translateX(10px) translateY(-10px); transform: scale(1.1) translateX(10px) translateY(-10px); } .feat-car__image-container:hover .feat-v12--icons-container { display: block; } .feat-car__image-container .feat-v12--icons-container { display: none; } } .feat-car__image-container .feat-v12--icons-container { position: absolute; right: 0; bottom: 0; z-index: 2; } .feat-car__image-container .feat-v12--icons-list { margin: 0; padding: 20px; list-style: none; } .feat-car__image-container .feat-v12--icons-list .social-icon a { display: block; width: 21px; height: 21px; text-decoration: none; background-color: #f1f1f1; border-radius: 2px; } .feat-car__image-container .feat-v12--icons-list .social-icon a::before { color: #000; font-size: 21px; font-family: "gel-iconfont-v2"; line-height: 1; } .feat-car__image-container .feat-v12--icon { display: block; margin-bottom: 7px; } .c-tab__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 920px; margin: 0 auto; } .c-tab__item h2 { font-size: 14px; font-weight: 400; line-height: 1.7; line-height: 1; } .c-tab__item h2 a { display: block; padding: 12px; color: #000; background-color: #fff; border-radius: 5px; border: 1px solid #e0e0e0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .c-tab__item[data-tab-active] a { text-decoration: underline; background-color: #e0e0e0; } /*# sourceMappingURL=template-clp.css.map */