@charset "UTF-8";
:root {
--grid-width: 100%;
--page-gutters: 14px;
--article-width: 100%;
--padding: 8px;
--padding-box: 8px;
--padding-l: 24px;
--padding-xl: 48px;
--edge-spacing: 1.2em;
--edge-spacing-px: 12px;
--edge-spacing-l: 1.6em;
--edge-spacing-xl: 2.4em;
--edge-spacing-xl-px: 20px;
--edge-spacing-s-adjust: -0.8em;
--edge-spacing-small-fixed: 8px;
--small-edge-spacing: 0.8em;
--xsmall-edge-spacing: 0.6em;
--edge-spacing-small: --small-edge-spacing;
--small-negative-edge-spacing: -0.8em;
--edge-spacing-adjust: -0.8em;
--edge-spacing-s-adjust: -0.8em;
--text-spacing-heading: 2.4em;
--section-header-margin-top: 24px;
--spacing-16-24: 16px;
--article-header-spacing: 18px;
--banner-padding: 20px;
--small-banner-padding: 10px;
--article-spacing: 24px;
--category-article-spacing: 12px;
--sidebar-margin: 24px;
--form-spacing: 16px;
--h1: 24px;
--large-h1: 32px;
--standfirst: 18px;
--bold-standfirst: 18px;
--h2-subhead: 20px;
--h2-article-subhead: 24px;
--para-size: 1.6em;
--small-text: 12px;
--article-list-heading: 18px;
--category-excerpt: 1.4em;
--accordion-h3-size: 16px;
--terms-text-size: 13px;
--h2-subhead-margin: 8px;
--article-text-margin: 20px;
--article-heading-plus-p-margin: 20px;
--author-spacing: 8px;
--modal-p-margin: 16px;
--list-item-margin: 8px;
--author-image: 40px;
}
@media (min-width: 992px) {
:root {
--grid-width: 100%;
--page-gutters: 16px;
--article-width: 1160px;
--padding: 16px;
--padding-box: 24px;
--edge-spacing: 2.4em;
--edge-spacing-px: 24px;
--edge-spacing-s-adjust: -0.8em;
--edge-spacing-l: 1.6em;
--edge-spacing-xl: 3.2em;
--edge-spacing-xl-px: 32px;
--small-edge-spacing: 1.5em;
--edge-spacing-small: --small-edge-spacing;
--small-negative-edge-spacing: -1.5em;
--edge-spacing-adjust: -2.4em;
--edge-spacing-s-adjust: -1.5em;
--text-spacing-heading: 1.2em;
--section-header-margin-top: 32px;
--spacing-16-24: 24px;
--article-header-spacing: 24px;
--article-spacing: 1.6em;
--category-article-spacing: 16px;
--form-spacing: 32px;
--h1: 32px;
--large-h1: 48px;
--standfirst: 22px;
--bold-standfirst: 24px;
--h2-subhead: 24px;
--h2-article-subhead: 32px;
--para-size: 1.6em;
--small-text: 14px;
--accordion-h3-size: 18px;
--article-text-margin: 32px;
--article-card-margin: 16px;
--h2-subhead-margin: 12px;
--author-spacing: 8px;
--modal-p-margin: 24px;
--author-image: 64px;
}
}
@media (min-width: 1399px) {
:root {
--grid-width: 1400px;
--page-gutters: 40px;
}
}
:root {
--fs-xl: 2.4em;
--font-size-h1-px: 24px;
--fs-m: 2em;
--fs-sub-heading: 2em;
--fs-md: 1.8em;
--fs-s: 1.6em;
--fs-xs: 1.8em;
--fs-xxs: 1.4em;
--ln-xl: 1.25em;
--ln-m: 1.8em;
--ln-s: 1.6em;
--lh-const-md: 2.4em;
--letter-space-xl: -0.006em;
--letter-space-m: -0.01em;
--letter-space-s: 0.36px;
--button-padding: 0.9rem 1.8rem;
}
@media (min-width: 992px) {
:root {
--fs-xl: 3.2em;
--font-size-h1-px: 32px;
--fs-m: 3.65em;
--fs-sub-heading: 2.4em;
--fs-md: 2.1em;
--fs-xs: 1.6em;
--fs-xxs: 1.4em;
--ln-xl: 1.25em;
--ln-m: 1.5em;
--ln-s: 1.6em;
--letter-space-xl: -0.015em;
--letter-space-m: -0.01em;
--letter-space-s: 0.36px;
}
}
:root {
--text-spacing: 0.6em;
}
@media (min-width: 992px) {
:root {
--text-spacing: 0.7em;
}
}
@media (min-width: 992px) {
:root {
--column-border: solid 1px #ddd;
}
}
label {
margin: 0;
font-weight: normal;
font-size: inherit;
line-height: inherit;
}
input,
textarea,
select {
display: block;
margin: 0;
padding: 0;
font-weight: normal;
font-size: inherit;
line-height: inherit;
border: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:focus,
textarea:focus,
select:focus {
outline: 0;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
address {
font-style: normal;
margin: 0;
}
body {
overflow-y: scroll;
display: flex;
flex-direction: column;
box-sizing: border-box !important;
}
body#site-body {
min-height: 100vh;
}
body > footer {
margin-top: auto;
}
.page-container {
margin-bottom: auto;
}
.article-image {
width: 100%;
}
.article-image iframe {
width: 100%;
aspect-ratio: 16/9;
}
.component-dev-wrapper {
min-height: 100vh;
min-height: calc(100vh - 2.5rem);
margin: 1.25rem 0;
overflow: hidden;
}
.grid-gutter-x--l {
margin-right: -1.25rem;
margin-left: -1.25rem;
}
.grid-gutter-x--l > .cell {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td,
figure {
margin: 0;
padding: 0;
}
p {
margin-bottom: 1em;
font-size: inherit;
line-height: 1.5;
text-rendering: optimizeLegibility;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 80%;
line-height: inherit;
}
/*
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
line-height: 0;
color: red;
}
h5,
.h5 {
font-size: 0.625rem;
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.25rem;
}
h6,
.h6 {
font-size: 0.75rem;
line-height: 1.25;
margin-top: 0;
margin-bottom: 0.75rem;
}
@media print, screen and (min-width: 48em) {
h1,
.h1 {
font-size: 3rem;
line-height: 1.25;
}
h2,
.h2 {
font-size: 2rem;
line-height: 1.25;
}
h3,
.h3 {
font-size: 1.5rem;
line-height: 1.25;
}
h4,
.h4 {
font-size: 1.125rem;
line-height: 1.333333333;
}
h5,
.h5 {
font-size: 0.875rem;
line-height: 1.428571429;
}
h6,
.h6 {
font-size: 0.75rem;
line-height: 1.333333333;
}
}
*/
a {
text-decoration: none;
cursor: pointer;
}
a img {
border: 0;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
[hidden] {
display: none;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: inline-block;
border-style: none;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
.img-preview img {
max-width: 100%;
}
iframe {
max-width: 100%;
}
.lazy-image {
transition: opacity 0.4s ease-in-out;
opacity: 0.2;
}
.lazy-loaded {
opacity: 1;
}
main {
padding: var(--edge-spacing-xl-px) var(--page-gutters);
}
main.grid-container {
max-width: calc(var(--grid-width) + var(--page-gutters) * 2);
}
main.homepage {
overflow-x: hidden;
}
.grid-container {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: var(--grid-width);
}
.grid-container.fluid {
padding-right: 0.75rem;
padding-left: 0.75rem;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media print, screen and (min-width: 48em) {
.grid-container.fluid {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.grid-x {
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;
}
.cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%;
}
.cell.auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.cell.shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .auto {
width: auto;
}
.grid-x > .shrink {
width: auto;
}
.grid-x > .small-shrink,
.grid-x > .small-full,
.grid-x > .small-1,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 36em) {
.grid-x > .smedium-shrink,
.grid-x > .smedium-full,
.grid-x > .smedium-1,
.grid-x > .smedium-2,
.grid-x > .smedium-3,
.grid-x > .smedium-4,
.grid-x > .smedium-5,
.grid-x > .smedium-6,
.grid-x > .smedium-7,
.grid-x > .smedium-8,
.grid-x > .smedium-9,
.grid-x > .smedium-10,
.grid-x > .smedium-11,
.grid-x > .smedium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 48em) {
.grid-x > .medium-shrink,
.grid-x > .medium-full,
.grid-x > .medium-1,
.grid-x > .medium-2,
.grid-x > .medium-3,
.grid-x > .medium-4,
.grid-x > .medium-5,
.grid-x > .medium-6,
.grid-x > .medium-7,
.grid-x > .medium-8,
.grid-x > .medium-9,
.grid-x > .medium-10,
.grid-x > .medium-11,
.grid-x > .medium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 62em) {
.grid-x > .large-shrink,
.grid-x > .large-full,
.grid-x > .large-1,
.grid-x > .large-2,
.grid-x > .large-3,
.grid-x > .large-4,
.grid-x > .large-5,
.grid-x > .large-6,
.grid-x > .large-7,
.grid-x > .large-8,
.grid-x > .large-9,
.grid-x > .large-10,
.grid-x > .large-11,
.grid-x > .large-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media screen and (min-width: 75em) {
.grid-x > .xlarge-shrink,
.grid-x > .xlarge-full,
.grid-x > .xlarge-1,
.grid-x > .xlarge-2,
.grid-x > .xlarge-3,
.grid-x > .xlarge-4,
.grid-x > .xlarge-5,
.grid-x > .xlarge-6,
.grid-x > .xlarge-7,
.grid-x > .xlarge-8,
.grid-x > .xlarge-9,
.grid-x > .xlarge-10,
.grid-x > .xlarge-11,
.grid-x > .xlarge-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media screen and (min-width: 90em) {
.grid-x > .xxlarge-shrink,
.grid-x > .xxlarge-full,
.grid-x > .xxlarge-1,
.grid-x > .xxlarge-2,
.grid-x > .xxlarge-3,
.grid-x > .xxlarge-4,
.grid-x > .xxlarge-5,
.grid-x > .xxlarge-6,
.grid-x > .xxlarge-7,
.grid-x > .xxlarge-8,
.grid-x > .xxlarge-9,
.grid-x > .xxlarge-10,
.grid-x > .xxlarge-11,
.grid-x > .xxlarge-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media screen and (min-width: 96.25em) {
.grid-x > .xxxlarge-shrink,
.grid-x > .xxxlarge-full,
.grid-x > .xxxlarge-1,
.grid-x > .xxxlarge-2,
.grid-x > .xxxlarge-3,
.grid-x > .xxxlarge-4,
.grid-x > .xxxlarge-5,
.grid-x > .xxxlarge-6,
.grid-x > .xxxlarge-7,
.grid-x > .xxxlarge-8,
.grid-x > .xxxlarge-9,
.grid-x > .xxxlarge-10,
.grid-x > .xxxlarge-11,
.grid-x > .xxxlarge-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-x > .small-1,
.grid-x > .small-2,
.grid-x > .small-3,
.grid-x > .small-4,
.grid-x > .small-5,
.grid-x > .small-6,
.grid-x > .small-7,
.grid-x > .small-8,
.grid-x > .small-9,
.grid-x > .small-10,
.grid-x > .small-11,
.grid-x > .small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .small-1 {
width: 8.3333333333%;
}
.grid-x > .small-2 {
width: 16.6666666667%;
}
.grid-x > .small-3 {
width: 25%;
}
.grid-x > .small-4 {
width: 33.3333333333%;
}
.grid-x > .small-5 {
width: 41.6666666667%;
}
.grid-x > .small-6 {
width: 50%;
}
.grid-x > .small-7 {
width: 58.3333333333%;
}
.grid-x > .small-8 {
width: 66.6666666667%;
}
.grid-x > .small-9 {
width: 75%;
}
.grid-x > .small-10 {
width: 83.3333333333%;
}
.grid-x > .small-11 {
width: 91.6666666667%;
}
.grid-x > .small-12 {
width: 100%;
}
@media print, screen and (min-width: 36em) {
.grid-x > .smedium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .smedium-shrink,
.grid-x > .smedium-1,
.grid-x > .smedium-2,
.grid-x > .smedium-3,
.grid-x > .smedium-4,
.grid-x > .smedium-5,
.grid-x > .smedium-6,
.grid-x > .smedium-7,
.grid-x > .smedium-8,
.grid-x > .smedium-9,
.grid-x > .smedium-10,
.grid-x > .smedium-11,
.grid-x > .smedium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .smedium-shrink {
width: auto;
}
.grid-x > .smedium-1 {
width: 8.3333333333%;
}
.grid-x > .smedium-2 {
width: 16.6666666667%;
}
.grid-x > .smedium-3 {
width: 25%;
}
.grid-x > .smedium-4 {
width: 33.3333333333%;
}
.grid-x > .smedium-5 {
width: 41.6666666667%;
}
.grid-x > .smedium-6 {
width: 50%;
}
.grid-x > .smedium-7 {
width: 58.3333333333%;
}
.grid-x > .smedium-8 {
width: 66.6666666667%;
}
.grid-x > .smedium-9 {
width: 75%;
}
.grid-x > .smedium-10 {
width: 83.3333333333%;
}
.grid-x > .smedium-11 {
width: 91.6666666667%;
}
.grid-x > .smedium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 768px) {
.grid-x > .medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .medium-shrink,
.grid-x > .medium-1,
.grid-x > .medium-2,
.grid-x > .medium-3,
.grid-x > .medium-4,
.grid-x > .medium-5,
.grid-x > .medium-6,
.grid-x > .medium-7,
.grid-x > .medium-8,
.grid-x > .medium-9,
.grid-x > .medium-10,
.grid-x > .medium-11,
.grid-x > .medium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .medium-shrink {
width: auto;
}
.grid-x > .medium-1 {
width: 8.3333333333%;
}
.grid-x > .medium-2 {
width: 16.6666666667%;
}
.grid-x > .medium-3 {
width: 25%;
}
.grid-x > .medium-4 {
width: 33.3333333333%;
}
.grid-x > .medium-5 {
width: 41.6666666667%;
}
.grid-x > .medium-6 {
width: 50%;
}
.grid-x > .medium-7 {
width: 58.3333333333%;
}
.grid-x > .medium-8 {
width: 66.6666666667%;
}
.grid-x > .medium-9 {
width: 75%;
}
.grid-x > .medium-10 {
width: 83.3333333333%;
}
.grid-x > .medium-11 {
width: 91.6666666667%;
}
.grid-x > .medium-12 {
width: 100%;
}
}
@media print, screen and (min-width: 992px) {
.grid-x > .large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .large-shrink,
.grid-x > .large-1,
.grid-x > .large-2,
.grid-x > .large-3,
.grid-x > .large-4,
.grid-x > .large-5,
.grid-x > .large-6,
.grid-x > .large-7,
.grid-x > .large-8,
.grid-x > .large-9,
.grid-x > .large-10,
.grid-x > .large-11,
.grid-x > .large-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .large-shrink {
width: auto;
}
.grid-x > .large-1 {
width: 8.3333333333%;
}
.grid-x > .large-2 {
width: 16.6666666667%;
}
.grid-x > .large-3 {
width: 25%;
}
.grid-x > .large-4 {
width: 33.3333333333%;
}
.grid-x > .large-5 {
width: 41.6666666667%;
}
.grid-x > .large-6 {
width: 50%;
}
.grid-x > .large-7 {
width: 58.3333333333%;
}
.grid-x > .large-8 {
width: 66.6666666667%;
}
.grid-x > .large-9 {
width: 75%;
}
.grid-x > .large-10 {
width: 83.3333333333%;
}
.grid-x > .large-11 {
width: 91.6666666667%;
}
.grid-x > .large-12 {
width: 100%;
}
}
@media screen and (min-width: 75em) {
.grid-x > .xlarge-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .xlarge-shrink,
.grid-x > .xlarge-1,
.grid-x > .xlarge-2,
.grid-x > .xlarge-3,
.grid-x > .xlarge-4,
.grid-x > .xlarge-5,
.grid-x > .xlarge-6,
.grid-x > .xlarge-7,
.grid-x > .xlarge-8,
.grid-x > .xlarge-9,
.grid-x > .xlarge-10,
.grid-x > .xlarge-11,
.grid-x > .xlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .xlarge-shrink {
width: auto;
}
.grid-x > .xlarge-1 {
width: 8.3333333333%;
}
.grid-x > .xlarge-2 {
width: 16.6666666667%;
}
.grid-x > .xlarge-3 {
width: 25%;
}
.grid-x > .xlarge-4 {
width: 33.3333333333%;
}
.grid-x > .xlarge-5 {
width: 41.6666666667%;
}
.grid-x > .xlarge-6 {
width: 50%;
}
.grid-x > .xlarge-7 {
width: 58.3333333333%;
}
.grid-x > .xlarge-8 {
width: 66.6666666667%;
}
.grid-x > .xlarge-9 {
width: 75%;
}
.grid-x > .xlarge-10 {
width: 83.3333333333%;
}
.grid-x > .xlarge-11 {
width: 91.6666666667%;
}
.grid-x > .xlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 90em) {
.grid-x > .xxlarge-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .xxlarge-shrink,
.grid-x > .xxlarge-1,
.grid-x > .xxlarge-2,
.grid-x > .xxlarge-3,
.grid-x > .xxlarge-4,
.grid-x > .xxlarge-5,
.grid-x > .xxlarge-6,
.grid-x > .xxlarge-7,
.grid-x > .xxlarge-8,
.grid-x > .xxlarge-9,
.grid-x > .xxlarge-10,
.grid-x > .xxlarge-11,
.grid-x > .xxlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .xxlarge-shrink {
width: auto;
}
.grid-x > .xxlarge-1 {
width: 8.3333333333%;
}
.grid-x > .xxlarge-2 {
width: 16.6666666667%;
}
.grid-x > .xxlarge-3 {
width: 25%;
}
.grid-x > .xxlarge-4 {
width: 33.3333333333%;
}
.grid-x > .xxlarge-5 {
width: 41.6666666667%;
}
.grid-x > .xxlarge-6 {
width: 50%;
}
.grid-x > .xxlarge-7 {
width: 58.3333333333%;
}
.grid-x > .xxlarge-8 {
width: 66.6666666667%;
}
.grid-x > .xxlarge-9 {
width: 75%;
}
.grid-x > .xxlarge-10 {
width: 83.3333333333%;
}
.grid-x > .xxlarge-11 {
width: 91.6666666667%;
}
.grid-x > .xxlarge-12 {
width: 100%;
}
}
@media screen and (min-width: 96.25em) {
.grid-x > .xxxlarge-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto;
}
.grid-x > .xxxlarge-shrink,
.grid-x > .xxxlarge-1,
.grid-x > .xxxlarge-2,
.grid-x > .xxxlarge-3,
.grid-x > .xxxlarge-4,
.grid-x > .xxxlarge-5,
.grid-x > .xxxlarge-6,
.grid-x > .xxxlarge-7,
.grid-x > .xxxlarge-8,
.grid-x > .xxxlarge-9,
.grid-x > .xxxlarge-10,
.grid-x > .xxxlarge-11,
.grid-x > .xxxlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-x > .xxxlarge-shrink {
width: auto;
}
.grid-x > .xxxlarge-1 {
width: 8.3333333333%;
}
.grid-x > .xxxlarge-2 {
width: 16.6666666667%;
}
.grid-x > .xxxlarge-3 {
width: 25%;
}
.grid-x > .xxxlarge-4 {
width: 33.3333333333%;
}
.grid-x > .xxxlarge-5 {
width: 41.6666666667%;
}
.grid-x > .xxxlarge-6 {
width: 50%;
}
.grid-x > .xxxlarge-7 {
width: 58.3333333333%;
}
.grid-x > .xxxlarge-8 {
width: 66.6666666667%;
}
.grid-x > .xxxlarge-9 {
width: 75%;
}
.grid-x > .xxxlarge-10 {
width: 83.3333333333%;
}
.grid-x > .xxxlarge-11 {
width: 91.6666666667%;
}
.grid-x > .xxxlarge-12 {
width: 100%;
}
}
.grid-margin-x:not(.grid-x) > .cell {
width: auto;
}
.grid-margin-y:not(.grid-y) > .cell {
height: auto;
}
.grid-padding-x .grid-padding-x {
margin-right: -0.375rem;
margin-left: -0.375rem;
}
@media print, screen and (min-width: 48em) {
.grid-padding-x .grid-padding-x {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
}
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.375rem;
margin-left: -0.375rem;
}
@media print, screen and (min-width: 48em) {
.grid-container:not(.full) > .grid-padding-x {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
}
.grid-padding-x > .cell {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
@media print, screen and (min-width: 48em) {
.grid-padding-x > .cell {
padding-right: 0.625rem;
padding-left: 0.625rem;
}
}
.small-up-1 > .cell {
width: 100%;
}
.small-up-2 > .cell {
width: 50%;
}
.small-up-3 > .cell {
width: 33.3333333333%;
}
.small-up-4 > .cell {
width: 25%;
}
.small-up-5 > .cell {
width: 20%;
}
.small-up-6 > .cell {
width: 16.6666666667%;
}
.small-up-7 > .cell {
width: 14.2857142857%;
}
.small-up-8 > .cell {
width: 12.5%;
}
@media print, screen and (min-width: 36em) {
.smedium-up-1 > .cell {
width: 100%;
}
.smedium-up-2 > .cell {
width: 50%;
}
.smedium-up-3 > .cell {
width: 33.3333333333%;
}
.smedium-up-4 > .cell {
width: 25%;
}
.smedium-up-5 > .cell {
width: 20%;
}
.smedium-up-6 > .cell {
width: 16.6666666667%;
}
.smedium-up-7 > .cell {
width: 14.2857142857%;
}
.smedium-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 48em) {
.medium-up-1 > .cell {
width: 100%;
}
.medium-up-2 > .cell {
width: 50%;
}
.medium-up-3 > .cell {
width: 33.3333333333%;
}
.medium-up-4 > .cell {
width: 25%;
}
.medium-up-5 > .cell {
width: 20%;
}
.medium-up-6 > .cell {
width: 16.6666666667%;
}
.medium-up-7 > .cell {
width: 14.2857142857%;
}
.medium-up-8 > .cell {
width: 12.5%;
}
}
@media print, screen and (min-width: 62em) {
.large-up-1 > .cell {
width: 100%;
}
.large-up-2 > .cell {
width: 50%;
}
.large-up-3 > .cell {
width: 33.3333333333%;
}
.large-up-4 > .cell {
width: 25%;
}
.large-up-5 > .cell {
width: 20%;
}
.large-up-6 > .cell {
width: 16.6666666667%;
}
.large-up-7 > .cell {
width: 14.2857142857%;
}
.large-up-8 > .cell {
width: 12.5%;
}
}
@media screen and (min-width: 75em) {
.xlarge-up-1 > .cell {
width: 100%;
}
.xlarge-up-2 > .cell {
width: 50%;
}
.xlarge-up-3 > .cell {
width: 33.3333333333%;
}
.xlarge-up-4 > .cell {
width: 25%;
}
.xlarge-up-5 > .cell {
width: 20%;
}
.xlarge-up-6 > .cell {
width: 16.6666666667%;
}
.xlarge-up-7 > .cell {
width: 14.2857142857%;
}
.xlarge-up-8 > .cell {
width: 12.5%;
}
}
@media screen and (min-width: 90em) {
.xxlarge-up-1 > .cell {
width: 100%;
}
.xxlarge-up-2 > .cell {
width: 50%;
}
.xxlarge-up-3 > .cell {
width: 33.3333333333%;
}
.xxlarge-up-4 > .cell {
width: 25%;
}
.xxlarge-up-5 > .cell {
width: 20%;
}
.xxlarge-up-6 > .cell {
width: 16.6666666667%;
}
.xxlarge-up-7 > .cell {
width: 14.2857142857%;
}
.xxlarge-up-8 > .cell {
width: 12.5%;
}
}
@media screen and (min-width: 96.25em) {
.xxxlarge-up-1 > .cell {
width: 100%;
}
.xxxlarge-up-2 > .cell {
width: 50%;
}
.xxxlarge-up-3 > .cell {
width: 33.3333333333%;
}
.xxxlarge-up-4 > .cell {
width: 25%;
}
.xxxlarge-up-5 > .cell {
width: 20%;
}
.xxxlarge-up-6 > .cell {
width: 16.6666666667%;
}
.xxxlarge-up-7 > .cell {
width: 14.2857142857%;
}
.xxxlarge-up-8 > .cell {
width: 12.5%;
}
}
.small-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.small-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
@media print, screen and (min-width: 36em) {
.smedium-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.smedium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 48em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.medium-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media print, screen and (min-width: 62em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.large-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (min-width: 75em) {
.xlarge-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.xlarge-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (min-width: 90em) {
.xxlarge-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.xxlarge-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
@media screen and (min-width: 96.25em) {
.xxxlarge-padding-collapse {
margin-right: 0;
margin-left: 0;
}
.xxxlarge-padding-collapse > .cell {
padding-right: 0;
padding-left: 0;
}
}
.small-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .small-offset-0 {
margin-left: calc(0% + 0.375rem);
}
.small-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .small-offset-1 {
margin-left: calc(8.3333333333% + 0.375rem);
}
.small-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .small-offset-2 {
margin-left: calc(16.6666666667% + 0.375rem);
}
.small-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .small-offset-3 {
margin-left: calc(25% + 0.375rem);
}
.small-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .small-offset-4 {
margin-left: calc(33.3333333333% + 0.375rem);
}
.small-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .small-offset-5 {
margin-left: calc(41.6666666667% + 0.375rem);
}
.small-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .small-offset-6 {
margin-left: calc(50% + 0.375rem);
}
.small-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .small-offset-7 {
margin-left: calc(58.3333333333% + 0.375rem);
}
.small-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .small-offset-8 {
margin-left: calc(66.6666666667% + 0.375rem);
}
.small-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .small-offset-9 {
margin-left: calc(75% + 0.375rem);
}
.small-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .small-offset-10 {
margin-left: calc(83.3333333333% + 0.375rem);
}
.small-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .small-offset-11 {
margin-left: calc(91.6666666667% + 0.375rem);
}
@media print, screen and (min-width: 36em) {
.smedium-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .smedium-offset-0 {
margin-left: calc(0% + 0.375rem);
}
.smedium-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .smedium-offset-1 {
margin-left: calc(8.3333333333% + 0.375rem);
}
.smedium-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .smedium-offset-2 {
margin-left: calc(16.6666666667% + 0.375rem);
}
.smedium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .smedium-offset-3 {
margin-left: calc(25% + 0.375rem);
}
.smedium-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .smedium-offset-4 {
margin-left: calc(33.3333333333% + 0.375rem);
}
.smedium-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .smedium-offset-5 {
margin-left: calc(41.6666666667% + 0.375rem);
}
.smedium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .smedium-offset-6 {
margin-left: calc(50% + 0.375rem);
}
.smedium-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .smedium-offset-7 {
margin-left: calc(58.3333333333% + 0.375rem);
}
.smedium-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .smedium-offset-8 {
margin-left: calc(66.6666666667% + 0.375rem);
}
.smedium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .smedium-offset-9 {
margin-left: calc(75% + 0.375rem);
}
.smedium-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .smedium-offset-10 {
margin-left: calc(83.3333333333% + 0.375rem);
}
.smedium-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .smedium-offset-11 {
margin-left: calc(91.6666666667% + 0.375rem);
}
}
@media print, screen and (min-width: 48em) {
.medium-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .medium-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.medium-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .medium-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.medium-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .medium-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.medium-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .medium-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.medium-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .medium-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.medium-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .medium-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.medium-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .medium-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.medium-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .medium-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.medium-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .medium-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.medium-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .medium-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.medium-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .medium-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.medium-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .medium-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
@media print, screen and (min-width: 62em) {
.large-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .large-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.large-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .large-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.large-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .large-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.large-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .large-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.large-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .large-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.large-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .large-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.large-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .large-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.large-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .large-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.large-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .large-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.large-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .large-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.large-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .large-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.large-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .large-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
@media screen and (min-width: 75em) {
.xlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xlarge-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.xlarge-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .xlarge-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.xlarge-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .xlarge-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.xlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xlarge-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.xlarge-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .xlarge-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.xlarge-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .xlarge-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.xlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xlarge-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.xlarge-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .xlarge-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.xlarge-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .xlarge-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.xlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xlarge-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.xlarge-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .xlarge-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.xlarge-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .xlarge-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
@media screen and (min-width: 90em) {
.xxlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xxlarge-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.xxlarge-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .xxlarge-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.xxlarge-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .xxlarge-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xxlarge-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.xxlarge-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .xxlarge-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.xxlarge-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .xxlarge-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xxlarge-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.xxlarge-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .xxlarge-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.xxlarge-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .xxlarge-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xxlarge-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.xxlarge-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .xxlarge-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.xxlarge-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .xxlarge-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
@media screen and (min-width: 96.25em) {
.xxxlarge-offset-0 {
margin-left: 0%;
}
.grid-margin-x > .xxxlarge-offset-0 {
margin-left: calc(0% + 0.625rem);
}
.xxxlarge-offset-1 {
margin-left: 8.3333333333%;
}
.grid-margin-x > .xxxlarge-offset-1 {
margin-left: calc(8.3333333333% + 0.625rem);
}
.xxxlarge-offset-2 {
margin-left: 16.6666666667%;
}
.grid-margin-x > .xxxlarge-offset-2 {
margin-left: calc(16.6666666667% + 0.625rem);
}
.xxxlarge-offset-3 {
margin-left: 25%;
}
.grid-margin-x > .xxxlarge-offset-3 {
margin-left: calc(25% + 0.625rem);
}
.xxxlarge-offset-4 {
margin-left: 33.3333333333%;
}
.grid-margin-x > .xxxlarge-offset-4 {
margin-left: calc(33.3333333333% + 0.625rem);
}
.xxxlarge-offset-5 {
margin-left: 41.6666666667%;
}
.grid-margin-x > .xxxlarge-offset-5 {
margin-left: calc(41.6666666667% + 0.625rem);
}
.xxxlarge-offset-6 {
margin-left: 50%;
}
.grid-margin-x > .xxxlarge-offset-6 {
margin-left: calc(50% + 0.625rem);
}
.xxxlarge-offset-7 {
margin-left: 58.3333333333%;
}
.grid-margin-x > .xxxlarge-offset-7 {
margin-left: calc(58.3333333333% + 0.625rem);
}
.xxxlarge-offset-8 {
margin-left: 66.6666666667%;
}
.grid-margin-x > .xxxlarge-offset-8 {
margin-left: calc(66.6666666667% + 0.625rem);
}
.xxxlarge-offset-9 {
margin-left: 75%;
}
.grid-margin-x > .xxxlarge-offset-9 {
margin-left: calc(75% + 0.625rem);
}
.xxxlarge-offset-10 {
margin-left: 83.3333333333%;
}
.grid-margin-x > .xxxlarge-offset-10 {
margin-left: calc(83.3333333333% + 0.625rem);
}
.xxxlarge-offset-11 {
margin-left: 91.6666666667%;
}
.grid-margin-x > .xxxlarge-offset-11 {
margin-left: calc(91.6666666667% + 0.625rem);
}
}
.grid-y {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
.grid-y > .cell {
height: auto;
max-height: none;
}
.grid-y > .auto {
height: auto;
}
.grid-y > .shrink {
height: auto;
}
.grid-y > .small-shrink,
.grid-y > .small-full,
.grid-y > .small-1,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
@media print, screen and (min-width: 36em) {
.grid-y > .smedium-shrink,
.grid-y > .smedium-full,
.grid-y > .smedium-1,
.grid-y > .smedium-2,
.grid-y > .smedium-3,
.grid-y > .smedium-4,
.grid-y > .smedium-5,
.grid-y > .smedium-6,
.grid-y > .smedium-7,
.grid-y > .smedium-8,
.grid-y > .smedium-9,
.grid-y > .smedium-10,
.grid-y > .smedium-11,
.grid-y > .smedium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 48em) {
.grid-y > .medium-shrink,
.grid-y > .medium-full,
.grid-y > .medium-1,
.grid-y > .medium-2,
.grid-y > .medium-3,
.grid-y > .medium-4,
.grid-y > .medium-5,
.grid-y > .medium-6,
.grid-y > .medium-7,
.grid-y > .medium-8,
.grid-y > .medium-9,
.grid-y > .medium-10,
.grid-y > .medium-11,
.grid-y > .medium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media print, screen and (min-width: 62em) {
.grid-y > .large-shrink,
.grid-y > .large-full,
.grid-y > .large-1,
.grid-y > .large-2,
.grid-y > .large-3,
.grid-y > .large-4,
.grid-y > .large-5,
.grid-y > .large-6,
.grid-y > .large-7,
.grid-y > .large-8,
.grid-y > .large-9,
.grid-y > .large-10,
.grid-y > .large-11,
.grid-y > .large-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media screen and (min-width: 75em) {
.grid-y > .xlarge-shrink,
.grid-y > .xlarge-full,
.grid-y > .xlarge-1,
.grid-y > .xlarge-2,
.grid-y > .xlarge-3,
.grid-y > .xlarge-4,
.grid-y > .xlarge-5,
.grid-y > .xlarge-6,
.grid-y > .xlarge-7,
.grid-y > .xlarge-8,
.grid-y > .xlarge-9,
.grid-y > .xlarge-10,
.grid-y > .xlarge-11,
.grid-y > .xlarge-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media screen and (min-width: 90em) {
.grid-y > .xxlarge-shrink,
.grid-y > .xxlarge-full,
.grid-y > .xxlarge-1,
.grid-y > .xxlarge-2,
.grid-y > .xxlarge-3,
.grid-y > .xxlarge-4,
.grid-y > .xxlarge-5,
.grid-y > .xxlarge-6,
.grid-y > .xxlarge-7,
.grid-y > .xxlarge-8,
.grid-y > .xxlarge-9,
.grid-y > .xxlarge-10,
.grid-y > .xxlarge-11,
.grid-y > .xxlarge-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
@media screen and (min-width: 96.25em) {
.grid-y > .xxxlarge-shrink,
.grid-y > .xxxlarge-full,
.grid-y > .xxxlarge-1,
.grid-y > .xxxlarge-2,
.grid-y > .xxxlarge-3,
.grid-y > .xxxlarge-4,
.grid-y > .xxxlarge-5,
.grid-y > .xxxlarge-6,
.grid-y > .xxxlarge-7,
.grid-y > .xxxlarge-8,
.grid-y > .xxxlarge-9,
.grid-y > .xxxlarge-10,
.grid-y > .xxxlarge-11,
.grid-y > .xxxlarge-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.grid-y > .small-1,
.grid-y > .small-2,
.grid-y > .small-3,
.grid-y > .small-4,
.grid-y > .small-5,
.grid-y > .small-6,
.grid-y > .small-7,
.grid-y > .small-8,
.grid-y > .small-9,
.grid-y > .small-10,
.grid-y > .small-11,
.grid-y > .small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .small-1 {
height: 8.3333333333%;
}
.grid-y > .small-2 {
height: 16.6666666667%;
}
.grid-y > .small-3 {
height: 25%;
}
.grid-y > .small-4 {
height: 33.3333333333%;
}
.grid-y > .small-5 {
height: 41.6666666667%;
}
.grid-y > .small-6 {
height: 50%;
}
.grid-y > .small-7 {
height: 58.3333333333%;
}
.grid-y > .small-8 {
height: 66.6666666667%;
}
.grid-y > .small-9 {
height: 75%;
}
.grid-y > .small-10 {
height: 83.3333333333%;
}
.grid-y > .small-11 {
height: 91.6666666667%;
}
.grid-y > .small-12 {
height: 100%;
}
@media print, screen and (min-width: 36em) {
.grid-y > .smedium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .smedium-shrink,
.grid-y > .smedium-1,
.grid-y > .smedium-2,
.grid-y > .smedium-3,
.grid-y > .smedium-4,
.grid-y > .smedium-5,
.grid-y > .smedium-6,
.grid-y > .smedium-7,
.grid-y > .smedium-8,
.grid-y > .smedium-9,
.grid-y > .smedium-10,
.grid-y > .smedium-11,
.grid-y > .smedium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .smedium-shrink {
height: auto;
}
.grid-y > .smedium-1 {
height: 8.3333333333%;
}
.grid-y > .smedium-2 {
height: 16.6666666667%;
}
.grid-y > .smedium-3 {
height: 25%;
}
.grid-y > .smedium-4 {
height: 33.3333333333%;
}
.grid-y > .smedium-5 {
height: 41.6666666667%;
}
.grid-y > .smedium-6 {
height: 50%;
}
.grid-y > .smedium-7 {
height: 58.3333333333%;
}
.grid-y > .smedium-8 {
height: 66.6666666667%;
}
.grid-y > .smedium-9 {
height: 75%;
}
.grid-y > .smedium-10 {
height: 83.3333333333%;
}
.grid-y > .smedium-11 {
height: 91.6666666667%;
}
.grid-y > .smedium-12 {
height: 100%;
}
}
@media print, screen and (min-width: 48em) {
.grid-y > .medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .medium-shrink,
.grid-y > .medium-1,
.grid-y > .medium-2,
.grid-y > .medium-3,
.grid-y > .medium-4,
.grid-y > .medium-5,
.grid-y > .medium-6,
.grid-y > .medium-7,
.grid-y > .medium-8,
.grid-y > .medium-9,
.grid-y > .medium-10,
.grid-y > .medium-11,
.grid-y > .medium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .medium-shrink {
height: auto;
}
.grid-y > .medium-1 {
height: 8.3333333333%;
}
.grid-y > .medium-2 {
height: 16.6666666667%;
}
.grid-y > .medium-3 {
height: 25%;
}
.grid-y > .medium-4 {
height: 33.3333333333%;
}
.grid-y > .medium-5 {
height: 41.6666666667%;
}
.grid-y > .medium-6 {
height: 50%;
}
.grid-y > .medium-7 {
height: 58.3333333333%;
}
.grid-y > .medium-8 {
height: 66.6666666667%;
}
.grid-y > .medium-9 {
height: 75%;
}
.grid-y > .medium-10 {
height: 83.3333333333%;
}
.grid-y > .medium-11 {
height: 91.6666666667%;
}
.grid-y > .medium-12 {
height: 100%;
}
}
@media print, screen and (min-width: 62em) {
.grid-y > .large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .large-shrink,
.grid-y > .large-1,
.grid-y > .large-2,
.grid-y > .large-3,
.grid-y > .large-4,
.grid-y > .large-5,
.grid-y > .large-6,
.grid-y > .large-7,
.grid-y > .large-8,
.grid-y > .large-9,
.grid-y > .large-10,
.grid-y > .large-11,
.grid-y > .large-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .large-shrink {
height: auto;
}
.grid-y > .large-1 {
height: 8.3333333333%;
}
.grid-y > .large-2 {
height: 16.6666666667%;
}
.grid-y > .large-3 {
height: 25%;
}
.grid-y > .large-4 {
height: 33.3333333333%;
}
.grid-y > .large-5 {
height: 41.6666666667%;
}
.grid-y > .large-6 {
height: 50%;
}
.grid-y > .large-7 {
height: 58.3333333333%;
}
.grid-y > .large-8 {
height: 66.6666666667%;
}
.grid-y > .large-9 {
height: 75%;
}
.grid-y > .large-10 {
height: 83.3333333333%;
}
.grid-y > .large-11 {
height: 91.6666666667%;
}
.grid-y > .large-12 {
height: 100%;
}
}
@media screen and (min-width: 75em) {
.grid-y > .xlarge-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .xlarge-shrink,
.grid-y > .xlarge-1,
.grid-y > .xlarge-2,
.grid-y > .xlarge-3,
.grid-y > .xlarge-4,
.grid-y > .xlarge-5,
.grid-y > .xlarge-6,
.grid-y > .xlarge-7,
.grid-y > .xlarge-8,
.grid-y > .xlarge-9,
.grid-y > .xlarge-10,
.grid-y > .xlarge-11,
.grid-y > .xlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .xlarge-shrink {
height: auto;
}
.grid-y > .xlarge-1 {
height: 8.3333333333%;
}
.grid-y > .xlarge-2 {
height: 16.6666666667%;
}
.grid-y > .xlarge-3 {
height: 25%;
}
.grid-y > .xlarge-4 {
height: 33.3333333333%;
}
.grid-y > .xlarge-5 {
height: 41.6666666667%;
}
.grid-y > .xlarge-6 {
height: 50%;
}
.grid-y > .xlarge-7 {
height: 58.3333333333%;
}
.grid-y > .xlarge-8 {
height: 66.6666666667%;
}
.grid-y > .xlarge-9 {
height: 75%;
}
.grid-y > .xlarge-10 {
height: 83.3333333333%;
}
.grid-y > .xlarge-11 {
height: 91.6666666667%;
}
.grid-y > .xlarge-12 {
height: 100%;
}
}
@media screen and (min-width: 90em) {
.grid-y > .xxlarge-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .xxlarge-shrink,
.grid-y > .xxlarge-1,
.grid-y > .xxlarge-2,
.grid-y > .xxlarge-3,
.grid-y > .xxlarge-4,
.grid-y > .xxlarge-5,
.grid-y > .xxlarge-6,
.grid-y > .xxlarge-7,
.grid-y > .xxlarge-8,
.grid-y > .xxlarge-9,
.grid-y > .xxlarge-10,
.grid-y > .xxlarge-11,
.grid-y > .xxlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .xxlarge-shrink {
height: auto;
}
.grid-y > .xxlarge-1 {
height: 8.3333333333%;
}
.grid-y > .xxlarge-2 {
height: 16.6666666667%;
}
.grid-y > .xxlarge-3 {
height: 25%;
}
.grid-y > .xxlarge-4 {
height: 33.3333333333%;
}
.grid-y > .xxlarge-5 {
height: 41.6666666667%;
}
.grid-y > .xxlarge-6 {
height: 50%;
}
.grid-y > .xxlarge-7 {
height: 58.3333333333%;
}
.grid-y > .xxlarge-8 {
height: 66.6666666667%;
}
.grid-y > .xxlarge-9 {
height: 75%;
}
.grid-y > .xxlarge-10 {
height: 83.3333333333%;
}
.grid-y > .xxlarge-11 {
height: 91.6666666667%;
}
.grid-y > .xxlarge-12 {
height: 100%;
}
}
@media screen and (min-width: 96.25em) {
.grid-y > .xxxlarge-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto;
}
.grid-y > .xxxlarge-shrink,
.grid-y > .xxxlarge-1,
.grid-y > .xxxlarge-2,
.grid-y > .xxxlarge-3,
.grid-y > .xxxlarge-4,
.grid-y > .xxxlarge-5,
.grid-y > .xxxlarge-6,
.grid-y > .xxxlarge-7,
.grid-y > .xxxlarge-8,
.grid-y > .xxxlarge-9,
.grid-y > .xxxlarge-10,
.grid-y > .xxxlarge-11,
.grid-y > .xxxlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.grid-y > .xxxlarge-shrink {
height: auto;
}
.grid-y > .xxxlarge-1 {
height: 8.3333333333%;
}
.grid-y > .xxxlarge-2 {
height: 16.6666666667%;
}
.grid-y > .xxxlarge-3 {
height: 25%;
}
.grid-y > .xxxlarge-4 {
height: 33.3333333333%;
}
.grid-y > .xxxlarge-5 {
height: 41.6666666667%;
}
.grid-y > .xxxlarge-6 {
height: 50%;
}
.grid-y > .xxxlarge-7 {
height: 58.3333333333%;
}
.grid-y > .xxxlarge-8 {
height: 66.6666666667%;
}
.grid-y > .xxxlarge-9 {
height: 75%;
}
.grid-y > .xxxlarge-10 {
height: 83.3333333333%;
}
.grid-y > .xxxlarge-11 {
height: 91.6666666667%;
}
.grid-y > .xxxlarge-12 {
height: 100%;
}
}
.grid-padding-y .grid-padding-y {
margin-top: -0.375rem;
margin-bottom: -0.375rem;
}
@media print, screen and (min-width: 48em) {
.grid-padding-y .grid-padding-y {
margin-top: -0.625rem;
margin-bottom: -0.625rem;
}
}
.grid-padding-y > .cell {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
@media print, screen and (min-width: 48em) {
.grid-padding-y > .cell {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
}
.grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .grid-frame {
width: 100%;
}
.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.cell-block-container > .grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media print, screen and (min-width: 36em) {
.smedium-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .smedium-grid-frame {
width: 100%;
}
.smedium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.smedium-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.smedium-cell-block-container > .grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.smedium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media print, screen and (min-width: 48em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .medium-grid-frame {
width: 100%;
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.medium-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.medium-cell-block-container > .grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media print, screen and (min-width: 62em) {
.large-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .large-grid-frame {
width: 100%;
}
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.large-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.large-cell-block-container > .grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media screen and (min-width: 75em) {
.xlarge-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .xlarge-grid-frame {
width: 100%;
}
.xlarge-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.xlarge-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.xlarge-cell-block-container > .grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.xlarge-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media screen and (min-width: 90em) {
.xxlarge-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .xxlarge-grid-frame {
width: 100%;
}
.xxlarge-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.xxlarge-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.xxlarge-cell-block-container > .grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.xxlarge-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
@media screen and (min-width: 96.25em) {
.xxxlarge-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw;
}
.cell .xxxlarge-grid-frame {
width: 100%;
}
.xxxlarge-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.xxxlarge-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%;
}
.xxxlarge-cell-block-container > .grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.xxxlarge-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
@media print, screen and (min-width: 36em) {
.grid-y.smedium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
@media print, screen and (min-width: 48em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
@media print, screen and (min-width: 62em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
@media screen and (min-width: 75em) {
.grid-y.xlarge-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
@media screen and (min-width: 90em) {
.grid-y.xxlarge-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
@media screen and (min-width: 96.25em) {
.grid-y.xxxlarge-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh;
}
}
.cell .grid-y.grid-frame {
height: 100%;
}
@media print, screen and (min-width: 36em) {
.cell .grid-y.smedium-grid-frame {
height: 100%;
}
}
@media print, screen and (min-width: 48em) {
.cell .grid-y.medium-grid-frame {
height: 100%;
}
}
@media print, screen and (min-width: 62em) {
.cell .grid-y.large-grid-frame {
height: 100%;
}
}
@media screen and (min-width: 75em) {
.cell .grid-y.xlarge-grid-frame {
height: 100%;
}
}
@media screen and (min-width: 90em) {
.cell .grid-y.xxlarge-grid-frame {
height: 100%;
}
}
@media screen and (min-width: 96.25em) {
.cell .grid-y.xxxlarge-grid-frame {
height: 100%;
}
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media print, screen and (min-width: 36em) {
.smedium-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.smedium-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.smedium-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.smedium-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.smedium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.smedium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.smedium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.smedium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 48em) {
.medium-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.medium-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.medium-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.medium-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.medium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.medium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.medium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.medium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media print, screen and (min-width: 62em) {
.large-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.large-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.large-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.large-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.large-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.large-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.large-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.large-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media screen and (min-width: 75em) {
.xlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.xlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.xlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.xlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.xlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.xlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.xlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.xlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media screen and (min-width: 90em) {
.xxlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.xxlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.xxlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.xxlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.xxlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.xxlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.xxlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.xxlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media screen and (min-width: 96.25em) {
.xxxlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.xxxlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.xxxlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.xxxlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.xxxlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.xxxlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.xxxlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.xxxlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.visible {
position: relative;
opacity: 1;
height: auto;
overflow: visible;
z-index: 9;
transition: opacity 0.3s ease-in-out;
}
.invisible {
position: absolute;
opacity: 0;
height: 0;
overflow: hidden;
z-index: -9999;
transition: opacity 0.3s ease-in-out;
}
.new-window:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.new-window:after {
background-image: url("../img/icon_new_window.png");
}
.hidden {
display: none;
}
.desktop-only {
display: none;
}
@media (min-width: 992px) {
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
}
.read-more {
color: #373997 !important;
cursor: pointer;
text-decoration: underline;
position: relative;
}
.read-more::after {
content: "";
background: url("../img/icons/chevron-down-purple.svg") no-repeat center center/cover;
position: absolute;
top: 6px;
margin-left: 4px;
opacity: 1;
width: 10px;
height: 10px;
}
.read-less::after {
content: "";
top: 8px;
transform: rotate(180deg);
}
.more-links h3 {
border-bottom: solid 1px #ddd;
padding-bottom: 0.5em;
font-size: 1.2em;
}
.more-links ul {
list-style: none;
margin: 0;
padding: 0;
}
.more-links ul li a {
display: block;
border-bottom: solid 1px #ddd;
padding: 0.75em 0;
color: #373997;
}
.more-links ul li:last-of-type a {
padding-bottom: 1.6em;
}
.like-dislike {
display: flex;
width: 56px;
list-style: none;
margin: 0;
}
.like-dislike li {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
width: 50%;
cursor: pointer;
border: solid 1px #dbdbdb;
}
.like-dislike li:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.like-dislike li:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icon_thumbs_up.svg");
background-size: 60%;
}
.like-dislike li.dislike:after {
transform: rotate(180deg);
}
.orange-ticks {
list-style: none;
margin: 8px 0 0 0;
}
.orange-ticks li {
position: relative;
padding-left: 30px;
margin-bottom: 8px;
padding-left: 33px;
}
.orange-ticks li:before {
content: "";
position: absolute;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 24px;
height: 24px;
left: 0;
}
.orange-ticks li:before {
background-image: url("../img/icons/tick.svg");
}
.modal .modal-close {
position: absolute;
right: 2rem;
top: 0.5rem;
font-size: 1rem;
color: #373997;
z-index: 99999;
}
.modal .modal-close:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.modal .modal-close:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icon_arrow_purple_down.png");
margin-left: 0.3rem;
}
@media (min-width: 992px) {
.modal .modal-close {
right: 1.5rem;
}
}
.close-cross {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
width: 20px;
height: 20px;
cursor: pointer;
}
.close-cross:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
@media (min-width: 992px) {
.two-columns .left-column {
padding-right: var(--edge-spacing);
}
.two-columns .right-column {
padding-left: var(--edge-spacing);
}
}
@media (min-width: 992px) {
.row-reverse-laptop {
flex-direction: row-reverse;
}
.row-reverse-laptop.two-columns .left-column {
padding-right: 0;
padding-left: var(--edge-spacing);
}
.row-reverse-laptop.two-columns .right-column {
padding-left: 0;
padding-right: var(--edge-spacing);
}
}
.back {
cursor: pointer;
}
.back:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.back:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/chevron-left.svg");
background-size: 53%;
margin-right: 0px;
}
.report-cover,
.whitepaper-content .main-content .img-container img {
margin: 0 0 8px 8px;
box-shadow: -8px 8px 0px 0px #000000;
position: relative;
left: 8px;
width: 92%;
}
@media (max-width: 768px) {
.report-cover,
.whitepaper-content .main-content .img-container img {
margin: 0 0 3px 3px;
box-shadow: -3px 3px 0px 0px #000000;
position: relative;
left: 3px;
width: 97%;
}
}
.text-center {
text-align: center;
}
.align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.align-left.vertical.menu > li > a {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.align-right.vertical.menu > li > a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-self-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-self-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-self-middle {
-ms-flex-item-align: center;
align-self: center;
}
.align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.align-center-middle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.small-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.small-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.small-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.small-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.small-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.small-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.negative-margin {
--small-edge-spacing: 0.8em;
--small-negative-edge-spacing: -0.8em;
}
.border-bottom {
border-bottom: 1px solid #ddd;
padding-bottom: 1.2em;
margin-bottom: 1.2em;
}
@media only screen and (min-width: 62em) {
.border-bottom {
padding-bottom: 0.98em;
margin-bottom: 0.98em;
border-bottom: 1px solid #ddd;
}
}
@media only screen and (min-width: 62em) {
.grid-gap-padding {
padding-left: 4.8em;
margin-top: 3.2em;
}
}
.border-top {
border-top: 4px solid #373997;
padding-top: 0.4em;
}
@media only screen and (min-width: 62em) {
.border-top {
padding-top: 0.4em;
}
}
.small-edge-gap-grid {
padding: 0 var(--small-edge-spacing) !important;
}
.padding-left-gap-full {
padding-left: unset;
}
@media only screen and (min-width: 62em) {
.padding-left-gap-full {
padding-left: 2.4em;
}
}
.full-border-desktop-version {
padding-right: unset;
border-right: none;
}
@media only screen and (min-width: 62em) {
.full-border-desktop-version {
width: 100%;
padding-right: 2.4em;
border-right: 1px solid #dbdbdb;
}
}
.byline {
font-family: "atlas", sans-serif;
font-size: 10px;
color: #626262;
}
.byline a {
color: #626262;
}
.mb-img-mobile-border {
padding-bottom: 1.2em;
margin-bottom: 1.2em;
border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 62em) {
.mb-img-mobile-border {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
}
.global-paragraph {
font-family: "atlas", sans-serif;
font-size: var(--fs-s);
line-height: var(--ln-m);
}
@media only screen and (min-width: 62em) {
.global-paragraph {
margin-bottom: 1.15em;
}
}
@media only screen and (min-width: 62em) {
.border-right {
border-right: 1px solid #ddd;
padding-right: 2.4em;
}
}
@media only screen and (min-width: 62em) {
.padding-left-gap {
padding-left: 2.4em;
}
}
.load-more-btn {
justify-content: center;
margin-bottom: 2.4em;
margin-top: 2.4em;
text-align: center;
width: 100%;
}
@media only screen and (min-width: 62em) {
.load-more-btn {
margin-top: 2.4em;
}
}
.mobile-order-search--page {
order: 2;
}
@media only screen and (min-width: 62em) {
.mobile-order-search--page {
order: unset;
}
}
@media only screen and (min-width: 62em) {
.padding-left-small-gap {
padding-left: 2.4em;
}
}
@media only screen and (min-width: 62em) {
.padding-left-big-gap {
padding-left: 2.75em;
}
}
.mt {
margin-top: 1.4rem;
}
@media only screen and (min-width: 62em) {
.mt {
margin-top: 0;
}
}
.mb-xl {
margin-bottom: 1.6em;
}
@media only screen and (min-width: 62em) {
.mb-xl {
margin-bottom: 3.2em;
}
}
.mb {
margin-bottom: 0.66em;
}
@media only screen and (min-width: 62em) {
.mb {
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 62em) {
.mb-extra-small {
margin-bottom: 0.3em;
}
}
@media only screen and (min-width: 62em) {
.mb-side-medium {
margin-bottom: 1.5rem;
}
}
.mb-medium {
margin-bottom: 1.2em;
}
@media only screen and (min-width: 62em) {
.mb-medium {
margin-bottom: 1.2em;
}
}
.mb-small {
margin-bottom: 0.6em;
}
@media only screen and (min-width: 62em) {
.mb-small {
margin-bottom: 0.46em;
}
}
.mb-big {
margin-bottom: 2.4rem;
}
@media only screen and (min-width: 62em) {
.mb-big {
margin-bottom: 2rem !important;
}
}
@media print, screen and (min-width: 36em) {
.smedium-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.smedium-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.smedium-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.smedium-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.smedium-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.smedium-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media print, screen and (min-width: 48em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media print, screen and (min-width: 62em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.large-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.large-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.large-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.large-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.large-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (min-width: 75em) {
.xlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.xlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.xlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.xlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.xlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.xlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (min-width: 90em) {
.xxlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.xxlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.xxlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.xxlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.xxlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.xxlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media screen and (min-width: 96.25em) {
.xxxlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.xxxlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.xxxlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.xxxlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.xxxlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.xxxlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
.hide {
display: none !important;
}
.hide-on-mobile {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media print, screen and (max-width: 35.99875em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 36em) {
.show-for-small-only {
display: none !important;
}
}
@media print, screen and (min-width: 36em) {
.hide-for-smedium {
display: none !important;
}
}
@media screen and (max-width: 35.99875em) {
.show-for-smedium {
display: none !important;
}
}
@media print, screen and (min-width: 36em) and (max-width: 47.99875em) {
.hide-for-smedium-only {
display: none !important;
}
}
@media screen and (max-width: 35.99875em), screen and (min-width: 48em) {
.show-for-smedium-only {
display: none !important;
}
}
@media print, screen and (min-width: 48em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 47.99875em) {
.show-for-medium {
display: none !important;
}
}
@media print, screen and (min-width: 48em) and (max-width: 61.99875em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 47.99875em), screen and (min-width: 62em) {
.show-for-medium-only {
display: none !important;
}
}
@media print, screen and (min-width: 62em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 61.99875em) {
.show-for-large {
display: none !important;
}
}
@media print, screen and (min-width: 62em) and (max-width: 74.99875em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 61.99875em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 75em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 74.99875em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 75em) and (max-width: 89.99875em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 74.99875em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xxlarge {
display: none !important;
}
}
@media screen and (max-width: 89.99875em) {
.show-for-xxlarge {
display: none !important;
}
}
@media screen and (min-width: 90em) and (max-width: 96.24875em) {
.hide-for-xxlarge-only {
display: none !important;
}
}
@media screen and (max-width: 89.99875em), screen and (min-width: 96.25em) {
.show-for-xxlarge-only {
display: none !important;
}
}
@media screen and (min-width: 96.25em) {
.hide-for-xxxlarge {
display: none !important;
}
}
@media screen and (max-width: 96.24875em) {
.show-for-xxxlarge {
display: none !important;
}
}
@media screen and (min-width: 96.25em) {
.hide-for-xxxlarge-only {
display: none !important;
}
}
@media screen and (max-width: 96.24875em) {
.show-for-xxxlarge-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
}
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
.u-mt-0 {
margin-top: 0 !important;
}
.u-mb-0 {
margin-bottom: 0 !important;
}
.u-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-pt-0 {
padding-top: 0 !important;
}
.u-pr-0 {
padding-right: 0;
}
.u-pb-0 {
padding-bottom: 0 !important;
}
.u-pl-0 {
padding-left: 0 !important;
}
.u-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.newsletter-signup-box--gap {
margin-top: 0.5rem !important;
}
.u-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-mt-1 {
margin-top: 1rem !important;
}
.u-mb-1 {
margin-bottom: 0.25rem !important;
}
.u-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.u-pt-1 {
padding-top: 0.25rem !important;
}
.u-pr-1 {
padding-right: 0.25rem !important;
}
.u-pb-1 {
padding-bottom: 0.25rem !important;
}
.u-pl-1 {
padding-left: 0.25rem !important;
}
.u-px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.u-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.u-mt-2 {
margin-top: 0.5rem !important;
}
.u-mb-2 {
margin-bottom: 0.5rem !important;
}
.u-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.u-pt-2 {
padding-top: 0.5rem !important;
}
.u-pr-2 {
padding-right: 0.5rem !important;
}
.u-pb-2 {
padding-bottom: 0.5rem !important;
}
.u-pl-2 {
padding-left: 0.5rem !important;
}
.u-px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.u-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.u-mt-3 {
margin-top: 0.75rem !important;
}
.u-mb-3 {
margin-bottom: 0.5rem !important;
}
.u-my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.u-pt-3 {
padding-top: 0.75rem !important;
}
.u-pr-3 {
padding-right: 0.75rem !important;
}
.u-pb-3 {
padding-bottom: 0.75rem !important;
}
.u-pl-3 {
padding-left: 0.75rem !important;
}
.u-px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.u-py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.u-mt-4 {
margin-top: 1.25rem !important;
}
.u-mb-4 {
margin-bottom: 1.25rem !important;
}
.u-my-4 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.u-pt-4 {
padding-top: 1.25rem !important;
}
.u-pr-4 {
padding-right: 1.25rem !important;
}
.u-pb-4 {
padding-bottom: 1.25rem !important;
}
.u-pl-4 {
padding-left: 1.25rem !important;
}
.u-px-4 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.u-py-4 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
@media only screen and (min-width: 62em) {
.u-mt-5 {
margin-top: 1.5rem !important;
}
}
.u-mb-5 {
margin-bottom: 1.5rem !important;
}
.u-my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.u-pt-5 {
padding-top: 1.5rem !important;
}
.u-pr-5 {
padding-right: 1.5rem !important;
}
.u-pb-5 {
padding-bottom: 1.5rem !important;
}
.u-pl-5 {
padding-left: 1.5rem !important;
}
.u-px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.u-py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.u-mt-6 {
margin-top: 2rem !important;
}
.u-mb-6 {
margin-bottom: 2rem !important;
}
.u-my-6 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.u-pt-6 {
padding-top: 2rem !important;
}
.u-pr-6 {
padding-right: 2rem !important;
}
.u-pb-6 {
padding-bottom: 2rem !important;
}
.u-pl-6 {
padding-left: 2rem !important;
}
.u-px-6 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.u-py-6 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.u-mt-7 {
margin-top: 2.5rem !important;
}
.u-mb-7 {
margin-bottom: 2.5rem !important;
}
.u-my-7 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.u-pt-7 {
padding-top: 2.5rem !important;
}
.u-pr-7 {
padding-right: 2.5rem !important;
}
.u-pb-7 {
padding-bottom: 2.5rem !important;
}
.u-pl-7 {
padding-left: 2.5rem !important;
}
.u-px-7 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.u-py-7 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.u-mt-8 {
margin-top: 3.375rem !important;
}
.u-mb-8 {
margin-bottom: 3.375rem !important;
}
.u-my-8 {
margin-top: 3.375rem !important;
margin-bottom: 3.375rem !important;
}
.u-pt-8 {
padding-top: 3.375rem !important;
}
.u-pr-8 {
padding-right: 3.375rem !important;
}
.u-pb-8 {
padding-bottom: 3.375rem !important;
}
.u-pl-8 {
padding-left: 3.375rem !important;
}
.u-px-8 {
padding-left: 3.375rem !important;
padding-right: 3.375rem !important;
}
.u-py-8 {
padding-top: 3.375rem !important;
padding-bottom: 3.375rem !important;
}
.u-mt-9 {
margin-top: 5rem !important;
}
.u-mb-9 {
margin-bottom: 5rem !important;
}
.u-my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.u-pt-9 {
padding-top: 5rem !important;
}
.u-pr-9 {
padding-right: 5rem !important;
}
.u-pb-9 {
padding-bottom: 5rem !important;
}
.u-pl-9 {
padding-left: 5rem !important;
}
.u-px-9 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.u-py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
@media print, screen and (min-width: 36em) {
.u-smedium-mt-0 {
margin-top: 0 !important;
}
.u-smedium-mb-0 {
margin-bottom: 0 !important;
}
.u-smedium-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-smedium-pt-0 {
padding-top: 0 !important;
}
.u-smedium-pr-0 {
padding-right: 0 !important;
}
.u-smedium-pb-0 {
padding-bottom: 0 !important;
}
.u-smedium-pl-0 {
padding-left: 0 !important;
}
.u-smedium-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.u-smedium-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-smedium-mt-1 {
margin-top: 0.25rem !important;
}
.u-smedium-mb-1 {
margin-bottom: 0.25rem !important;
}
.u-smedium-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.u-smedium-pt-1 {
padding-top: 0.25rem !important;
}
.u-smedium-pr-1 {
padding-right: 0.25rem !important;
}
.u-smedium-pb-1 {
padding-bottom: 0.25rem !important;
}
.u-smedium-pl-1 {
padding-left: 0.25rem !important;
}
.u-smedium-px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.u-smedium-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.u-smedium-mt-2 {
margin-top: 0.5rem !important;
}
.u-smedium-mb-2 {
margin-bottom: 0.5rem !important;
}
.u-smedium-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.u-smedium-pt-2 {
padding-top: 0.5rem !important;
}
.u-smedium-pr-2 {
padding-right: 0.5rem !important;
}
.u-smedium-pb-2 {
padding-bottom: 0.5rem !important;
}
.u-smedium-pl-2 {
padding-left: 0.5rem !important;
}
.u-smedium-px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.u-smedium-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.u-smedium-mt-3 {
margin-top: 0.75rem !important;
}
.u-smedium-mb-3 {
margin-bottom: 0.75rem !important;
}
.u-smedium-my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.u-smedium-pt-3 {
padding-top: 0.75rem !important;
}
.u-smedium-pr-3 {
padding-right: 0.75rem !important;
}
.u-smedium-pb-3 {
padding-bottom: 0.75rem !important;
}
.u-smedium-pl-3 {
padding-left: 0.75rem !important;
}
.u-smedium-px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.u-smedium-py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.u-smedium-mt-4 {
margin-top: 1.25rem !important;
}
.u-smedium-mb-4 {
margin-bottom: 1.25rem !important;
}
.u-smedium-my-4 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.u-smedium-pt-4 {
padding-top: 1.25rem !important;
}
.u-smedium-pr-4 {
padding-right: 1.25rem !important;
}
.u-smedium-pb-4 {
padding-bottom: 1.25rem !important;
}
.u-smedium-pl-4 {
padding-left: 1.25rem !important;
}
.u-smedium-px-4 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.u-smedium-py-4 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.u-smedium-mt-5 {
margin-top: 1.5rem !important;
}
.u-smedium-mb-5 {
margin-bottom: 1.5rem !important;
}
.u-smedium-my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.u-smedium-pt-5 {
padding-top: 1.5rem !important;
}
.u-smedium-pr-5 {
padding-right: 1.5rem !important;
}
.u-smedium-pb-5 {
padding-bottom: 1.5rem !important;
}
.u-smedium-pl-5 {
padding-left: 1.5rem !important;
}
.u-smedium-px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.u-smedium-py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.u-smedium-mt-6 {
margin-top: 2rem !important;
}
.u-smedium-mb-6 {
margin-bottom: 2rem !important;
}
.u-smedium-my-6 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.u-smedium-pt-6 {
padding-top: 2rem !important;
}
.u-smedium-pr-6 {
padding-right: 2rem !important;
}
.u-smedium-pb-6 {
padding-bottom: 2rem !important;
}
.u-smedium-pl-6 {
padding-left: 2rem !important;
}
.u-smedium-px-6 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.u-smedium-py-6 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.u-smedium-mt-7 {
margin-top: 2.5rem !important;
}
.u-smedium-mb-7 {
margin-bottom: 2.5rem !important;
}
.u-smedium-my-7 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.u-smedium-pt-7 {
padding-top: 2.5rem !important;
}
.u-smedium-pr-7 {
padding-right: 2.5rem !important;
}
.u-smedium-pb-7 {
padding-bottom: 2.5rem !important;
}
.u-smedium-pl-7 {
padding-left: 2.5rem !important;
}
.u-smedium-px-7 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.u-smedium-py-7 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.u-smedium-mt-8 {
margin-top: 3.375rem !important;
}
.u-smedium-mb-8 {
margin-bottom: 3.375rem !important;
}
.u-smedium-my-8 {
margin-top: 3.375rem !important;
margin-bottom: 3.375rem !important;
}
.u-smedium-pt-8 {
padding-top: 3.375rem !important;
}
.u-smedium-pr-8 {
padding-right: 3.375rem !important;
}
.u-smedium-pb-8 {
padding-bottom: 3.375rem !important;
}
.u-smedium-pl-8 {
padding-left: 3.375rem !important;
}
.u-smedium-px-8 {
padding-left: 3.375rem !important;
padding-right: 3.375rem !important;
}
.u-smedium-py-8 {
padding-top: 3.375rem !important;
padding-bottom: 3.375rem !important;
}
.u-smedium-mt-9 {
margin-top: 5rem !important;
}
.u-smedium-mb-9 {
margin-bottom: 5rem !important;
}
.u-smedium-my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.u-smedium-pt-9 {
padding-top: 5rem !important;
}
.u-smedium-pr-9 {
padding-right: 5rem !important;
}
.u-smedium-pb-9 {
padding-bottom: 5rem !important;
}
.u-smedium-pl-9 {
padding-left: 5rem !important;
}
.u-smedium-px-9 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.u-smedium-py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media print, screen and (min-width: 48em) {
.u-medium-mt-0 {
margin-top: 0 !important;
}
.u-medium-mb-0 {
margin-bottom: 0 !important;
}
.u-medium-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-medium-pt-0 {
padding-top: 0 !important;
}
.u-medium-pr-0 {
padding-right: 0 !important;
}
.u-medium-pb-0 {
padding-bottom: 0 !important;
}
.u-medium-pl-0 {
padding-left: 0 !important;
}
.u-medium-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.u-medium-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-medium-mt-1 {
margin-top: 0.25rem !important;
}
.u-medium-mb-1 {
margin-bottom: 0.25rem !important;
}
.u-medium-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.u-medium-pt-1 {
padding-top: 0.25rem !important;
}
.u-medium-pr-1 {
padding-right: 0.25rem !important;
}
.u-medium-pb-1 {
padding-bottom: 0.25rem !important;
}
.u-medium-pl-1 {
padding-left: 0.25rem !important;
}
.u-medium-px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.u-medium-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.u-medium-mt-2 {
margin-top: 0.5rem !important;
}
.u-medium-mb-2 {
margin-bottom: 0.5rem !important;
}
.u-medium-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.u-medium-pt-2 {
padding-top: 0.5rem !important;
}
.u-medium-pr-2 {
padding-right: 0.5rem !important;
}
.u-medium-pb-2 {
padding-bottom: 0.5rem !important;
}
.u-medium-pl-2 {
padding-left: 0.5rem !important;
}
.u-medium-px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.u-medium-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.u-medium-mt-3 {
margin-top: 0.75rem !important;
}
.u-medium-mb-3 {
margin-bottom: 0.75rem !important;
}
.u-medium-my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.u-medium-pt-3 {
padding-top: 0.75rem !important;
}
.u-medium-pr-3 {
padding-right: 0.75rem !important;
}
.u-medium-pb-3 {
padding-bottom: 0.75rem !important;
}
.u-medium-pl-3 {
padding-left: 0.75rem !important;
}
.u-medium-px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.u-medium-py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.u-medium-mt-4 {
margin-top: 1.25rem !important;
}
.u-medium-mb-4 {
margin-bottom: 1.25rem !important;
}
.u-medium-my-4 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.u-medium-pt-4 {
padding-top: 1.25rem !important;
}
.u-medium-pr-4 {
padding-right: 1.25rem !important;
}
.u-medium-pb-4 {
padding-bottom: 1.25rem !important;
}
.u-medium-pl-4 {
padding-left: 1.25rem !important;
}
.u-medium-px-4 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.u-medium-py-4 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.u-medium-mt-5 {
margin-top: 1.5rem !important;
}
.u-medium-mb-5 {
margin-bottom: 1.5rem !important;
}
.u-medium-my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.u-medium-pt-5 {
padding-top: 1.5rem !important;
}
.u-medium-pr-5 {
padding-right: 1.5rem !important;
}
.u-medium-pb-5 {
padding-bottom: 1.5rem !important;
}
.u-medium-pl-5 {
padding-left: 1.5rem !important;
}
.u-medium-px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.u-medium-py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.u-medium-mt-6 {
margin-top: 2rem !important;
}
.u-medium-mb-6 {
margin-bottom: 2rem !important;
}
.u-medium-my-6 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.u-medium-pt-6 {
padding-top: 2rem !important;
}
.u-medium-pr-6 {
padding-right: 2rem !important;
}
.u-medium-pb-6 {
padding-bottom: 2rem !important;
}
.u-medium-pl-6 {
padding-left: 2rem !important;
}
.u-medium-px-6 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.u-medium-py-6 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.u-medium-mt-7 {
margin-top: 2.5rem !important;
}
.u-medium-mb-7 {
margin-bottom: 2.5rem !important;
}
.u-medium-my-7 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.u-medium-pt-7 {
padding-top: 2.5rem !important;
}
.u-medium-pr-7 {
padding-right: 2.5rem !important;
}
.u-medium-pb-7 {
padding-bottom: 2.5rem !important;
}
.u-medium-pl-7 {
padding-left: 2.5rem !important;
}
.u-medium-px-7 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.u-medium-py-7 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.u-medium-mt-8 {
margin-top: 3.375rem !important;
}
.u-medium-mb-8 {
margin-bottom: 3.375rem !important;
}
.u-medium-my-8 {
margin-top: 3.375rem !important;
margin-bottom: 3.375rem !important;
}
.u-medium-pt-8 {
padding-top: 3.375rem !important;
}
.u-medium-pr-8 {
padding-right: 3.375rem !important;
}
.u-medium-pb-8 {
padding-bottom: 3.375rem !important;
}
.u-medium-pl-8 {
padding-left: 3.375rem !important;
}
.u-medium-px-8 {
padding-left: 3.375rem !important;
padding-right: 3.375rem !important;
}
.u-medium-py-8 {
padding-top: 3.375rem !important;
padding-bottom: 3.375rem !important;
}
.u-medium-mt-9 {
margin-top: 5rem !important;
}
.u-medium-mb-9 {
margin-bottom: 5rem !important;
}
.u-medium-my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.u-medium-pt-9 {
padding-top: 5rem !important;
}
.u-medium-pr-9 {
padding-right: 5rem !important;
}
.u-medium-pb-9 {
padding-bottom: 5rem !important;
}
.u-medium-pl-9 {
padding-left: 5rem !important;
}
.u-medium-px-9 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.u-medium-py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media print, screen and (min-width: 62em) {
.u-large-mt-0 {
margin-top: 0 !important;
}
.u-large-mb-0 {
margin-bottom: 0 !important;
}
.u-large-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-large-pt-0 {
padding-top: 0 !important;
}
.u-large-pr-0 {
padding-right: 0 !important;
}
.u-large-pb-0 {
padding-bottom: 0 !important;
}
.u-large-pl-0 {
padding-left: 0 !important;
}
.u-large-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.u-large-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-large-mt-1 {
margin-top: 0.25rem !important;
}
.u-large-mb-1 {
margin-bottom: 0.25rem !important;
}
.u-large-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.u-large-pt-1 {
padding-top: 0.25rem !important;
}
.u-large-pr-1 {
padding-right: 0.25rem !important;
}
.u-large-pb-1 {
padding-bottom: 0.25rem !important;
}
.u-large-pl-1 {
padding-left: 0.25rem !important;
}
.u-large-px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.u-large-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.u-large-mt-2 {
margin-top: 0.5rem !important;
}
.u-large-mb-2 {
margin-bottom: 0.5rem !important;
}
.u-large-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.u-large-pt-2 {
padding-top: 0.5rem !important;
}
.u-large-pr-2 {
padding-right: 0.5rem !important;
}
.u-large-pb-2 {
padding-bottom: 0.5rem !important;
}
.u-large-pl-2 {
padding-left: 0.5rem !important;
}
.u-large-px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.u-large-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.u-large-mt-3 {
margin-top: 0.75rem !important;
}
.u-large-mb-3 {
margin-bottom: 0.75rem !important;
}
.u-large-my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.u-large-pt-3 {
padding-top: 0.75rem !important;
}
.u-large-pr-3 {
padding-right: 0.75rem !important;
}
.u-large-pb-3 {
padding-bottom: 0.75rem !important;
}
.u-large-pl-3 {
padding-left: 0.75rem !important;
}
.u-large-px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.u-large-py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.u-large-mt-4 {
margin-top: 1.25rem !important;
}
.u-large-mb-4 {
margin-bottom: 1.25rem !important;
}
.u-large-my-4 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.u-large-pt-4 {
padding-top: 1.25rem !important;
}
.u-large-pr-4 {
padding-right: 1.25rem !important;
}
.u-large-pb-4 {
padding-bottom: 1.25rem !important;
}
.u-large-pl-4 {
padding-left: 1.25rem !important;
}
.u-large-px-4 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.u-large-py-4 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.u-large-mt-5 {
margin-top: 1.5rem !important;
}
.u-large-mb-5 {
margin-bottom: 1.5rem !important;
}
.u-large-my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.u-large-pt-5 {
padding-top: 1.5rem !important;
}
.u-large-pr-5 {
padding-right: 1.5rem !important;
}
.u-large-pb-5 {
padding-bottom: 1.5rem !important;
}
.u-large-pl-5 {
padding-left: 1.5rem !important;
}
.u-large-px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.u-large-py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.u-large-mt-6 {
margin-top: 2rem !important;
}
.u-large-mb-6 {
margin-bottom: 2rem !important;
}
.u-large-my-6 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.u-large-pt-6 {
padding-top: 2rem !important;
}
.u-large-pr-6 {
padding-right: 2rem !important;
}
.u-large-pb-6 {
padding-bottom: 2rem !important;
}
.u-large-pl-6 {
padding-left: 2rem !important;
}
.u-large-px-6 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.u-large-py-6 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.u-large-mt-7 {
margin-top: 2.5rem !important;
}
.u-large-mb-7 {
margin-bottom: 2.5rem !important;
}
.u-large-my-7 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.u-large-pt-7 {
padding-top: 2.5rem !important;
}
.u-large-pr-7 {
padding-right: 2.5rem !important;
}
.u-large-pb-7 {
padding-bottom: 2.5rem !important;
}
.u-large-pl-7 {
padding-left: 2.5rem !important;
}
.u-large-px-7 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.u-large-py-7 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.u-large-mt-8 {
margin-top: 3.375rem !important;
}
.u-large-mb-8 {
margin-bottom: 3.375rem !important;
}
.u-large-my-8 {
margin-top: 3.375rem !important;
margin-bottom: 3.375rem !important;
}
.u-large-pt-8 {
padding-top: 3.375rem !important;
}
.u-large-pr-8 {
padding-right: 3.375rem !important;
}
.u-large-pb-8 {
padding-bottom: 3.375rem !important;
}
.u-large-pl-8 {
padding-left: 3.375rem !important;
}
.u-large-px-8 {
padding-left: 3.375rem !important;
padding-right: 3.375rem !important;
}
.u-large-py-8 {
padding-top: 3.375rem !important;
padding-bottom: 3.375rem !important;
}
.u-large-mt-9 {
margin-top: 5rem !important;
}
.u-large-mb-9 {
margin-bottom: 5rem !important;
}
.u-large-my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.u-large-pt-9 {
padding-top: 5rem !important;
}
.u-large-pr-9 {
padding-right: 5rem !important;
}
.u-large-pb-9 {
padding-bottom: 5rem !important;
}
.u-large-pl-9 {
padding-left: 5rem !important;
}
.u-large-px-9 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.u-large-py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media screen and (min-width: 75em) {
.u-xlarge-mt-0 {
margin-top: 0 !important;
}
.u-xlarge-mb-0 {
margin-bottom: 0 !important;
}
.u-xlarge-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-xlarge-pt-0 {
padding-top: 0 !important;
}
.u-xlarge-pr-0 {
padding-right: 0 !important;
}
.u-xlarge-pb-0 {
padding-bottom: 0 !important;
}
.u-xlarge-pl-0 {
padding-left: 0 !important;
}
.u-xlarge-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.u-xlarge-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-xlarge-mt-1 {
margin-top: 0.25rem !important;
}
.u-xlarge-mb-1 {
margin-bottom: 0.25rem !important;
}
.u-xlarge-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.u-xlarge-pt-1 {
padding-top: 0.25rem !important;
}
.u-xlarge-pr-1 {
padding-right: 0.25rem !important;
}
.u-xlarge-pb-1 {
padding-bottom: 0.25rem !important;
}
.u-xlarge-pl-1 {
padding-left: 0.25rem !important;
}
.u-xlarge-px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.u-xlarge-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.u-xlarge-mt-2 {
margin-top: 0.5rem !important;
}
.u-xlarge-mb-2 {
margin-bottom: 0.5rem !important;
}
.u-xlarge-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.u-xlarge-pt-2 {
padding-top: 0.5rem !important;
}
.u-xlarge-pr-2 {
padding-right: 0.5rem !important;
}
.u-xlarge-pb-2 {
padding-bottom: 0.5rem !important;
}
.u-xlarge-pl-2 {
padding-left: 0.5rem !important;
}
.u-xlarge-px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.u-xlarge-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.u-xlarge-mt-3 {
margin-top: 0.75rem !important;
}
.u-xlarge-mb-3 {
margin-bottom: 0.75rem !important;
}
.u-xlarge-my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.u-xlarge-pt-3 {
padding-top: 0.75rem !important;
}
.u-xlarge-pr-3 {
padding-right: 0.75rem !important;
}
.u-xlarge-pb-3 {
padding-bottom: 0.75rem !important;
}
.u-xlarge-pl-3 {
padding-left: 0.75rem !important;
}
.u-xlarge-px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.u-xlarge-py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.u-xlarge-mt-4 {
margin-top: 1.25rem !important;
}
.u-xlarge-mb-4 {
margin-bottom: 1.25rem !important;
}
.u-xlarge-my-4 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.u-xlarge-pt-4 {
padding-top: 1.25rem !important;
}
.u-xlarge-pr-4 {
padding-right: 1.25rem !important;
}
.u-xlarge-pb-4 {
padding-bottom: 1.25rem !important;
}
.u-xlarge-pl-4 {
padding-left: 1.25rem !important;
}
.u-xlarge-px-4 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.u-xlarge-py-4 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.u-xlarge-mt-5 {
margin-top: 1.5rem !important;
}
.u-xlarge-mb-5 {
margin-bottom: 1.5rem !important;
}
.u-xlarge-my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.u-xlarge-pt-5 {
padding-top: 1.5rem !important;
}
.u-xlarge-pr-5 {
padding-right: 1.5rem !important;
}
.u-xlarge-pb-5 {
padding-bottom: 1.5rem !important;
}
.u-xlarge-pl-5 {
padding-left: 1.5rem !important;
}
.u-xlarge-px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.u-xlarge-py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.u-xlarge-mt-6 {
margin-top: 2rem !important;
}
.u-xlarge-mb-6 {
margin-bottom: 2rem !important;
}
.u-xlarge-my-6 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.u-xlarge-pt-6 {
padding-top: 2rem !important;
}
.u-xlarge-pr-6 {
padding-right: 2rem !important;
}
.u-xlarge-pb-6 {
padding-bottom: 2rem !important;
}
.u-xlarge-pl-6 {
padding-left: 2rem !important;
}
.u-xlarge-px-6 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.u-xlarge-py-6 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.u-xlarge-mt-7 {
margin-top: 2.5rem !important;
}
.u-xlarge-mb-7 {
margin-bottom: 2.5rem !important;
}
.u-xlarge-my-7 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.u-xlarge-pt-7 {
padding-top: 2.5rem !important;
}
.u-xlarge-pr-7 {
padding-right: 2.5rem !important;
}
.u-xlarge-pb-7 {
padding-bottom: 2.5rem !important;
}
.u-xlarge-pl-7 {
padding-left: 2.5rem !important;
}
.u-xlarge-px-7 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.u-xlarge-py-7 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.u-xlarge-mt-8 {
margin-top: 3.375rem !important;
}
.u-xlarge-mb-8 {
margin-bottom: 3.375rem !important;
}
.u-xlarge-my-8 {
margin-top: 3.375rem !important;
margin-bottom: 3.375rem !important;
}
.u-xlarge-pt-8 {
padding-top: 3.375rem !important;
}
.u-xlarge-pr-8 {
padding-right: 3.375rem !important;
}
.u-xlarge-pb-8 {
padding-bottom: 3.375rem !important;
}
.u-xlarge-pl-8 {
padding-left: 3.375rem !important;
}
.u-xlarge-px-8 {
padding-left: 3.375rem !important;
padding-right: 3.375rem !important;
}
.u-xlarge-py-8 {
padding-top: 3.375rem !important;
padding-bottom: 3.375rem !important;
}
.u-xlarge-mt-9 {
margin-top: 5rem !important;
}
.u-xlarge-mb-9 {
margin-bottom: 5rem !important;
}
.u-xlarge-my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.u-xlarge-pt-9 {
padding-top: 5rem !important;
}
.u-xlarge-pr-9 {
padding-right: 5rem !important;
}
.u-xlarge-pb-9 {
padding-bottom: 5rem !important;
}
.u-xlarge-pl-9 {
padding-left: 5rem !important;
}
.u-xlarge-px-9 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.u-xlarge-py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media screen and (min-width: 90em) {
.u-xxlarge-mt-0 {
margin-top: 0 !important;
}
.u-xxlarge-mb-0 {
margin-bottom: 0 !important;
}
.u-xxlarge-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-xxlarge-pt-0 {
padding-top: 0 !important;
}
.u-xxlarge-pr-0 {
padding-right: 0 !important;
}
.u-xxlarge-pb-0 {
padding-bottom: 0 !important;
}
.u-xxlarge-pl-0 {
padding-left: 0 !important;
}
.u-xxlarge-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.u-xxlarge-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-xxlarge-mt-1 {
margin-top: 0.25rem !important;
}
.u-xxlarge-mb-1 {
margin-bottom: 0.25rem !important;
}
.u-xxlarge-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.u-xxlarge-pt-1 {
padding-top: 0.25rem !important;
}
.u-xxlarge-pr-1 {
padding-right: 0.25rem !important;
}
.u-xxlarge-pb-1 {
padding-bottom: 0.25rem !important;
}
.u-xxlarge-pl-1 {
padding-left: 0.25rem !important;
}
.u-xxlarge-px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.u-xxlarge-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.u-xxlarge-mt-2 {
margin-top: 0.5rem !important;
}
.u-xxlarge-mb-2 {
margin-bottom: 0.5rem !important;
}
.u-xxlarge-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.u-xxlarge-pt-2 {
padding-top: 0.5rem !important;
}
.u-xxlarge-pr-2 {
padding-right: 0.5rem !important;
}
.u-xxlarge-pb-2 {
padding-bottom: 0.5rem !important;
}
.u-xxlarge-pl-2 {
padding-left: 0.5rem !important;
}
.u-xxlarge-px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.u-xxlarge-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.u-xxlarge-mt-3 {
margin-top: 0.75rem !important;
}
.u-xxlarge-mb-3 {
margin-bottom: 0.75rem !important;
}
.u-xxlarge-my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.u-xxlarge-pt-3 {
padding-top: 0.75rem !important;
}
.u-xxlarge-pr-3 {
padding-right: 0.75rem !important;
}
.u-xxlarge-pb-3 {
padding-bottom: 0.75rem !important;
}
.u-xxlarge-pl-3 {
padding-left: 0.75rem !important;
}
.u-xxlarge-px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.u-xxlarge-py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.u-xxlarge-mt-4 {
margin-top: 1.25rem !important;
}
.u-xxlarge-mb-4 {
margin-bottom: 1.25rem !important;
}
.u-xxlarge-my-4 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.u-xxlarge-pt-4 {
padding-top: 1.25rem !important;
}
.u-xxlarge-pr-4 {
padding-right: 1.25rem !important;
}
.u-xxlarge-pb-4 {
padding-bottom: 1.25rem !important;
}
.u-xxlarge-pl-4 {
padding-left: 1.25rem !important;
}
.u-xxlarge-px-4 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.u-xxlarge-py-4 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.u-xxlarge-mt-5 {
margin-top: 1.5rem !important;
}
.u-xxlarge-mb-5 {
margin-bottom: 1.5rem !important;
}
.u-xxlarge-my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.u-xxlarge-pt-5 {
padding-top: 1.5rem !important;
}
.u-xxlarge-pr-5 {
padding-right: 1.5rem !important;
}
.u-xxlarge-pb-5 {
padding-bottom: 1.5rem !important;
}
.u-xxlarge-pl-5 {
padding-left: 1.5rem !important;
}
.u-xxlarge-px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.u-xxlarge-py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.u-xxlarge-mt-6 {
margin-top: 2rem !important;
}
.u-xxlarge-mb-6 {
margin-bottom: 2rem !important;
}
.u-xxlarge-my-6 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.u-xxlarge-pt-6 {
padding-top: 2rem !important;
}
.u-xxlarge-pr-6 {
padding-right: 2rem !important;
}
.u-xxlarge-pb-6 {
padding-bottom: 2rem !important;
}
.u-xxlarge-pl-6 {
padding-left: 2rem !important;
}
.u-xxlarge-px-6 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.u-xxlarge-py-6 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.u-xxlarge-mt-7 {
margin-top: 2.5rem !important;
}
.u-xxlarge-mb-7 {
margin-bottom: 2.5rem !important;
}
.u-xxlarge-my-7 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.u-xxlarge-pt-7 {
padding-top: 2.5rem !important;
}
.u-xxlarge-pr-7 {
padding-right: 2.5rem !important;
}
.u-xxlarge-pb-7 {
padding-bottom: 2.5rem !important;
}
.u-xxlarge-pl-7 {
padding-left: 2.5rem !important;
}
.u-xxlarge-px-7 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.u-xxlarge-py-7 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.u-xxlarge-mt-8 {
margin-top: 3.375rem !important;
}
.u-xxlarge-mb-8 {
margin-bottom: 3.375rem !important;
}
.u-xxlarge-my-8 {
margin-top: 3.375rem !important;
margin-bottom: 3.375rem !important;
}
.u-xxlarge-pt-8 {
padding-top: 3.375rem !important;
}
.u-xxlarge-pr-8 {
padding-right: 3.375rem !important;
}
.u-xxlarge-pb-8 {
padding-bottom: 3.375rem !important;
}
.u-xxlarge-pl-8 {
padding-left: 3.375rem !important;
}
.u-xxlarge-px-8 {
padding-left: 3.375rem !important;
padding-right: 3.375rem !important;
}
.u-xxlarge-py-8 {
padding-top: 3.375rem !important;
padding-bottom: 3.375rem !important;
}
.u-xxlarge-mt-9 {
margin-top: 5rem !important;
}
.u-xxlarge-mb-9 {
margin-bottom: 5rem !important;
}
.u-xxlarge-my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.u-xxlarge-pt-9 {
padding-top: 5rem !important;
}
.u-xxlarge-pr-9 {
padding-right: 5rem !important;
}
.u-xxlarge-pb-9 {
padding-bottom: 5rem !important;
}
.u-xxlarge-pl-9 {
padding-left: 5rem !important;
}
.u-xxlarge-px-9 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.u-xxlarge-py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
@media screen and (min-width: 96.25em) {
.u-xxxlarge-mt-0 {
margin-top: 0 !important;
}
.u-xxxlarge-mb-0 {
margin-bottom: 0 !important;
}
.u-xxxlarge-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.u-xxxlarge-pt-0 {
padding-top: 0 !important;
}
.u-xxxlarge-pr-0 {
padding-right: 0 !important;
}
.u-xxxlarge-pb-0 {
padding-bottom: 0 !important;
}
.u-xxxlarge-pl-0 {
padding-left: 0 !important;
}
.u-xxxlarge-px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.u-xxxlarge-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.u-xxxlarge-mt-1 {
margin-top: 0.25rem !important;
}
.u-xxxlarge-mb-1 {
margin-bottom: 0.25rem !important;
}
.u-xxxlarge-my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.u-xxxlarge-pt-1 {
padding-top: 0.25rem !important;
}
.u-xxxlarge-pr-1 {
padding-right: 0.25rem !important;
}
.u-xxxlarge-pb-1 {
padding-bottom: 0.25rem !important;
}
.u-xxxlarge-pl-1 {
padding-left: 0.25rem !important;
}
.u-xxxlarge-px-1 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.u-xxxlarge-py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.u-xxxlarge-mt-2 {
margin-top: 0.5rem !important;
}
.u-xxxlarge-mb-2 {
margin-bottom: 0.5rem !important;
}
.u-xxxlarge-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.u-xxxlarge-pt-2 {
padding-top: 0.5rem !important;
}
.u-xxxlarge-pr-2 {
padding-right: 0.5rem !important;
}
.u-xxxlarge-pb-2 {
padding-bottom: 0.5rem !important;
}
.u-xxxlarge-pl-2 {
padding-left: 0.5rem !important;
}
.u-xxxlarge-px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.u-xxxlarge-py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.u-xxxlarge-mt-3 {
margin-top: 0.75rem !important;
}
.u-xxxlarge-mb-3 {
margin-bottom: 0.75rem !important;
}
.u-xxxlarge-my-3 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.u-xxxlarge-pt-3 {
padding-top: 0.75rem !important;
}
.u-xxxlarge-pr-3 {
padding-right: 0.75rem !important;
}
.u-xxxlarge-pb-3 {
padding-bottom: 0.75rem !important;
}
.u-xxxlarge-pl-3 {
padding-left: 0.75rem !important;
}
.u-xxxlarge-px-3 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.u-xxxlarge-py-3 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.u-xxxlarge-mt-4 {
margin-top: 1.25rem !important;
}
.u-xxxlarge-mb-4 {
margin-bottom: 1.25rem !important;
}
.u-xxxlarge-my-4 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.u-xxxlarge-pt-4 {
padding-top: 1.25rem !important;
}
.u-xxxlarge-pr-4 {
padding-right: 1.25rem !important;
}
.u-xxxlarge-pb-4 {
padding-bottom: 1.25rem !important;
}
.u-xxxlarge-pl-4 {
padding-left: 1.25rem !important;
}
.u-xxxlarge-px-4 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.u-xxxlarge-py-4 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.u-xxxlarge-mt-5 {
margin-top: 1.5rem !important;
}
.u-xxxlarge-mb-5 {
margin-bottom: 1.5rem !important;
}
.u-xxxlarge-my-5 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.u-xxxlarge-pt-5 {
padding-top: 1.5rem !important;
}
.u-xxxlarge-pr-5 {
padding-right: 1.5rem !important;
}
.u-xxxlarge-pb-5 {
padding-bottom: 1.5rem !important;
}
.u-xxxlarge-pl-5 {
padding-left: 1.5rem !important;
}
.u-xxxlarge-px-5 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.u-xxxlarge-py-5 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.u-xxxlarge-mt-6 {
margin-top: 2rem !important;
}
.u-xxxlarge-mb-6 {
margin-bottom: 2rem !important;
}
.u-xxxlarge-my-6 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.u-xxxlarge-pt-6 {
padding-top: 2rem !important;
}
.u-xxxlarge-pr-6 {
padding-right: 2rem !important;
}
.u-xxxlarge-pb-6 {
padding-bottom: 2rem !important;
}
.u-xxxlarge-pl-6 {
padding-left: 2rem !important;
}
.u-xxxlarge-px-6 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.u-xxxlarge-py-6 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.u-xxxlarge-mt-7 {
margin-top: 2.5rem !important;
}
.u-xxxlarge-mb-7 {
margin-bottom: 2.5rem !important;
}
.u-xxxlarge-my-7 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.u-xxxlarge-pt-7 {
padding-top: 2.5rem !important;
}
.u-xxxlarge-pr-7 {
padding-right: 2.5rem !important;
}
.u-xxxlarge-pb-7 {
padding-bottom: 2.5rem !important;
}
.u-xxxlarge-pl-7 {
padding-left: 2.5rem !important;
}
.u-xxxlarge-px-7 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.u-xxxlarge-py-7 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.u-xxxlarge-mt-8 {
margin-top: 3.375rem !important;
}
.u-xxxlarge-mb-8 {
margin-bottom: 3.375rem !important;
}
.u-xxxlarge-my-8 {
margin-top: 3.375rem !important;
margin-bottom: 3.375rem !important;
}
.u-xxxlarge-pt-8 {
padding-top: 3.375rem !important;
}
.u-xxxlarge-pr-8 {
padding-right: 3.375rem !important;
}
.u-xxxlarge-pb-8 {
padding-bottom: 3.375rem !important;
}
.u-xxxlarge-pl-8 {
padding-left: 3.375rem !important;
}
.u-xxxlarge-px-8 {
padding-left: 3.375rem !important;
padding-right: 3.375rem !important;
}
.u-xxxlarge-py-8 {
padding-top: 3.375rem !important;
padding-bottom: 3.375rem !important;
}
.u-xxxlarge-mt-9 {
margin-top: 5rem !important;
}
.u-xxxlarge-mb-9 {
margin-bottom: 5rem !important;
}
.u-xxxlarge-my-9 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.u-xxxlarge-pt-9 {
padding-top: 5rem !important;
}
.u-xxxlarge-pr-9 {
padding-right: 5rem !important;
}
.u-xxxlarge-pb-9 {
padding-bottom: 5rem !important;
}
.u-xxxlarge-pl-9 {
padding-left: 5rem !important;
}
.u-xxxlarge-px-9 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.u-xxxlarge-py-9 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
}
.u-border-0 {
border: 0 !important;
}
.u-border {
border: 1px solid #dbdbdb !important;
}
.u-border-top-0 {
border-top: 0 !important;
}
.u-border-top {
border-top: 1px solid #dbdbdb !important;
padding-bottom: 1.6em;
margin-bottom: 1.6em;
}
.u-border-right-0 {
border-right: 0 !important;
}
.u-border-right {
border-right: 1px solid #dbdbdb !important;
}
.u-border-bottom-0 {
border-bottom: 0 !important;
}
.u-border-bottom {
border-bottom: 1px solid #dbdbdb !important;
padding-bottom: 2.5rem;
margin-bottom: 1.83em;
}
.u-border-left-0 {
border-left: 0 !important;
}
.u-border-left {
border-left: 1px solid #dbdbdb !important;
}
.u-border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.u-border-x {
border-left: 1px solid #dbdbdb !important;
border-right: 1px solid #dbdbdb !important;
}
.u-border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.u-border-y {
border-top: 1px solid #dbdbdb !important;
border-bottom: 1px solid #dbdbdb !important;
}
@media print, screen and (min-width: 36em) {
.u-smedium-border-0 {
border: 0 !important;
}
.u-smedium-border {
border: 1px solid #dbdbdb !important;
}
.u-smedium-border-top-0 {
border-top: 0 !important;
}
.u-smedium-border-top {
border-top: 1px solid #dbdbdb !important;
}
.u-smedium-border-right-0 {
border-right: 0 !important;
}
.u-smedium-border-right {
border-right: 1px solid #dbdbdb !important;
}
.u-smedium-border-bottom-0 {
border-bottom: 0 !important;
}
.u-smedium-border-bottom {
border-bottom: 1px solid #dbdbdb !important;
}
.u-smedium-border-left-0 {
border-left: 0 !important;
}
.u-smedium-border-left {
border-left: 1px solid #dbdbdb !important;
}
.u-smedium-border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.u-smedium-border-x {
border-left: 1px solid #dbdbdb !important;
border-right: 1px solid #dbdbdb !important;
}
.u-smedium-border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.u-smedium-border-y {
border-top: 1px solid #dbdbdb !important;
border-bottom: 1px solid #dbdbdb !important;
}
}
@media print, screen and (min-width: 48em) {
.u-medium-border-0 {
border: 0 !important;
}
.u-medium-border {
border: 1px solid #dbdbdb !important;
}
.u-medium-border-top-0 {
border-top: 0 !important;
}
.u-medium-border-top {
border-top: 1px solid #dbdbdb !important;
}
.u-medium-border-right-0 {
border-right: 0 !important;
}
.u-medium-border-right {
border-right: 1px solid #dbdbdb !important;
}
.u-medium-border-bottom-0 {
border-bottom: 0 !important;
}
.u-medium-border-bottom {
border-bottom: 1px solid #dbdbdb !important;
}
.u-medium-border-left-0 {
border-left: 0 !important;
}
.u-medium-border-left {
border-left: 1px solid #dbdbdb !important;
}
.u-medium-border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.u-medium-border-x {
border-left: 1px solid #dbdbdb !important;
border-right: 1px solid #dbdbdb !important;
}
.u-medium-border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.u-medium-border-y {
border-top: 1px solid #dbdbdb !important;
border-bottom: 1px solid #dbdbdb !important;
}
}
@media print, screen and (min-width: 62em) {
.u-large-border-0 {
border: 0 !important;
}
.u-large-border {
border: 1px solid #dbdbdb !important;
}
.u-large-border-top-0 {
border-top: 0 !important;
}
.u-large-border-top {
border-top: 1px solid #dbdbdb !important;
}
.u-large-border-right-0 {
border-right: 0 !important;
}
.u-large-border-right {
border-right: 1px solid #dbdbdb !important;
}
.u-large-border-bottom-0 {
border-bottom: 0 !important;
}
.u-large-border-bottom {
border-bottom: 1px solid #dbdbdb !important;
}
.u-large-border-left-0 {
border-left: 0 !important;
}
.u-large-border-left {
border-left: 1px solid #dbdbdb !important;
}
.u-large-border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.u-large-border-x {
border-left: 1px solid #dbdbdb !important;
border-right: 1px solid #dbdbdb !important;
}
.u-large-border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.u-large-border-y {
border-top: 1px solid #dbdbdb !important;
border-bottom: 1px solid #dbdbdb !important;
}
}
@media screen and (min-width: 75em) {
.u-xlarge-border-0 {
border: 0 !important;
}
.u-xlarge-border {
border: 1px solid #dbdbdb !important;
}
.u-xlarge-border-top-0 {
border-top: 0 !important;
}
.u-xlarge-border-top {
border-top: 1px solid #dbdbdb !important;
}
.u-xlarge-border-right-0 {
border-right: 0 !important;
}
.u-xlarge-border-right {
border-right: 1px solid #dbdbdb !important;
}
.u-xlarge-border-bottom-0 {
border-bottom: 0 !important;
}
.u-xlarge-border-bottom {
border-bottom: 1px solid #dbdbdb !important;
}
.u-xlarge-border-left-0 {
border-left: 0 !important;
}
.u-xlarge-border-left {
border-left: 1px solid #dbdbdb !important;
}
.u-xlarge-border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.u-xlarge-border-x {
border-left: 1px solid #dbdbdb !important;
border-right: 1px solid #dbdbdb !important;
}
.u-xlarge-border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.u-xlarge-border-y {
border-top: 1px solid #dbdbdb !important;
border-bottom: 1px solid #dbdbdb !important;
}
}
@media screen and (min-width: 90em) {
.u-xxlarge-border-0 {
border: 0 !important;
}
.u-xxlarge-border {
border: 1px solid #dbdbdb !important;
}
.u-xxlarge-border-top-0 {
border-top: 0 !important;
}
.u-xxlarge-border-top {
border-top: 1px solid #dbdbdb !important;
}
.u-xxlarge-border-right-0 {
border-right: 0 !important;
}
.u-xxlarge-border-right {
border-right: 1px solid #dbdbdb !important;
}
.u-xxlarge-border-bottom-0 {
border-bottom: 0 !important;
}
.u-xxlarge-border-bottom {
border-bottom: 1px solid #dbdbdb !important;
}
.u-xxlarge-border-left-0 {
border-left: 0 !important;
}
.u-xxlarge-border-left {
border-left: 1px solid #dbdbdb !important;
}
.u-xxlarge-border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.u-xxlarge-border-x {
border-left: 1px solid #dbdbdb !important;
border-right: 1px solid #dbdbdb !important;
}
.u-xxlarge-border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.u-xxlarge-border-y {
border-top: 1px solid #dbdbdb !important;
border-bottom: 1px solid #dbdbdb !important;
}
}
@media screen and (min-width: 96.25em) {
.u-xxxlarge-border-0 {
border: 0 !important;
}
.u-xxxlarge-border {
border: 1px solid #dbdbdb !important;
}
.u-xxxlarge-border-top-0 {
border-top: 0 !important;
}
.u-xxxlarge-border-top {
border-top: 1px solid #dbdbdb !important;
}
.u-xxxlarge-border-right-0 {
border-right: 0 !important;
}
.u-xxxlarge-border-right {
border-right: 1px solid #dbdbdb !important;
}
.u-xxxlarge-border-bottom-0 {
border-bottom: 0 !important;
}
.u-xxxlarge-border-bottom {
border-bottom: 1px solid #dbdbdb !important;
}
.u-xxxlarge-border-left-0 {
border-left: 0 !important;
}
.u-xxxlarge-border-left {
border-left: 1px solid #dbdbdb !important;
}
.u-xxxlarge-border-x-0 {
border-left: 0 !important;
border-right: 0 !important;
}
.u-xxxlarge-border-x {
border-left: 1px solid #dbdbdb !important;
border-right: 1px solid #dbdbdb !important;
}
.u-xxxlarge-border-y-0 {
border-top: 0 !important;
border-bottom: 0 !important;
}
.u-xxxlarge-border-y {
border-top: 1px solid #dbdbdb !important;
border-bottom: 1px solid #dbdbdb !important;
}
}
.align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media print, screen and (min-width: 36em) {
.smedium-align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media print, screen and (min-width: 48em) {
.medium-align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media print, screen and (min-width: 62em) {
.large-align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (min-width: 75em) {
.xlarge-align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (min-width: 90em) {
.xxlarge-align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (min-width: 96.25em) {
.xxxlarge-align-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.u-color-black {
color: #000 !important;
}
.u-color-off-black {
color: #151529 !important;
}
.u-color-dark-grey {
color: #515151 !important;
}
.u-color-medium-grey {
color: dimgray !important;
}
.u-color-light-grey {
color: #dbdbdb !important;
}
.u-color-lighter-grey {
color: #e8e8e8 !important;
}
.u-color-off-white {
color: #f3f3f1 !important;
}
.u-color-white {
color: #fff !important;
}
.u-color-primary {
color: #373997 !important;
}
.u-color-secondary {
color: #27274c !important;
}
.u-color-tertiary {
color: #6ab9ff !important;
}
.u-color-quaternary {
color: #ff8aa9 !important;
}
.u-color-success {
color: #1ac1a9 !important;
}
.u-color-alert {
color: #ff325c !important;
}
.u-color-validation-success {
color: #5ccd2b !important;
}
.u-color-validation-error {
color: #ff0f00 !important;
}
.u-bg-color-black {
background-color: #000 !important;
}
.u-bg-color-off-black {
background-color: #151529 !important;
}
.u-bg-color-dark-grey {
background-color: #515151 !important;
}
.u-bg-color-medium-grey {
background-color: dimgray !important;
}
.u-bg-color-light-grey {
background-color: #dbdbdb !important;
}
.u-bg-color-lighter-grey {
background-color: #e8e8e8 !important;
}
.u-bg-color-off-white {
background-color: #f3f3f1 !important;
}
.u-bg-color-white {
background-color: #fff !important;
}
.u-bg-color-primary {
background-color: #373997 !important;
}
.u-bg-color-secondary {
background-color: #27274c !important;
}
.u-bg-color-tertiary {
background-color: #6ab9ff !important;
}
.u-bg-color-quaternary {
background-color: #ff8aa9 !important;
}
.u-bg-color-success {
background-color: #1ac1a9 !important;
}
.u-bg-color-alert {
background-color: #ff325c !important;
}
.u-bg-color-validation-success {
background-color: #5ccd2b !important;
}
.u-bg-color-validation-error {
background-color: #ff0f00 !important;
}
.u-min-h-100 {
min-height: 100%;
}
body.debug:after {
position: fixed;
bottom: 0;
left: 0;
padding: 5px;
background: gold;
line-height: 1;
font-size: 12px;
font-family: monospace;
font-weight: bold;
text-transform: uppercase;
z-index: 999999999;
content: "small";
}
@media print, screen and (min-width: 36em) {
body.debug:after {
content: "smedium";
}
}
@media print, screen and (min-width: 48em) {
body.debug:after {
content: "medium";
}
}
@media print, screen and (min-width: 62em) {
body.debug:after {
content: "large";
}
}
@media screen and (min-width: 75em) {
body.debug:after {
content: "xlarge";
}
}
@media screen and (min-width: 90em) {
body.debug:after {
content: "xxlarge";
}
}
@media screen and (min-width: 96.25em) {
body.debug:after {
content: "xxxlarge";
}
}
.scroll {
overflow-y: scroll;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.scroll::-webkit-scrollbar {
background-color: transparent;
width: 6px;
}
.scroll::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-ms-border-radius: 0.3em;
-o-border-radius: 0.3em;
}
.scroll::-webkit-scrollbar-track {
background: white;
}
@media (min-width: 992px) {
.hide-on-mobile {
display: block !important;
}
.hide-on-desktop {
display: none;
}
}
.u-large-mr-2 {
margin-right: 0.5rem !important;
}
.freeze-element {
overflow: hidden;
}
body {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-style: normal;
font-weight: 500;
color: #151529;
text-rendering: optimizeLegibility;
}
p,
ul,
ol,
input,
textarea,
button,
table {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 1.6em;
}
ul ul,
ol ol,
ul ol,
ol ul,
ul p,
ul input,
ul button {
font-size: 1em;
}
a {
color: #373997;
}
h3 {
font-size: var(--fs-md);
line-height: 1.333333em;
}
h3 a {
color: #151529;
}
h4 {
font-size: var(--fs-xxs);
line-height: 1.428571em;
margin-bottom: 0.4rem;
}
h4 a {
color: #151529;
}
@media only screen and (min-width: 62em) {
h4 {
margin-bottom: 0.8rem;
}
}
h5,
h6 {
font-size: 0.75rem;
line-height: 1.333333333;
margin-top: 0;
margin-bottom: 0.75rem;
}
.more-news .grid-x .cell article figure,
.most-popular .grid-x .cell article figure {
margin-bottom: 1.83em;
}
.more-news .grid-x .cell article h3,
.most-popular .grid-x .cell article h3 {
font-size: 2.04em;
}
body {
font-size: 16px;
}
body.admin-bar {
padding-top: 32px;
}
body main {
font-size: 62.5%;
}
@media (min-width: 992px) and (max-width: 1399px) {
body {
font-size: 14px;
}
}
button[type=submit] {
color: #ffffff;
background-color: #373997;
margin: 0.4em auto 0;
}
button[type=submit].disabled {
color: #ffffff;
background-color: #dbdbdb;
border: none;
box-shadow: none;
}
.ordered-article .feature {
flex-direction: column-reverse;
border: none;
padding: 0;
}
.inline-filters-box .mobile-filters-header {
display: none;
}
.inline-filters-box .line-filter {
display: none;
}
.inline-filters-box.open {
position: fixed;
top: 0;
left: 0;
padding: 0 1.6em;
width: 100%;
min-height: 100vh;
background-color: #ffffff;
z-index: 99;
flex-direction: column;
}
.inline-filters-box.open .mobile-filters-header {
display: block;
padding: 2.4em 0;
}
.inline-filters-box.open .line-filter {
display: block;
flex: initial;
}
.inline-filters-box.open .line-search {
display: none;
}
.inline-filters-box.open p {
font-size: 1.4em;
font-weight: 500;
margin-bottom: 1.3em;
}
.inline-filters-box .modal-exit {
position: absolute;
right: 0.5em;
top: 0.4em;
font-size: 3em;
}
.login {
min-height: 70vh;
}
.login .header-category {
padding-bottom: 1.2em;
margin-bottom: 1.6em;
}
.login .form-wrapper .form .form-group {
margin-bottom: 1.6em;
}
.login .form-wrapper .form .form-group input {
margin-bottom: 0;
}
.login .pmpro_lost_password-instructions {
font-size: 2.2em;
line-height: 1.28em;
margin-bottom: 0.725em;
}
#company-az .ordered-article .large-6 .large-8 h3 {
padding-bottom: 0;
margin-bottom: 0.225em;
}
#company-az .ordered-article .large-6 .large-4 {
display: flex;
justify-content: center;
}
.page-template-projects-az-gd .header-category h1,
.page-template-projects-az.page h1,
.page-template-company-az.page h1 {
margin-bottom: 0;
}
.page-template-projects-az.page .header-category,
.page-template-company-az.page .header-category {
padding-bottom: 1.2em;
margin-bottom: 1.6em;
}
#project-az .border-bottom.u-mb-3 {
margin-bottom: 1.2em !important;
}
#project-az .large-4 figure a {
position: relative;
overflow: hidden;
}
#project-az .large-4 figure a:before {
content: "";
display: block;
padding-bottom: 56.25%;
}
#project-az .large-4 figure a img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
min-width: 100%;
min-height: 100%;
}
.lsit-abtl-company {
height: 4.4em;
padding-top: 0.3em;
overflow: scroll;
-ms-overflow-style: none;
/* IE 11 */
scrollbar-width: none;
/* Firefox 64 */
overflow: -moz-scrollbars-none;
}
.lsit-abtl-company::-webkit-scrollbar,
.lsit-abtl-company::-webkit-scrollbar-track,
.lsit-abtl-company::-webkit-scrollbar-thumb {
display: none;
}
.lsit-abtl-company ul {
margin: 0;
white-space: nowrap;
}
.lsit-abtl-company ul li {
display: inline-block;
margin: 5px 0 10px 5px;
}
.lsit-abtl-company ul li:first-of-type {
margin-left: 0;
}
.lsit-abtl-company ul li a {
font-size: 16px;
color: #000;
background-color: #fff;
padding: 5px 10px;
border: 1px solid #e8e8e8;
border-radius: 2px;
}
@media (min-width: 1280px) {
.lsit-abtl-company ul li a {
font-size: 18px;
padding: 6px 13px;
}
}
.lsit-abtl-company ul li a:hover {
color: #fff;
background-color: #000;
border: 1px solid #e8e8e8;
}
.lsit-abtl-company-active {
color: #fff !important;
background-color: #000 !important;
}
.lsit-abtl-company ul li:last-child {
margin-right: 0;
}
.lsit-abtl-company {
padding-top: 0.1em;
margin-bottom: 2.4em;
}
.lsit-abtl-company ul li a {
border-color: #dbdbdb;
}
.lsit-abtl-company ul li a:hover {
background-color: #373997;
border-color: #373997;
}
.lsit-abtl-company ul li a.c-tabs-nav__tab--disabled {
opacity: 1;
color: #dbdbdb;
}
@media (min-width: 992px) {
.author .header-category {
margin-top: 2.2em;
margin-bottom: 2.4em;
padding-bottom: 1.85em;
}
.author .bio {
flex-direction: row;
padding-bottom: 1.8em;
}
.author .bio p {
font-size: 2.2em;
max-width: 41em;
margin-bottom: 0;
}
.author .categories .feature .feature {
flex-direction: row;
border-bottom: 1px solid #ddd;
padding-bottom: 1.6em;
}
.author .categories .feature .feature:last-child:not(.load-more-btn) {
margin-bottom: 0;
}
.author .categories .feature .feature.load-more-btn {
margin-top: 1.6em;
padding: 0;
border: none;
}
.author .categories .feature .feature.load-more-btn button {
display: block;
margin: 0 auto;
}
.author .categories .feature .feature .large-8 {
max-width: 60em;
}
.author .categories .feature + .newsletter-wrapper {
padding-bottom: 1.6em;
padding-top: 0;
margin-top: 0;
margin-bottom: 1.6em;
border-bottom: 1px solid #ddd;
}
.author .categories h3 {
padding-bottom: 0;
}
.author .categories .large-9 .large-8 {
padding-left: 2.4em;
}
.author .categories .large-9 .global-paragraph,
.author .categories .large-9 .byline {
display: block;
}
.author .categories .large-9 .byline {
margin-top: 0.8em;
margin-bottom: 0;
}
.author .categories .large-9 .global-paragraph {
margin: 0;
}
.author .categories .large-3 h4 {
margin-bottom: 0;
}
.line-filter {
display: block;
}
.page-template-projects-az.page .header-category,
.page-template-company-az.page .header-category {
padding-bottom: 1.6em;
margin-bottom: 3.2em;
}
#project-az ul {
display: flex;
margin-bottom: 0;
justify-content: space-between;
}
.ordered-article .feature {
flex-direction: row;
border-bottom: 1px solid #ddd;
padding-bottom: 1.6em;
}
.ordered-article .large-6,
.ordered-article .companies-container {
margin: 0 auto;
width: 920px;
max-width: 100%;
}
.ordered-article .large-6 .large-8,
.ordered-article .companies-container .large-8 {
padding-left: 2.4em;
}
.inline-filters-box .line-filter {
display: block;
}
.login .header-category {
padding-bottom: 1.6em;
margin-bottom: 3.2em;
}
.login .form-wrapper .form .form-group {
margin-bottom: 3.2em;
}
.login .pmpro_lost_password-instructions {
margin-bottom: 1.1em;
}
#project-az .border-bottom.u-mb-3 {
margin-bottom: 1.6em !important;
}
#company-az .ordered-article .large-6 .large-8 {
display: flex;
flex-direction: column;
justify-content: center;
}
#company-az .ordered-article .large-6 .large-4 {
display: block;
}
.about-us-page .header-category.header-category-alt {
padding-bottom: 1.6em;
margin: 1.2em 0 3.2em;
}
.about-us-page .article-grid header {
padding-bottom: 1.2em;
margin-bottom: 3.2em;
}
.about-us-page .large-8 > .article-grid {
padding-top: 0;
padding-bottom: 1.2em;
overflow: hidden;
border-bottom: 0;
}
}
/* components.scss start */
form.search-form {
position: relative;
}
form.search-form .search-box {
width: 100%;
height: 2.125em;
padding: 0.6em 2.2em 0.6em 0.6em;
min-height: 35px;
margin: 0;
}
form.search-form .search-submit {
position: absolute;
right: 0.1em;
top: 0.08em;
width: 1.8em;
height: 1.8em;
background: url(../../assets/img/icon_search.png) no-repeat center;
background-size: 1.5em;
text-indent: -5000px;
overflow: hidden;
cursor: pointer;
display: block;
padding: 0;
background-color: #ffffff;
z-index: 999;
}
@media (min-width: 992px) {
form.search-form .search-submit {
top: 0.06em;
}
}
.modal {
position: fixed;
left: 0;
width: 100%;
overflow-y: scroll;
}
.modal .grid-container {
max-width: 60em;
overflow-y: scroll;
position: absolute;
padding-bottom: 2em;
}
.modal.open {
visibility: visible;
opacity: 1;
z-index: 99;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.modal-selected {
max-width: 100%;
max-height: 100%;
z-index: 1;
bottom: 0;
background-color: #27274c;
padding: 3.2em 1.6em 0.5em;
visibility: hidden;
opacity: 0;
z-index: -100;
}
.modal-selected-box {
max-width: 88em;
margin: 0 auto;
}
.modal-selected input,
.modal-selected p {
color: #ffffff;
}
.modal-full {
top: 0;
min-height: 100%;
z-index: 2;
background-color: #ffffff;
padding: 3.2em 0;
visibility: hidden;
opacity: 0;
z-index: -100;
}
.modal-full .form-wrapper p {
margin-bottom: 1.25em;
}
.modal-full .form-wrapper h6 {
margin-bottom: 0.4em;
}
.modal-close {
position: absolute;
top: 0;
right: 0.6em;
color: #ffffff;
font-size: 3.5em;
cursor: pointer;
}
.modal-close-arrow {
position: absolute;
right: 2em;
top: 2em;
cursor: pointer;
z-index: 20;
}
.modal-close-arrow::after {
content: "∟";
position: absolute;
left: 110%;
top: -0.15em;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-overlay.closed {
display: none;
}
#successs-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1;
background-color: rgba(255, 255, 255, 0.5);
display: none;
justify-content: center;
align-items: center;
}
#successs-modal.open {
display: flex;
}
#successs-modal .successs-modal-body {
background-color: #ffffff;
text-align: center;
padding: 2.4em;
}
#successs-modal img {
height: 1.83em;
width: auto;
}
#successs-modal button {
margin-top: 0.2em;
margin-bottom: 0;
}
#successs-modal h2 {
font-size: 2.4em;
margin-top: 0.5em;
}
#successs-modal p {
font-size: 1.6em;
color: #464646;
margin-top: 0.55em;
}
@media (min-width: 48em) {
.modal.open {
overflow: hidden;
}
.modal .grid-container {
position: relative;
overflow: hidden;
}
}
/* lgp table */
.lgp-table {
font-family: "Atlas Grotesk Web", sans-serif;
font-weight: 400;
border: 1px solid #151529;
border-collapse: collapse;
}
.lgp-table th,
.lgp-table td {
text-align: left;
padding: 12px 0 12px 8px;
border-collapse: collapse;
}
.lgp-table-head {
color: #ffffff;
background-color: #151529;
}
.lgp-table-head th {
font-weight: 400;
font-size: 1.4em;
line-height: 16px;
border: 1px solid #151529;
}
.lgp-table-row td {
display: table-cell;
font-size: 1.5em;
line-height: 16px;
color: #151529;
border-color: #151529;
}
.tag-box-item,
.tag-box #tag-box-button {
display: inline-block;
position: relative;
font-size: 1.4em;
line-height: 2em;
padding: 0.05em 0.9em 0.1em;
border: 1px solid #373997;
border-radius: 0.5em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
-ms-border-radius: 0.2em;
-o-border-radius: 0.2em;
margin: 0 0.6em 0.7em 0;
width: auto;
visibility: visible;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.tag-box .dot-divider {
font-size: 42px;
position: relative;
top: 9px;
}
.tag-box-item.hiden {
position: fixed;
left: -999em;
visibility: hidden;
opacity: 0;
}
.tag-box .tag-box-item:last-of-type {
margin-bottom: 0;
}
.tag-box-big {
margin: 0 -1.2em;
}
.tag-box-big > .small-6 {
width: calc(50% - 2.4em);
margin: 0 1.2em;
margin-top: 1.2em;
position: relative;
}
.tag-box-big figure {
display: block;
width: 100%;
background-color: #f3f3f1;
position: relative;
text-align: center;
padding: 3em 0 2em;
}
.tag-box-big figure img {
height: 4.1em;
object-fit: contain;
}
.tag-box-big .category a {
display: block;
font-size: 1.2em;
color: #151529;
margin: 0.7em 0;
font-weight: 500;
}
.tag-box-big .small-6 > h3 {
font-size: var(--fs-md);
}
.tag-box-big .small-6 > h3 + p {
font-size: 1.4em;
margin-top: 0.2em;
}
.tag-box-big-add {
position: absolute;
top: 0.8em;
right: 0.8em;
height: 100%;
width: 100%;
}
.tag-box-big-add label {
width: 100%;
height: 100%;
border: 0;
}
@media (min-width: 992px) {
.tag-box-big.grid-x {
margin: 0 -4.8em;
}
.tag-box-big > .small-6 {
width: calc(25% - 4.8em);
margin: 0 2.4em;
}
.tag-box-big > .small-6:nth-child(1n+5) {
margin-top: 3.2em;
}
.tag-box-big > .small-6 h3 {
margin-top: 0.45em;
}
.tag-box-big .category a {
margin-top: 1em;
}
.tag-box-big figure {
aspect-ratio: 16/7;
}
.tag-box-big figure img {
height: 7.5em;
}
.tag-box-wrapper .header-alt {
margin-top: 3.2em;
}
.tag-box h6 {
font-size: 1em;
text-transform: uppercase;
color: #373997;
margin-bottom: 1.6em;
}
}
.tag-box .capital-sign h4 {
font-size: 2em;
margin: 0 0 0.67em;
border-bottom: 1px solid #ddd;
padding-bottom: 0.67em;
}
@media (min-width: 992px) {
.tag-box .capital-sign h4 {
font-size: 2.4em;
}
}
.tag-box .capital-sign #tag-box-button {
margin-left: 1.2em;
position: relative;
}
.tag-box .capital-sign #tag-box-button:before {
content: "•";
position: absolute;
left: -1.2em;
top: 50%;
height: 0.1em;
align-items: center;
display: flex;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.avatar {
align-items: center;
}
.avatar-image__container,
.avatar figure {
border-radius: 50%;
overflow: hidden;
}
.capital-sign h4 {
font-size: var(--fs-md);
margin: 0 0 0.67em;
border-bottom: 1px solid #ddd;
padding-bottom: 0.67em;
}
.inline-filters .c-select-custom-dropdown {
height: 100%;
}
.inline-filters .custom-select {
border: 1px solid #ddd;
background: white;
height: 3.6em;
padding: 0;
margin-top: 1em;
}
@media (min-width: 992px) {
.inline-filters .custom-select {
height: 100%;
padding: 0;
border-left: 0;
margin-top: 0;
}
}
.inline-filters .select-selected {
height: 100%;
display: flex;
align-items: center;
font-size: 1.15em;
color: #000;
padding-left: 1em;
}
.inline-filters .select-selected:after {
right: 0.8em;
}
.inline-filters .c-filters-bar .cell {
border-right: 0;
}
.inline-filters .c-nav-search-content__form {
margin-right: 0;
max-width: none;
padding-right: 0;
position: relative;
display: flex;
}
.inline-filters .c-nav-search-content__form input {
padding: 0 0 0 0.5em;
border: 0;
height: 2.3em;
border: 1px solid #ddd;
margin-right: 0.75em;
font-size: 1.6em;
background: white;
width: 100%;
}
@media (min-width: 992px) {
.inline-filters .c-nav-search-content__form input {
padding: 0 0 0 1.5em;
}
}
.inline-filters .c-select {
margin-bottom: 0;
}
.inline-filters .c-select__arrow {
width: 1.3em;
top: 50%;
right: 1.5em;
transform: translateY -50%;
-webkit-transform: translateY -50%;
-moz-transform: translateY -50%;
-ms-transform: translateY -50%;
-o-transform: translateY -50%;
}
.inline-filters .c-search__button {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding-right: 1em;
right: 2.8em;
}
@media (min-width: 992px) {
.inline-filters .c-search__button {
padding-right: 1.5em;
}
}
.inline-filters .c-search__button svg {
width: 1.2em;
}
.btn-mobile-filters {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 2.5em;
background-color: #373997;
cursor: pointer;
}
.btn-mobile-filters:after {
content: url("./../images/icons/filter-mobile.png");
width: 3em;
height: 2.3em;
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.button.apply-filters {
display: block;
margin: 0 auto;
padding-left: 3.5em;
position: relative;
}
.button.apply-filters:after {
content: url("./../images/icons/filter-mobile.png");
position: absolute;
left: 1em;
height: 100%;
top: 0.4em;
}
@media (min-width: 992px) {
#successs-modal .successs-modal-body {
padding: 4.8em;
}
#successs-modal h2 {
font-size: 4.8em;
}
#successs-modal p {
font-size: 2.2em;
}
.capital-sign h4 {
margin: 1.78em 0;
border-bottom: 1px solid #ddd;
padding-bottom: 0.67em;
}
.inline-filters .c-nav-search-content__form {
padding: 0;
height: 100%;
}
.inline-filters .c-nav-search-content__form input {
margin: 0;
height: 4em;
background: white;
}
}
@media (min-width: 992px) and (min-width: 1400px) {
.inline-filters .c-nav-search-content__form input {
height: 3.5em;
}
}
@media (min-width: 992px) {
.inline-filters .c-search__button {
right: 0;
font-size: 1.8em;
}
.btn-mobile-filters {
display: none;
}
.article-grid header + .list-3-2 {
margin-top: -3.2em;
}
}
.scrollTopBtn {
position: fixed;
right: 8px;
bottom: 8px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.5s ease-in-out;
cursor: pointer;
}
@media (min-width: 992px) {
.scrollTopBtn {
right: 32px;
bottom: 32px;
}
}
.scrollTopBtn a {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
border: solid 1px #373997;
background: white;
transition: all 0.3s ease-in-out;
}
.scrollTopBtn a img {
width: 16px;
height: 16px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -8px;
margin-top: -8px;
transform: rotate(-90deg);
}
.scrollTopBtn a img.white {
display: none;
transform: rotate(180deg);
}
.scrollTopBtn.show {
opacity: 1;
}
.scrollTopBtn.show a:hover {
background: #373997;
box-shadow: 0 0.2em 0.4em 0 rgba(0, 0, 0, 0.1);
}
.scrollTopBtn.show a:hover img.white {
display: block;
}
.scrollTopBtn.show a:active {
background: #27274c;
}
.mobile-useragent-scalar .premium-insights-banner {
margin-bottom: 20px;
}
.article-tags ul {
border: none;
list-style: none;
padding: 0;
margin: 20px 0 0 0;
font: 14px/1 atlas, "Helvetica Neue", helvetica, sans-serif;
}
.article-tags ul li {
display: inline-block;
margin: 0 10px 10px 0;
}
.article-tags ul li a {
border: solid 1px #373997;
border-radius: 3px;
padding: 7px 15px;
display: inline-block;
}
.tabs-nav__item {
cursor: pointer;
}
/* components.scss start */
/* _gdm_close-button.scss start */
.gdm-close {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
position: absolute;
top: 10px;
right: 10px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
height: 20px;
cursor: pointer;
}
.gdm-close:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.gdm-close::after {
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/close.svg") no-repeat right;
}
@media (max-width: 992px) {
.gdm-close {
text-indent: -5000px;
overflow: hidden;
width: 15px;
height: 15px;
}
.gdm-close:after {
text-indent: 0;
}
}
@media (min-width: 992px) {
.gdm-close {
padding-right: 1.4rem;
text-indent: 0;
height: 60px;
}
.gdm-close:after {
height: 15px;
top: 6px;
right: 2px;
}
.gdm-close.no-text {
text-indent: -5000px;
overflow: hidden;
width: 15px;
height: 20px;
}
.gdm-close.no-text:after {
text-indent: 0;
}
.gdm-close.white {
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(268deg) brightness(103%) contrast(101%);
}
}
/* _gdm_close-button.scss end */
.gdm-slideshow {
position: relative;
overflow: hidden;
}
.gdm-slideshow ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.gdm-slideshow ul.slides {
position: relative;
width: 10000%;
transition: margin-left 0.3s ease-in-out;
}
.gdm-slideshow ul.slides li {
display: inline-block;
float: left;
vertical-align: top;
}
.gdm-slideshow ul.slides li img {
width: 100%;
}
@media (max-width: 768px) {
.gdm-slideshow ul.slides {
height: 300px !important;
}
}
.gdm-slideshow ul.arrows {
position: absolute;
width: 100%;
top: 50%;
margin-top: -20px;
z-index: 99;
left: 0;
right: 0;
padding: 0;
}
.gdm-slideshow ul.arrows li {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
width: 40px;
height: 40px;
background: #373997;
cursor: pointer;
}
.gdm-slideshow ul.arrows li:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.gdm-slideshow ul.arrows li:after {
background-image: url("../img/icons/chevron-left.svg");
background-size: 11px;
background-position: center;
filter: invert(100%) sepia(94%) saturate(180%) hue-rotate(173deg) brightness(115%) contrast(100%);
}
.gdm-slideshow ul.arrows li.right {
position: absolute;
left: auto;
right: 0;
top: 0;
transform: rotate(180deg);
}
/* _gdm_accordion.scss start */
.gdm-accordion {
margin: 0 0 40px 0;
}
.gdm-accordion h2 {
font-size: 18px;
}
@media (min-width: 992px) {
.gdm-accordion h2 {
font-size: 24px;
}
}
.gdm-accordion.faq ul {
border-top: solid 1px #151529;
}
.gdm-accordion ul {
color: #151529;
margin-left: 0;
list-style: none;
}
.gdm-accordion ul li {
border-bottom: solid 1px #ddd;
transition: max-height 0.1s ease-in-out;
overflow: hidden;
}
.gdm-accordion ul li h3 {
font-weight: normal;
font-size: 16px;
line-height: 24px;
padding: 8px 40px 8px 0;
transition: padding 0.1s ease-in-out;
margin: 0;
border: none;
position: relative;
cursor: pointer;
}
.gdm-accordion ul li h3:after {
content: "";
display: block;
position: absolute;
top: 15px;
right: 15px;
transition: transform 0.1s ease-in-out;
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/chevron-down-purple.svg") no-repeat;
width: 20px;
height: 13px;
transform: rotate(180deg);
}
.gdm-accordion ul li p {
display: block;
padding: 0 40px 20px 0;
margin: 0;
font: 16px/24px atlas, "Helvetica Neue", helvetica, sans-serif;
cursor: pointer;
}
.gdm-accordion ul li.active {
height: auto;
max-height: 400px;
}
.gdm-accordion ul li.active h3 {
padding-bottom: 12px;
}
.gdm-accordion ul li.active h3:after {
transform: rotate(0deg);
}
/* _gdm_accordion.scss end */
/* _gdm_tabs.scss start */
.gdm-tabs .gdm-tabs-nav {
position: relative;
border-bottom: solid 1px #ddd;
overflow: hidden;
}
.gdm-tabs .gdm-tabs-nav ul {
list-style: none;
display: flex;
margin: 0;
scrollbar-width: none;
transition: all 0.3s ease-in-out;
}
.gdm-tabs .gdm-tabs-nav ul::-webkit-scrollbar {
display: none;
}
.gdm-tabs .gdm-tabs-nav ul li {
padding: 10px;
position: relative;
bottom: -1px;
cursor: pointer;
margin: 0 10px;
white-space: nowrap;
}
.gdm-tabs .gdm-tabs-nav ul li.open-tab {
color: #373997;
border-bottom: solid 1px #373997;
}
.gdm-tabs .gdm-tabs-nav ul.overflow-x {
overflow-x: auto;
padding: 0 40px;
}
.gdm-tabs .gdm-tabs-panel {
display: none;
padding: 24px 0;
}
.gdm-tabs .gdm-tabs-panel.open-tab {
display: block;
}
.gdm-tabs .tabs-horizontal-nav {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.gdm-tabs .tabs-horizontal-nav .arrow-right,
.gdm-tabs .tabs-horizontal-nav .arrow-left {
display: none;
}
.gdm-tabs .tabs-horizontal-nav .arrow-right {
right: 0;
left: auto;
}
.gdm-tabs .tabs-horizontal-nav .arrow-left:after {
transform: rotate(90deg);
}
.gdm-tabs .tabs-horizontal-nav.show-right-arrow .arrow-right {
display: block;
}
.gdm-tabs .tabs-horizontal-nav.show-left-arrow .arrow-left {
display: block;
}
/* _gdm_tabs.scss end */
/* _gdm_article-featured-image.scss start */
/* _gdm_article-featured-image.scss end */
.section-header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
}
.section-header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.section-header h2 {
font-size: var(--h2-subhead);
}
.section-header h2,
.section-header h3,
.section-header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.article-grid {
width: 100%;
}
.article-grid .grid-header {
display: flex;
justify-content: space-between;
}
.article-grid .grid-header h6,
.article-grid .grid-header h5,
.article-grid .grid-header h4 {
margin-bottom: 0;
padding-bottom: 0;
}
.article-grid header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
display: flex;
justify-content: space-between;
margin-top: 0;
}
.article-grid header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.article-grid header h2 {
font-size: var(--h2-subhead);
}
.article-grid header h2,
.article-grid header h3,
.article-grid header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.article-grid header.text-center {
justify-content: center;
}
.article-grid header h2 {
font-size: 2em;
}
.article-grid header .view-more-link,
.article-grid header .view-more {
text-align: right;
display: block;
font-size: 1.2em;
min-width: 3.5rem;
}
.article-grid .grid-x h2,
.article-grid .grid-x h3,
.article-grid .grid-x p,
.article-grid .grid-x img {
margin: 0;
padding: 0;
}
.article-grid .grid-x h2,
.article-grid .grid-x h3,
.article-grid .grid-x p,
.article-grid .grid-x .report-description {
font-size: 1.6em;
}
.article-grid .grid-x article {
padding: var(--edge-spacing) 0;
border-bottom: solid 1px #ddd;
}
.article-grid .grid-x article.large-3, .article-grid .grid-x article.large-4 {
margin-top: var(--category-article-spacing);
}
.article-grid .grid-x article h3,
.article-grid .grid-x article .report-title {
margin-top: 0.25em;
}
.article-grid .grid-x article h3 a,
.article-grid .grid-x article .report-title a {
color: #151529;
}
.article-grid .grid-x article p,
.article-grid .grid-x article .report-description {
margin-bottom: 1em;
}
.article-grid .grid-x article .byline {
margin-top: 0.8em;
}
.article-grid .grid-x article .byline a {
color: #626262;
font-weight: 400;
}
.article-grid .grid-x article:last-of-type {
border-bottom: solid 1px #ddd;
}
.article-grid .grid-x article:last-of-type h3 {
margin-bottom: 0;
}
.article-grid .grid-x article .digital-magazine-box-container__title {
margin-bottom: var(--text-spacing);
}
.article-grid .grid-x article .category a {
color: #373997;
font: 500 12px atlas, "Helvetica Neue", helvetica, sans-serif;
}
.article-grid .grid-x article .category + h3 {
margin-bottom: 0;
color: #151529;
font-size: 18px;
}
.article-grid .grid-x article .category + h3:hover, .article-grid .grid-x article .category + h3 > a:hover {
color: #373997;
}
.article-grid .grid-x article .category h3 {
font-size: 1.8em;
line-height: 1.33333;
letter-spacing: -0.015em;
margin-bottom: 0.667em;
}
.article-grid .grid-x article .category h3 a {
color: #151529;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.article-grid .grid-x article .category h3 a:hover h3 a,
.article-grid .grid-x article .category h3 a:hover h2 a,
.article-grid .grid-x article .category h3 a:hover h1 a {
text-decoration: underline;
text-decoration-thickness: 2px;
color: #373997;
}
.article-grid .grid-x article .category h3 a:hover .category:hover + h3 a,
.article-grid .grid-x article .category h3 a:hover .category:hover + h2 a,
.article-grid .grid-x article .category h3 a:hover .category:hover + h1 a {
text-decoration: none;
}
.article-grid .grid-x article figure {
aspect-ratio: 16/9;
overflow: hidden;
margin-top: 1.6em;
}
.article-grid .grid-x article figure img {
min-height: 100%;
min-width: 100%;
}
.article-grid .grid-x article figure > img,
.article-grid .grid-x article figure a {
max-width: 100%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
max-width: 100%;
}
.article-grid .grid-x article figure > img:hover,
.article-grid .grid-x article figure a:hover {
opacity: 0.8;
}
.article-grid .grid-x article .byline {
color: #626262;
}
.article-grid .grid-x article .byline a {
color: #626262;
}
.article-grid .grid-x article .category + h2 {
font-size: 2em;
}
@media only screen and (min-width: 62em) {
.article-grid .grid-x article .category + h2 {
font-size: 2.4em;
}
}
.category + h2 .article-grid .grid-x article.feature {
margin-bottom: 0;
padding-bottom: 1.2em;
border-bottom: solid 1px #ddd;
}
.category + h2 .article-grid .grid-x article.feature h3 {
font-size: 2.4em;
line-height: 1.25;
letter-spacing: -0.015em;
margin-bottom: 0.17em;
}
.category + h2 .article-grid .grid-x article.feature p {
margin-top: var(--text-spacing);
color: #626262;
font-weight: 400;
margin-bottom: 0.6em;
}
.category + h2 .article-grid .grid-x article.feature .byline {
margin-bottom: 1.6em;
margin-top: 0;
}
.article-grid .grid-x article .button {
margin-top: 0.75em;
}
.article-grid .grid-x article.feature h3 + p {
margin-top: var(--h2-subhead-margin);
}
.article-grid .grid-x .gdm-premium-insights-banner {
margin-bottom: var(--article-spacing);
}
.article-grid .grid-x .gdm-premium-insights-banner header {
margin: 0;
}
.article-grid .grid-x .gdm-premium-insights-banner .insight {
border-top: solid 1px #ddd;
padding-top: 16px;
margin-top: 16px;
}
.article-grid .grid-x .gdm-premium-insights-banner .insight p.category {
font-size: 12px;
font-weight: 500;
}
@media (min-width: 992px) {
.article-grid .grid-x .gdm-premium-insights-banner:after {
content: "";
border-bottom: solid 1px #ddd;
border-top: solid var(--article-spacing) white;
margin: 0 0 var(--article-spacing);
display: block;
background: white;
}
}
.article-grid .recommended-reports .related figure img {
width: 100%;
object-fit: cover;
aspect-ratio: 16/9;
}
.article-grid .with-images figure {
margin-bottom: 0.4em;
}
.article-grid .with-images figure img {
aspect-ratio: 16/9;
object-fit: cover;
}
.article-grid .with-images article {
display: flex;
flex-direction: column-reverse;
margin-bottom: 0;
}
.article-grid .more-links h3 {
border-bottom: solid 1px #ddd;
padding-bottom: 0.5em;
font-size: 1.2em;
}
.article-grid .more-links ul {
list-style: none;
margin: 0;
padding: 0;
}
.article-grid .more-links ul li a {
display: block;
border-bottom: solid 1px #ddd;
padding: 12px 0;
color: #373997;
}
@media (min-width: 992px) {
.article-grid .more-links ul li a {
padding: 0.75em 0;
}
}
.article-grid .more-links ul li:last-of-type a {
padding-bottom: 24px;
}
@media (min-width: 992px) {
.article-grid .more-links ul li:last-of-type a {
padding-bottom: 1.6em;
}
}
@media (min-width: 992px) {
.article-grid.article-grid-row article {
padding-bottom: 0;
}
.article-grid.article-grid-row article figure {
margin-top: 0;
}
}
.article-grid.one-large-feature .grid-x .large-6 {
border-right: 0;
}
.article-grid.digital-magazine-box:last-of-type {
border-bottom: 0;
}
.article-grid .more-insights,
.article-grid .more-links {
margin-top: 1.2em;
}
.article-grid .more-insights > h3,
.article-grid .more-links > h3 {
padding-bottom: 1.3em;
}
@media (min-width: 992px) {
.article-grid {
padding: 0 0 var(--edge-spacing-px) 0;
border-bottom: solid 1px #ddd;
}
.article-grid:not(.article-grid-x):last-of-type .grid-x article {
border-bottom: none;
}
.article-grid.themes .with-images figure {
margin-bottom: 0;
}
.article-grid.top-features article {
margin-bottom: 1.6em;
}
.article-grid .grid-x {
margin: 0 var(--edge-spacing-adjust);
}
.article-grid .grid-x .cell {
border-right: solid 1px #ddd;
padding: 0 var(--edge-spacing);
}
.article-grid .grid-x .cell:last-child {
border-right: none;
}
.article-grid .grid-x article {
padding-top: 0;
padding-bottom: 1.6em;
}
.article-grid .grid-x article:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.article-grid .grid-x article .category h3 {
font-size: 1.8em;
margin-bottom: 0;
}
.article-grid .grid-x article.feature {
border-bottom: none;
padding-bottom: 0;
display: flex;
flex-direction: column;
}
.article-grid .grid-x article.feature figure {
margin-bottom: 0;
margin-top: auto;
}
.article-grid .grid-x article.feature .cell {
border: none;
}
.article-grid .grid-x article.feature h3 {
font-size: 3.2em;
}
.article-grid .grid-x article.feature h3 + p {
margin-top: 0.5em;
}
.article-grid .grid-x article.feature .byline {
margin: 0 0 var(--edge-spacing-px) 0;
}
.article-grid .grid-x.sub-blocks article {
border-bottom: 0;
}
.article-grid.features-and-links .grid-x article.feature .byline {
margin-bottom: 0;
}
.article-grid.one-large-feature .grid-x .grid-x .cell {
border: none;
}
.article-grid .with-images figure {
margin-top: 0;
margin-bottom: 1.6em;
}
.article-grid .with-images article {
flex-direction: column;
margin-bottom: 1.6em;
}
.article-grid .with-images article figure {
margin-bottom: 1.6em;
}
.article-grid .with-images:last-of-type article {
margin-bottom: 0;
}
.article-grid .with-images.article-cols figure {
margin-top: 0;
}
.article-grid.with-images figure {
margin-top: 0;
margin-bottom: 1.6em;
}
.article-grid .more-links ul li a {
padding: 0.5em 0;
}
.article-grid .more-links ul li:last-of-type a {
border: none;
padding-bottom: 0;
}
.article-grid .more-insights,
.article-grid .more-links {
margin-top: 0;
}
}
.article-grid.premium-insights-feature .grid-x .feature .large-4 {
padding-bottom: var(--edge-spacing);
border-bottom: solid 1px #ddd;
margin-bottom: var(--edge-spacing);
}
.article-grid.premium-insights-feature .grid-x .with-images {
padding: 16px;
position: relative;
background: #27274c;
background: #20224a;
overflow: hidden;
}
.article-grid.premium-insights-feature .grid-x .with-images figure {
position: absolute;
left: 0;
right: 0;
top: 0;
width: auto;
background: #27274c;
}
.article-grid.premium-insights-feature .grid-x .with-images figure img {
opacity: 0.8;
width: 100%;
}
.article-grid.premium-insights-feature .grid-x .with-images .banner-content {
padding: 0;
position: relative;
z-index: 99;
}
.article-grid.premium-insights-feature .grid-x .with-images .banner-content .gd-logo {
width: 140px;
margin-bottom: var(--edge-spacing);
}
.article-grid.premium-insights-feature .grid-x .with-images .banner-content h2,
.article-grid.premium-insights-feature .grid-x .with-images .banner-content p {
color: white;
}
.article-grid.premium-insights-feature .grid-x .with-images .banner-content h2 {
font-size: 24px;
margin: 0;
}
.article-grid.premium-insights-feature .grid-x .with-images .banner-content p {
margin: 8px 0 24px;
}
.article-grid.premium-insights-feature .grid-x .with-images .banner-content .button {
background: none;
border: none;
box-shadow: none;
margin: 0;
}
.article-grid.premium-insights-feature .grid-x .with-images .banner-content .button a {
display: inline-block;
}
.article-grid.premium-insights-feature .grid-x .sub-blocks {
position: relative;
}
.article-grid.premium-insights-feature .grid-x .sub-blocks article h3 {
font-size: 18px;
}
@media (min-width: 992px) {
.article-grid.premium-insights-feature .grid-x .feature .large-4 {
border-bottom: none;
}
.article-grid.premium-insights-feature .grid-x .feature .with-images {
background: none;
padding: 0 var(--edge-spacing);
border-left: solid 1px #ddd;
}
.article-grid.premium-insights-feature .grid-x .feature .with-images figure {
left: var(--edge-spacing);
right: var(--edge-spacing);
}
.article-grid.premium-insights-feature .grid-x .feature .with-images .banner-content {
padding: var(--edge-spacing);
min-height: 379px;
}
.article-grid.premium-insights-feature .grid-x .feature .with-images .banner-content .gd-logo {
width: 240px;
margin-bottom: 24px;
}
.article-grid.premium-insights-feature .grid-x .feature .with-images .banner-content h2,
.article-grid.premium-insights-feature .grid-x .feature .with-images .banner-content p {
width: 530px;
}
.article-grid.premium-insights-feature .grid-x .feature .with-images .banner-content h2 {
font-size: 32px;
}
.article-grid.premium-insights-feature .grid-x .sub-blocks {
padding-top: var(--edge-spacing);
}
.article-grid.premium-insights-feature .grid-x .sub-blocks:before {
content: "";
position: absolute;
top: var(--edge-spacing-s);
left: var(--edge-spacing);
right: var(--edge-spacing);
border-top: solid 1px #ddd;
height: 1px;
}
.article-grid.premium-insights-feature .grid-x .sub-blocks article {
border-right: solid 1px #ddd;
}
.article-grid.premium-insights-feature .grid-x .sub-blocks article:last-of-type {
border-right: none;
}
}
.article-grid.logo-grid .with-images article {
height: 100%;
}
.article-grid.logo-grid .with-images article figure {
height: 100%;
width: 100%;
height: 100%;
display: flex;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
aspect-ratio: auto;
}
.article-grid .grid-border {
border-bottom: 1px solid #ddd;
padding: var(--line-spacing) 0;
}
.articles a:hover {
text-decoration: underline;
color: #373997;
}
.articles figure a:hover {
opacity: 0.8;
}
.articles h2 a:hover,
.articles h3 a:hover,
.articles h4 a:hover {
text-decoration: underline;
color: #373997;
}
article.feature:hover .articles h1 {
text-decoration: underline;
}
article.feature:hover .articles h1 a {
color: #373997;
text-decoration: underline;
text-decoration-color: #373997;
}
article.articles:hover h3 a,
article.articles:hover h2 a,
article.articles:hover h1 a {
text-decoration: underline;
color: #373997;
}
article.articles:hover .category:hover + h3 a,
article.articles:hover .category:hover + h2 a,
article.articles:hover .category:hover + h1 a {
text-decoration: none;
}
.category {
font-weight: 500;
}
.article-grid .grid-x article.large-6:hover h3 a,
.article-grid .grid-x article.large-6:hover h2 a,
.article-grid .grid-x article.large-6:hover h1 a {
text-decoration: underline;
text-decoration-thickness: 2px;
color: #373997;
}
.article-grid .grid-x article.large-6:hover h3 a:hover,
.article-grid .grid-x article.large-6:hover h2 a:hover,
.article-grid .grid-x article.large-6:hover h1 a:hover {
text-decoration: underline;
text-decoration-thickness: 2px;
color: #373997;
}
@media (min-width: 992px) {
.article-grid .grid-border {
margin-bottom: var(--line-spacing);
}
}
.link-wrap {
position: relative;
}
.link-wrap-target {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
@media (min-width: 992px) {
.article-grid .grid-border {
margin-bottom: var(--line-spacing);
}
}
img {
transition: opacity 0.4s ease-in;
}
img.lazy-loaded {
opacity: 1;
}
/* End article_grids.scss */
ul.gdm-article-list {
width: 1025px;
max-width: 100%;
list-style: none;
margin: 0 auto;
padding: 0;
}
ul.gdm-article-list li {
border-bottom: solid 1px #ddd;
padding-bottom: var(--category-article-spacing);
margin-bottom: var(--category-article-spacing);
}
ul.gdm-article-list li .article-text {
padding-top: var(--category-article-spacing);
}
ul.gdm-article-list li .article-text .article-category {
font: 500 12px/1 atlas, "Helvetica Neue", helvetica, sans-serif;
margin: 0 0 8px 0;
}
ul.gdm-article-list li .article-text .issue-and-date span:after {
content: "|";
margin: 0 0.2em 0 0.5em;
}
ul.gdm-article-list li .article-text h3 {
font: var(--article-list-heading)/1.33333 atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
margin: 0 0 8px 0;
}
ul.gdm-article-list li .article-text p {
font-size: 14px;
color: #626262;
}
ul.gdm-article-list li .article-text .article-date,
ul.gdm-article-list li .article-text .issue-and-date {
font-size: 10px;
color: #515151;
margin-bottom: 1.2em;
}
ul.gdm-article-list li .article-text .button {
margin: 0;
}
@media (min-width: 992px) {
ul.gdm-article-list li .article-text {
padding-top: 0;
padding-left: var(--edge-spacing-px);
}
}
.reports-page .article-grid .video-and-text .feature .grid-x .button {
margin: 1em 0 0 0;
}
@media (min-width: 768px) {
.reports-page .article-grid .video-and-text .feature .grid-x .video {
order: 2;
}
.reports-page .article-grid .video-and-text .feature .grid-x .text {
order: 1;
}
.reports-page .article-grid .video-and-text .feature .grid-x .button {
margin: 2em 0 0 0;
color: white;
}
.reports-page .article-grid .video-and-text .feature .grid-x .button a {
color: white;
}
}
.article-grid.reports-grid {
border: none;
padding: 0;
}
.article-grid.reports-grid .grid-x .cell article {
border: solid 3px transparent;
background: #f3f3f1;
margin-bottom: var(--edge-spacing);
position: relative;
min-height: 20em;
}
.article-grid.reports-grid .grid-x .cell article.featured-report {
border-top: solid 3px #373997;
}
.article-grid.reports-grid .grid-x .cell article > a:first-of-type {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: var(--padding-box);
}
.article-grid.reports-grid .grid-x .cell article figure {
position: absolute;
right: 2em;
bottom: 2em;
width: 32px;
height: 44px;
padding-top: 0;
overflow: visible;
}
.article-grid.reports-grid .grid-x .cell article figure img {
left: 0;
box-shadow: -2px 2px 0px 0px #000000;
width: 100%;
min-height: auto;
aspect-ratio: auto;
object-fit: fill;
}
.article-grid.reports-grid .grid-x .cell article figure[class~=sporimg] a img {
box-shadow: none;
}
.article-grid.reports-grid .grid-x .cell article figure[class~=sporimg2] a img {
box-shadow: none;
}
.article-grid.reports-grid .grid-x .cell article .category {
font-size: 1.2em;
display: block;
}
.article-grid.reports-grid .grid-x .cell article h3,
.article-grid.reports-grid .grid-x .cell article .report-title {
font-weight: 500;
font-size: 1.8em;
line-height: 1.333333em;
padding-bottom: 0.444444em;
display: block;
color: #151529;
}
.article-grid.reports-grid .grid-x .cell article .price {
color: #626262;
font-size: 1.2em;
line-height: 1.333333em;
font-weight: 500;
}
.article-grid.reports-grid .grid-x .cell article time {
font-size: 1.2em;
position: absolute;
bottom: 2.1666em;
}
.article-grid.reports-grid .grid-x .cell article.double-height-report p {
display: none;
}
.article-grid.reports-grid .grid-x .cell.need-more-box article {
background: #27274c;
}
.article-grid.reports-grid .grid-x .cell.need-more-box article .report-title,
.article-grid.reports-grid .grid-x .cell.need-more-box article .report-description {
color: white;
}
.article-grid.reports-grid .grid-x .cell.need-more-box article .report-description {
line-height: 1.5;
}
.article-grid.reports-grid .grid-x .cell.need-more-box article .view-more {
position: absolute;
bottom: var(--padding-box);
left: var(--padding-box);
right: var(--padding-box);
display: flex;
color: white;
font-size: 18px;
font-weight: 500;
line-height: 2;
}
.article-grid.reports-grid .grid-x .cell.need-more-box article .view-more:after {
content: "";
background: url("../img/icon_new_window.png") no-repeat center center;
background-size: 100%;
width: 1em;
height: 1em;
display: inline-block;
margin-left: 0.5em;
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/arrow_right.svg");
width: 52px;
height: 36px;
margin-left: auto;
}
@media (min-width: 992px) {
.article-grid.reports-grid .grid-x .cell.need-more-box article .view-more {
line-height: 3;
}
.article-grid.reports-grid .grid-x .cell.need-more-box article .view-more:after {
width: 88px;
height: 60px;
}
}
@media (min-width: 768px) {
.article-grid.reports-grid .grid-x .cell article {
border: none;
min-height: 28em;
}
.article-grid.reports-grid.reports-carousel .grid-x {
margin: 0;
}
}
@media (min-width: 992px) {
.article-grid.reports-grid .grid-x .cell article {
margin-bottom: 0;
}
.article-grid.reports-grid .grid-x .cell article.half-screen-report {
display: flex;
}
.article-grid.reports-grid .grid-x .cell article.half-screen-report figure {
width: 23.55%;
height: auto;
position: relative;
right: 0;
bottom: 0;
padding-right: 20px;
}
.article-grid.reports-grid .grid-x .cell article.half-screen-report figure img {
margin: 0 0 8px 8px;
box-shadow: -8px 8px 0px 0px #000000;
position: relative;
left: 8px;
width: 92%;
}
}
@media (min-width: 992px) and (max-width: 768px) {
.article-grid.reports-grid .grid-x .cell article.half-screen-report figure img {
margin: 0 0 3px 3px;
box-shadow: -3px 3px 0px 0px #000000;
position: relative;
left: 3px;
width: 97%;
}
}
@media (min-width: 992px) {
.article-grid.reports-grid .grid-x .cell article.half-screen-report .report-details {
width: 70%;
padding-left: var(--edge-spacing);
}
.article-grid.reports-grid .grid-x .cell article.half-screen-report .report-details h3 {
font-size: 2.4em;
line-height: 1.25em;
}
.article-grid.reports-grid .grid-x .cell article.half-screen-report.double-height-report {
height: 100%;
}
.article-grid.reports-grid .grid-x .cell article.double-height-report .report-details h3 {
font-size: 3.2em;
line-height: 1.25em;
}
.article-grid.reports-grid .grid-x .cell article.double-height-report .report-details p {
display: block;
}
.article-grid.reports-grid.featured-reports .grid-x.quarter-screen-reports {
margin-top: var(--edge-spacing);
}
}
.article-grid.reports-grid.reports-with-images .grid-x article {
padding: 0;
}
.article-grid.reports-grid.reports-with-images .grid-x article figure {
width: 100%;
height: auto;
position: static;
}
.article-grid.reports-grid.reports-with-images .grid-x article figure a {
position: static;
}
.article-grid.reports-grid.reports-with-images .grid-x article figure a img {
width: 100%;
}
.article-grid.reports-grid.reports-with-images .grid-x article time {
position: static;
}
.article-grid.reports-grid.reports-with-images .grid-x article .report-details {
padding: var(--edge-spacing);
}
@media (min-width: 992px) {
.article-grid.reports-grid.reports-with-images .grid-x article {
min-height: 0;
height: 100%;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report {
height: auto;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report figure {
width: 45.5%;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report figure img {
left: 0;
width: 100%;
box-shadow: none;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report .report-details {
width: 54.5%;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report .report-details h3 {
font-size: 18px;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report.double-height-report {
display: block;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report.double-height-report figure {
width: 100%;
position: static;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report.double-height-report .report-details {
width: 100%;
}
.article-grid.reports-grid.reports-with-images .grid-x article.half-screen-report.double-height-report .report-details h3 {
font-size: 24px;
}
}
.gdm-buy-reports-content .section-header h2 {
font-size: var(--h2-article-subhead);
}
.gdm-buy-reports-content .pi-reports-categories header h2 {
margin-top: 0;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.flickity-button {
position: absolute;
background: rgba(255, 255, 255, 0.75);
border: none;
color: #333;
}
.flickity-button:hover {
background: white;
cursor: pointer;
}
.flickity-button:focus {
outline: none;
-webkit-box-shadow: 0 0 0 5px #19f;
box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto;
pointer-events: none;
}
.flickity-button-icon {
fill: currentColor;
}
.flickity-prev-next-button {
top: 50%;
width: 44px;
height: 44px;
border-radius: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
}
.flickity-resize .carousel-cell {
min-height: 100%;
}
.c-carousel-4-col {
border-bottom: 1px solid #dbdbdb;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col {
border-top: 1px solid #dbdbdb;
}
}
.c-carousel-4-col__wrapper {
overflow: hidden;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col__container {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
}
.c-carousel-4-col__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
max-width: 100%;
padding-bottom: 0.75rem;
border-bottom: 1px solid #dbdbdb;
}
@media print, screen and (min-width: 48em) and (max-width: 61.99875em) {
.c-carousel-4-col__header {
padding-bottom: 1.25rem;
}
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col__header {
display: block;
margin-bottom: auto;
padding-top: 0.75rem;
padding-bottom: 2rem;
border-bottom: 0;
}
.c-carousel-4-col__header-cell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: inset -1px 0 0 0 #dbdbdb;
box-shadow: inset -1px 0 0 0 #dbdbdb;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.c-carousel-4-col--no-borders .c-carousel-4-col__header-cell {
-webkit-box-shadow: none;
box-shadow: none;
}
.c-carousel-4-col__header .c-more-link svg {
display: none;
}
}
.c-carousel-4-col__logo {
display: none;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col__logo {
display: block;
width: 5rem;
max-width: 100%;
height: auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
.c-carousel-4-col__title {
margin: 0 1.25rem 0 0;
}
@media print, screen and (min-width: 48em) and (max-width: 61.99875em) {
.c-carousel-4-col__title {
font-size: 1.5rem;
line-height: 1.25;
}
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col__title {
margin-right: 0;
margin-bottom: 1.25rem;
}
}
.c-carousel-4-col .c-more-link {
margin-left: auto;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col .c-more-link {
margin-left: 0;
}
}
.c-carousel-4-col__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.c-carousel-4-col__slider.flickity-enabled {
display: block;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col__slider-cell {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.c-carousel-4-col__slider .flickity-slider {
min-height: 13.75rem;
}
}
.c-carousel-4-col__slider-controls {
display: none;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col__slider-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 0.75rem;
}
}
.c-carousel-4-col__slider-prev,
.c-carousel-4-col__slider-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
color: #373997;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
cursor: pointer;
}
.c-carousel-4-col__slider-prev:disabled,
.c-carousel-4-col__slider-next:disabled {
opacity: 0.25;
pointer-events: none;
cursor: default;
}
.c-carousel-4-col__slider-prev:hover,
.c-carousel-4-col__slider-next:hover {
color: #27274c;
}
.c-carousel-4-col__slider-prev:focus,
.c-carousel-4-col__slider-next:focus {
outline: 0;
}
.c-carousel-4-col__slider-prev svg,
.c-carousel-4-col__slider-next svg {
display: block;
width: 0.5rem;
height: auto;
margin: 0;
}
.c-carousel-4-col__slider-next {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-carousel-4-col__slider-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
margin: 0;
padding: 0;
list-style: none;
}
.c-carousel-4-col__slider-dot {
display: block;
width: 1.25rem;
height: 0.375rem;
margin-right: 0.375rem;
background-color: #dbdbdb;
border-radius: 0.375rem;
cursor: pointer;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-carousel-4-col__slider-dot:last-child {
margin-right: 0;
}
.c-carousel-4-col__slider-dot:hover {
background-color: #27274c;
}
.c-carousel-4-col__slider-dot:focus {
outline: none;
}
.c-carousel-4-col__slider-dot--active {
background-color: #373997;
pointer-events: none;
cursor: default;
}
.c-carousel-4-col__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 15rem;
max-width: 75vw;
min-height: 100%;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col__slide {
width: 33.3333333333%;
}
}
.c-carousel-4-col__slide:first-child .c-carousel-4-col__post {
-webkit-box-shadow: none;
box-shadow: none;
}
.c-carousel-4-col__post {
width: 100%;
padding: 0.75rem;
-webkit-box-shadow: -1px 0 0 0 #dbdbdb;
box-shadow: -1px 0 0 0 #dbdbdb;
}
.c-carousel-4-col__post .c-post-content {
min-height: 100%;
}
.c-carousel-4-col__post .c-report {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.c-carousel-4-col--bg-color-secondary {
padding-top: 0.75rem;
color: #dbdbdb;
background-color: #27274c;
border-top-color: rgba(219, 219, 219, 0.25);
border-bottom-color: rgba(219, 219, 219, 0.25);
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__header {
border-bottom-color: rgba(219, 219, 219, 0.25);
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__post {
-webkit-box-shadow: -1px 0 0 0 rgba(219, 219, 219, 0.25);
box-shadow: -1px 0 0 0 rgba(219, 219, 219, 0.25);
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__title,
.c-carousel-4-col--bg-color-secondary .c-post-content__title {
color: #fff;
}
.c-carousel-4-col--bg-color-secondary .c-more-link {
color: #6ab9ff;
}
.c-carousel-4-col--bg-color-secondary .c-more-link:hover {
color: #44a7ff;
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__slider-prev,
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__slider-next {
color: #6ab9ff;
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__slider-prev:hover,
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__slider-next:hover {
color: #44a7ff;
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__slider-dot:hover {
background-color: #44a7ff;
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__slider-dot--active {
background-color: #6ab9ff;
}
@media print, screen and (min-width: 48em) {
.c-carousel-4-col--bg-color-secondary {
padding-top: 1.25rem;
}
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col--bg-color-secondary {
padding-top: 0;
}
.c-carousel-4-col--bg-color-secondary .c-carousel-4-col__header-cell {
-webkit-box-shadow: inset -1px 0 0 0 rgba(219, 219, 219, 0.25);
box-shadow: inset -1px 0 0 0 rgba(219, 219, 219, 0.25);
}
}
.c-carousel-4-col--inner-padding {
padding-top: 2rem;
padding-bottom: 1.25rem;
}
@media print, screen and (min-width: 48em) {
.c-carousel-4-col--inner-padding {
padding-top: 3.375rem;
padding-bottom: 2.625rem;
}
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col--inner-padding {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.c-carousel-4-col--no-border {
border-bottom: 0;
}
.c-carousel-4-col--no-border .c-carousel-4-col__header-cell,
.c-carousel-4-col--no-border .c-carousel-4-col__post {
-webkit-box-shadow: none;
box-shadow: none;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col--no-border {
border-top: 0;
}
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col--no-border-top {
border-top: 0;
}
}
.c-carousel-4-col--no-border-bottom {
border-bottom: 0;
}
.c-carousel-4-col--no-border-between .c-carousel-4-col__header-cell,
.c-carousel-4-col--no-border-between .c-carousel-4-col__post {
-webkit-box-shadow: none;
box-shadow: none;
}
.c-carousel-4-col-live__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-bottom: 0.75rem;
border-bottom: 1px solid #dbdbdb;
}
@media print, screen and (min-width: 48em) {
.c-carousel-4-col-live__header {
padding-bottom: 1.25rem;
}
}
.c-carousel-4-col-live__title {
margin: 0 auto 0 0;
}
.c-carousel-4-col-live__container {
margin-left: -0.75rem;
margin-right: -0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.c-carousel-4-col-live__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
}
.c-carousel-4-col-live__slider.flickity-enabled {
display: block;
}
.c-carousel-4-col-live__slider .flickity-viewport {
overflow: visible;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col-live__slider .flickity-slider {
min-height: 13.75rem;
}
}
.c-carousel-4-col-live__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 15rem;
max-width: 75vw;
min-height: 100%;
padding-top: 1.5rem;
}
@media print, screen and (min-width: 48em) {
.c-carousel-4-col-live__slide {
padding-top: 2rem;
}
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col-live__slide {
width: 25%;
}
}
.c-carousel-4-col-live__post {
width: 100%;
padding: 0 0.75rem 1.5rem;
-webkit-box-shadow: -1px 0 0 0 #dbdbdb, inset 0 -1px 0 0 #dbdbdb;
box-shadow: -1px 0 0 0 #dbdbdb, inset 0 -1px 0 0 #dbdbdb;
}
.c-carousel-4-col-live .c-post-live {
position: relative;
margin-top: -0.1875rem;
}
.c-carousel-4-col-live .c-post-live::before {
content: "";
position: absolute;
display: block;
top: 0.1875rem;
left: -1rem;
width: 0.4375rem;
height: 0.4375rem;
background-color: #ff325c;
border-radius: 50%;
}
@media print, screen and (min-width: 48em) {
.c-carousel-4-col-live .c-post-live {
margin-top: -0.3125rem;
}
.c-carousel-4-col-live .c-post-live::before {
top: 0.3125rem;
left: -1.0625rem;
width: 0.5625rem;
height: 0.5625rem;
}
}
.c-carousel-4-col-tweets {
border-bottom: 1px solid #dbdbdb;
}
.c-carousel-4-col-tweets__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-bottom: 0.75rem;
border-bottom: 1px solid #dbdbdb;
}
@media print, screen and (min-width: 48em) {
.c-carousel-4-col-tweets__header {
padding-bottom: 1.25rem;
}
}
.c-carousel-4-col-tweets__title {
margin: 0 auto 0 0;
}
.c-carousel-4-col-tweets__container {
margin-left: -0.75rem;
margin-right: -0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.c-carousel-4-col-tweets__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100%;
}
.c-carousel-4-col-tweets__slider.flickity-enabled {
display: block;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col-tweets__slider .flickity-slider {
min-height: 13.75rem;
}
}
.c-carousel-4-col-tweets__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 15rem;
max-width: 75vw;
min-height: 100%;
-webkit-box-shadow: -1px 0 0 0 #dbdbdb;
box-shadow: -1px 0 0 0 #dbdbdb;
}
.c-carousel-4-col-tweets__slide:first-child {
-webkit-box-shadow: none;
box-shadow: none;
}
@media print, screen and (min-width: 62em) {
.c-carousel-4-col-tweets__slide {
width: 25%;
}
}
.c-carousel-4-col-tweets__post {
width: 100%;
padding: 0.75rem;
}
.c-image-carousel {
position: relative;
overflow: hidden;
}
.c-image-carousel__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-image-carousel__slider.flickity-enabled {
display: block;
}
.c-image-carousel__slider-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0.75rem;
}
.c-image-carousel__slider-prev,
.c-image-carousel__slider-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
color: #373997;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
cursor: pointer;
}
.c-image-carousel__slider-prev:disabled,
.c-image-carousel__slider-next:disabled {
opacity: 0.25;
pointer-events: none;
cursor: default;
}
.c-image-carousel__slider-prev:hover,
.c-image-carousel__slider-next:hover {
color: #27274c;
}
.c-image-carousel__slider-prev:focus,
.c-image-carousel__slider-next:focus {
outline: 0;
}
.c-image-carousel__slider-prev svg,
.c-image-carousel__slider-next svg {
display: block;
width: 0.5rem;
height: auto;
margin: 0;
}
.c-image-carousel__slider-prev {
margin-right: 0.75rem;
}
.c-image-carousel__slider-next {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: 0.75rem;
}
.c-image-carousel__slider-dots {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
margin: 0;
padding: 0;
list-style: none;
}
.c-image-carousel__slider-dot {
display: block;
width: 100%;
min-width: 0.375rem;
max-width: 1.25rem;
height: 0.375rem;
margin: 0 0.375rem 0 0;
background-color: #dbdbdb;
border-radius: 0.375rem;
cursor: pointer;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-image-carousel__slider-dot:last-child {
margin-right: 0;
}
.c-image-carousel__slider-dot:hover {
background-color: #27274c;
}
.c-image-carousel__slider-dot:focus {
outline: none;
}
.c-image-carousel__slider-dot--active {
background-color: #373997;
pointer-events: none;
cursor: default;
}
@media print, screen and (min-width: 48em) {
.c-image-carousel__slider-dot {
width: 1.25rem;
}
}
.c-image-carousel__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0;
}
.c-image-carousel .c-post-figure {
width: 100%;
margin: 0;
}
.c-image-carousel-3-col {
position: relative;
border-bottom: 1px solid #dbdbdb;
overflow: hidden;
}
@media print, screen and (min-width: 48em) {
.c-image-carousel-3-col {
padding-bottom: 1.25rem;
}
}
.c-image-carousel-3-col__title {
font-size: 0.875rem;
line-height: 1.428571429;
margin: 0 0 1.25rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #dbdbdb;
}
@media print, screen and (min-width: 48em) {
.c-image-carousel-3-col__title {
font-size: 1.125rem;
line-height: 1.333333333;
padding-bottom: 1.25rem;
}
}
.c-image-carousel-3-col__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -0.625rem;
margin-right: -0.625rem;
}
.c-image-carousel-3-col__slider.flickity-enabled {
display: block;
}
.c-image-carousel-3-col__slider-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
@media print, screen and (min-width: 48em) {
.c-image-carousel-3-col__slider-controls {
position: absolute;
top: 0;
right: 0;
min-height: 1.5rem;
margin-top: 2rem;
padding: 0;
}
}
.c-image-carousel-3-col__slider-prev,
.c-image-carousel-3-col__slider-next {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
color: #373997;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
cursor: pointer;
}
.c-image-carousel-3-col__slider-prev:disabled,
.c-image-carousel-3-col__slider-next:disabled {
opacity: 0.25;
pointer-events: none;
cursor: default;
}
.c-image-carousel-3-col__slider-prev:hover,
.c-image-carousel-3-col__slider-next:hover {
color: #27274c;
}
.c-image-carousel-3-col__slider-prev:focus,
.c-image-carousel-3-col__slider-next:focus {
outline: 0;
}
.c-image-carousel-3-col__slider-prev svg,
.c-image-carousel-3-col__slider-next svg {
display: block;
width: 0.5rem;
height: auto;
margin: 0;
}
@media print, screen and (min-width: 48em) {
.c-image-carousel-3-col__slider-prev,
.c-image-carousel-3-col__slider-next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.c-image-carousel-3-col__slider-next {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-image-carousel-3-col__slider-dots {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
margin: 0;
padding: 0;
list-style: none;
}
.c-image-carousel-3-col__slider-dot {
display: block;
width: 100%;
min-width: 0.375rem;
max-width: 1.25rem;
height: 0.375rem;
margin-right: 0.375rem;
background-color: #dbdbdb;
border-radius: 0.375rem;
cursor: pointer;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-image-carousel-3-col__slider-dot:last-child {
margin-right: 0;
}
.c-image-carousel-3-col__slider-dot:hover {
background-color: #27274c;
}
.c-image-carousel-3-col__slider-dot:focus {
outline: none;
}
.c-image-carousel-3-col__slider-dot--active {
background-color: #373997;
pointer-events: none;
cursor: default;
}
@media print, screen and (min-width: 48em) {
.c-image-carousel-3-col__slider-dot {
width: 1.25rem;
}
}
.c-image-carousel-3-col__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media print, screen and (min-width: 36em) {
.c-image-carousel-3-col__slide {
width: 50%;
}
}
@media print, screen and (min-width: 62em) {
.c-image-carousel-3-col__slide {
width: 33.3333333333%;
}
}
.c-image-carousel-3-col .c-post-figure {
width: 100%;
margin: 0;
}
.c-graph-carousel-3-col {
position: relative;
border-bottom: 1px solid #dbdbdb;
overflow: hidden;
}
.c-graph-carousel-3-col__title {
margin: 0 0 0.5rem;
text-align: center;
}
@media print, screen and (min-width: 48em) {
.c-graph-carousel-3-col__title {
margin-bottom: 0.75rem;
}
}
.c-graph-carousel-3-col__standfirst {
margin: 0 0 1.5rem;
font-size: 0.875rem;
line-height: 1.285714286;
text-align: center;
}
@media print, screen and (min-width: 48em) {
.c-graph-carousel-3-col__standfirst {
margin-bottom: 2rem;
font-size: inherit;
line-height: inherit;
}
}
.c-graph-carousel-3-col__slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -0.75rem;
margin-right: -0.75rem;
border-top: 1px solid #dbdbdb;
}
.c-graph-carousel-3-col__slider.flickity-enabled {
display: block;
}
.c-graph-carousel-3-col__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 85%;
margin: 0;
-webkit-box-shadow: -1px 0 0 0 #dbdbdb;
box-shadow: -1px 0 0 0 #dbdbdb;
}
@media print, screen and (min-width: 48em) {
.c-graph-carousel-3-col__slide {
width: 41.6666666667%;
}
}
@media print, screen and (min-width: 62em) {
.c-graph-carousel-3-col__slide {
width: 33.3333333333%;
}
}
.c-graph-carousel-3-col__graph {
padding: 0.75rem;
}
.c-graph-carousel-3-col__graph-title {
margin: 0 0 0.75rem;
}
@media print, screen and (min-width: 48em) {
.c-graph-carousel-3-col__graph-title {
font-size: 0.875rem;
line-height: 1.428571429;
}
}
.c-graph-carousel-3-col figure {
width: 100%;
}
.reports-carousel {
margin-top: var(--edge-spacing);
background: #f3f3f1;
padding-top: 1.6em;
padding-bottom: 1.6em;
border-bottom: 0;
position: relative;
}
.reports-carousel header {
position: relative;
z-index: 1;
margin-bottom: 2.4em;
}
.reports-carousel::before {
content: "";
width: 100vw;
height: 100%;
background: #f3f3f1;
position: absolute;
order: -1;
top: 0;
left: -50%;
}
.reports-carousel::after {
content: "";
width: 100vw;
height: 100%;
background: #f3f3f1;
position: absolute;
order: -1;
top: 0;
right: -50%;
}
.reports-carousel .swiper {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.reports-carousel .swiper .swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: relative;
height: initial;
}
.reports-carousel .swiper .swiper-slide > a {
display: flex;
flex-direction: column;
}
.reports-carousel .swiper .swiper-slide .container {
display: flex;
margin-bottom: 2em;
}
@media only screen and (min-width: 62em) {
.reports-carousel .swiper .swiper-slide .container {
margin-bottom: 3.6em;
}
}
.reports-carousel .swiper .swiper-slide h4 {
font-size: 1.4em;
line-height: 1.285714em;
padding-bottom: 0;
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.reports-carousel .swiper .swiper-slide h4 {
font-size: 1.8em;
line-height: 1.333333em;
}
}
.reports-carousel .swiper .swiper-slide .price {
color: #151529;
font-size: 1.4em;
line-height: 1.428571em;
font-weight: 400;
margin-top: auto;
}
@media only screen and (min-width: 62em) {
.reports-carousel .swiper .swiper-slide .price {
font-size: 1.8em;
line-height: 1.7777777em;
}
}
.reports-carousel .swiper .swiper-slide:after {
content: "";
position: absolute;
width: 0.1em;
height: 100%;
background: #dddddd;
right: -1.6em;
}
.reports-carousel .swiper .swiper-slide:nth-of-type(4n + 3):before, .reports-carousel .swiper .swiper-slide:nth-of-type(4n + 4):before {
content: "";
position: absolute;
width: calc(100% + 3.2em);
height: 0.1em;
background: #dddddd;
top: -1.6em;
left: -1.6em;
}
.reports-carousel .swiper .swiper-slide:nth-of-type(4n + 4):before {
width: calc(100% + 3.2em);
left: -1.6em;
}
.reports-carousel .swiper .swiper-slide figure {
position: absolute;
bottom: 0;
right: 0;
margin-left: 0;
}
.reports-carousel .swiper .swiper-slide figure img {
width: 2.4em;
}
.reports-carousel .controls {
margin-top: 3.6em;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.reports-carousel .controls .swiper-pagination {
width: fit-content;
position: relative;
margin: 0 1.111111em;
font-size: 1.8em;
line-height: 1.777777em;
}
.reports-carousel .controls .swiper-pagination span {
color: #626262;
}
.reports-carousel .controls .swiper-pagination span.current {
font-weight: 500;
color: #373997;
}
.reports-carousel .controls .swiper-button-prev,
.reports-carousel .controls .swiper-button-next {
position: relative;
top: 0;
color: #373997;
width: 0.8em;
height: 1.6em;
right: 0;
left: 0;
}
.reports-carousel .controls .swiper-button-prev:after,
.reports-carousel .controls .swiper-button-next:after {
font-size: 1.6em;
}
.reports-carousel .controls .swiper-button-prev.swiper-button-disabled,
.reports-carousel .controls .swiper-button-next.swiper-button-disabled {
color: #dbdbdb;
}
.reports-carousel .controls .swiper-pagination.swiper-pagination-bullets {
width: fit-content;
position: relative;
margin: 0 2.5em;
}
.reports-carousel .controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
width: 2.4em;
height: 0.8em;
border-radius: 0.1em;
margin-left: 0;
margin-right: 0.8em;
background: #dbdbdb;
opacity: 1;
}
.reports-carousel .controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.reports-carousel .controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #373997;
}
@media only screen and (min-width: 62em) {
.reports-carousel .grid-x {
margin: 0;
}
.reports-carousel .swiper {
margin-top: 0.8em;
}
.reports-carousel .controls {
margin-top: 5em;
}
.reports-carousel .swiper .swiper-slide {
padding-bottom: 1.2em;
border-bottom: 0.1em solid #dddddd;
height: initial;
}
.reports-carousel .swiper .swiper-slide:before {
display: none;
}
.reports-carousel .swiper .swiper-slide:after {
right: -2.3em;
height: calc(100% - 1.2em);
}
.reports-carousel .swiper .swiper-slide figure {
max-width: 3.2em;
width: 100%;
margin-left: 2.4em;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
order: 2;
}
.reports-carousel .swiper .swiper-slide figure img {
width: 3.2em;
}
}
.swiper.swiper-basic {
padding-bottom: 0.8em;
margin-bottom: 2em;
border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 62em) {
.swiper.swiper-basic {
padding-bottom: 1.2em;
margin-bottom: 3.2em;
}
}
.swiper.swiper-basic .swiper-slide {
height: initial;
}
.swiper.swiper-basic .swiper-slide figure {
height: 100%;
display: flex;
flex-direction: column;
}
.swiper.swiper-basic .swiper-slide figure img {
max-height: 450px;
margin-bottom: 1em;
}
.swiper.swiper-basic .swiper-slide figure figcaption {
font-size: 1.2em;
line-height: 0.857142em;
color: #626262;
margin-top: auto;
}
.swiper.swiper-basic .controls .swiper-button-next,
.swiper.swiper-basic .controls .swiper-button-prev {
width: 48px;
height: 48px;
background-color: #373997;
}
.swiper.swiper-basic .controls .swiper-button-next::after,
.swiper.swiper-basic .controls .swiper-button-prev::after {
color: #ffffff;
font-size: 16px;
}
.swiper.swiper-basic .controls .swiper-button-prev {
left: 0;
}
.swiper.swiper-basic .controls .swiper-button-next {
right: 0;
}
/* _form.scss start */
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
line-height: 1.15;
margin: 0;
background: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
border: none;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
fieldset {
padding: 0;
}
input,
button,
textarea,
input[type=checkbox] {
-webkit-border-radius: 0;
}
input,
select,
.custom-select,
textarea,
button {
font-size: 1.6em;
}
input[type=search],
input[type=button],
input[type=checkbox] {
-webkit-appearance: none;
}
.c-input {
position: relative;
width: 100%;
margin: 0 0 0.75rem;
font-size: 0.875rem;
line-height: 1.285714286;
}
.c-input__label {
position: absolute;
top: 1rem;
left: 0;
color: #515151;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
pointer-events: none;
}
.c-input__input {
width: 100%;
padding: 1.125rem 0 0.625rem;
font-size: 0.875rem;
line-height: 1.285714286;
color: #27274c;
border-bottom: 0.125rem solid #27274c;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-input__input::-webkit-input-placeholder {
color: #515151;
opacity: 1;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-input__input::-moz-placeholder {
color: #515151;
opacity: 1;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-input__input:-ms-input-placeholder {
color: #515151;
opacity: 1;
-ms-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-input__input::-ms-input-placeholder {
color: #515151;
opacity: 1;
-ms-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-input__input::placeholder {
color: #515151;
opacity: 1;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-input__input:hover::-webkit-input-placeholder,
.c-input__input:focus::-webkit-input-placeholder {
color: #27274c;
}
.c-input__input:hover::-moz-placeholder,
.c-input__input:focus::-moz-placeholder {
color: #27274c;
}
.c-input__input:hover:-ms-input-placeholder,
.c-input__input:focus:-ms-input-placeholder {
color: #27274c;
}
.c-input__input:hover::-ms-input-placeholder,
.c-input__input:focus::-ms-input-placeholder {
color: #27274c;
}
.c-input__input:hover::placeholder,
.c-input__input:focus::placeholder {
color: #27274c;
}
.c-input__input:focus {
border-bottom-color: #373997;
}
.c-input__error-text {
margin: 0;
padding-top: 0.25rem;
font-size: 0.75rem;
line-height: 1.333333333;
color: #ff0f00;
}
.c-input:hover .c-input__label {
color: #27274c;
}
.c-input--offset-label .c-input__label {
-webkit-transform: translate3d(0, -1rem, 0) scale(0.714285714);
transform: translate3d(0, -1rem, 0) scale(0.714285714);
}
.c-input--offset-label:hover .c-input__label {
color: #515151;
}
.c-input--has-placeholder .c-input__label {
-webkit-transform: translate3d(0, -1rem, 0) scale(0.714285714);
transform: translate3d(0, -1rem, 0) scale(0.714285714);
}
.c-input--has-error .c-input__input {
border-bottom-color: #ff0f00;
}
.c-select {
position: relative;
width: 100%;
margin: 0 0 0.75rem;
font-size: 0.875rem;
line-height: 1.285714286;
}
.c-select__label {
position: absolute;
top: 1rem;
left: 0;
color: #515151;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
pointer-events: none;
}
.c-select__select {
width: 100%;
padding: 1rem;
border: solid 1px #ddd;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
cursor: pointer;
}
.c-select__select:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.c-select__select:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icon_arrow_purple.png");
}
.c-select__select::-ms-expand {
display: none;
}
.c-select__select::-webkit-input-placeholder {
color: #515151;
opacity: 1;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-select__select::-moz-placeholder {
color: #515151;
opacity: 1;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-select__select:-ms-input-placeholder {
color: #515151;
opacity: 1;
-ms-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-select__select::-ms-input-placeholder {
color: #515151;
opacity: 1;
-ms-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-select__select::placeholder {
color: #515151;
opacity: 1;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-select__select:hover::-webkit-input-placeholder,
.c-select__select:focus::-webkit-input-placeholder {
color: #27274c;
}
.c-select__select:hover::-moz-placeholder,
.c-select__select:focus::-moz-placeholder {
color: #27274c;
}
.c-select__select:hover:-ms-input-placeholder,
.c-select__select:focus:-ms-input-placeholder {
color: #27274c;
}
.c-select__select:hover::-ms-input-placeholder,
.c-select__select:focus::-ms-input-placeholder {
color: #27274c;
}
.c-select__select:hover::placeholder,
.c-select__select:focus::placeholder {
color: #27274c;
}
.c-select__select:focus {
border-color: #373997;
}
.c-select__arrow {
position: absolute;
display: block;
top: 1.5625rem;
right: 0;
width: 0.875rem;
height: auto;
margin: 0;
color: #27274c;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
pointer-events: none;
}
.c-select:hover .c-select__label {
color: #27274c;
}
.c-select:hover .c-select__arrow {
color: #373997;
}
.c-select--has-label.c-select--offset-label .c-select__label {
-webkit-transform: translate3d(0, -1rem, 0) scale(0.714285714);
transform: translate3d(0, -1rem, 0) scale(0.714285714);
}
.c-select--has-label.c-select--offset-label:hover .c-select__label {
color: #515151;
}
.c-select--has-placeholder .c-select__label {
-webkit-transform: translate3d(0, -1rem, 0) scale(0.714285714);
transform: translate3d(0, -1rem, 0) scale(0.714285714);
}
.c-select-custom {
position: relative;
width: 100%;
}
.c-select-custom .c-select {
margin: 0;
font-size: 0.75rem;
line-height: 1.5;
cursor: pointer;
}
.c-select-custom .c-select__label {
top: 0.8125rem;
font-weight: 500;
color: #151529;
}
.c-select-custom .c-select__select {
padding: 0.8125rem 0;
font-weight: 500;
font-size: 0.75rem;
line-height: 1.5;
border-bottom: 1px solid #dbdbdb;
pointer-events: none;
}
.c-select-custom .c-select__arrow {
top: 50%;
}
.c-select-custom .c-select--has-label .c-select__select {
padding: 1.25rem 0 0.375rem;
}
.c-select-custom .c-select--has-label.c-select--offset-label .c-select__label {
font-weight: normal;
color: dimgray;
-webkit-transform: translate3d(0, -0.5rem, 0) scale(0.833333333);
transform: translate3d(0, -0.5rem, 0) scale(0.833333333);
}
.c-select-custom .c-select--has-placeholder .c-select__label {
-webkit-transform: translate3d(0, -0.5rem, 0) scale(0.833333333);
transform: translate3d(0, -0.5rem, 0) scale(0.833333333);
}
@media print, screen and (min-width: 48em) {
.c-select-custom .c-select {
font-size: 0.875rem;
line-height: 1.285714286;
}
.c-select-custom .c-select__label {
top: 1.125rem;
}
.c-select-custom .c-select__select {
padding: 1.125rem 0;
font-size: 0.875rem;
line-height: 1.285714286;
}
.c-select-custom .c-select--has-label .c-select__select {
padding: 1.5rem 0 0.75rem;
}
.c-select-custom .c-select--has-label.c-select--offset-label .c-select__label {
-webkit-transform: translate3d(0, -0.5rem, 0) scale(0.714285714);
transform: translate3d(0, -0.5rem, 0) scale(0.714285714);
}
.c-select-custom .c-select--has-placeholder .c-select__label {
-webkit-transform: translate3d(0, -0.5rem, 0) scale(0.714285714);
transform: translate3d(0, -0.5rem, 0) scale(0.714285714);
}
}
.c-select-custom .c-select-custom__dropdown {
display: none;
position: relative;
width: 100%;
padding: 0.75rem;
background-color: #fff;
border-bottom: 1px solid #dbdbdb;
z-index: 50;
pointer-events: none;
}
.c-select-custom .c-select-custom__dropdown-list {
list-style: none;
max-height: 10.25rem;
margin: 0 0 0 -0.75rem;
padding: 0;
font-family: "atlas", sans-serif;
font-size: 0.75rem;
line-height: 1.333333333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #373997 #e8e8e8;
scrollbar-width: thin;
}
.c-select-custom .c-select-custom__dropdown-list::-webkit-scrollbar {
width: 0.25rem;
}
.c-select-custom .c-select-custom__dropdown-list::-webkit-scrollbar-track {
width: 0.25rem;
background-color: #e8e8e8;
}
.c-select-custom .c-select-custom__dropdown-list::-webkit-scrollbar-thumb {
width: 0.25rem;
background-color: #373997;
}
.c-select-custom .c-select-custom__dropdown-item {
margin-bottom: 0.25rem;
padding-left: 0.75rem;
}
.c-select-custom .c-select-custom__dropdown-item:last-child {
margin-bottom: 0;
}
.c-select-custom .c-select-custom__dropdown-option {
position: relative;
display: block;
padding: 0.3125rem 0 0.1875rem;
color: #515151;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-select-custom .c-select-custom__dropdown-option::before {
content: "";
position: absolute;
top: 50%;
left: -12px;
display: block;
width: 0.125rem;
height: 75%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(55, 57, 151, 0);
-webkit-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
}
.c-select-custom .c-select-custom__dropdown-option:hover,
.c-select-custom .c-select-custom__dropdown-option:focus {
color: #27274c;
}
.c-select-custom .c-select-custom__dropdown-option:focus {
outline: 0;
}
.c-select-custom .c-select-custom__dropdown-option--selected {
color: #27274c;
}
.c-select-custom .c-select-custom__dropdown-option--selected::before {
background-color: #373997;
}
.c-select-custom .c-select-custom__dropdown-option-all {
display: block;
font-family: "atlas", sans-serif;
font-weight: 500;
font-size: 0.75rem;
line-height: 1.333333333;
color: #151529;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-select-custom .c-select-custom__dropdown-option-all:hover,
.c-select-custom .c-select-custom__dropdown-option-all:focus {
color: #373997;
}
.c-select-custom .c-select-custom__dropdown-option-all:focus {
outline: 0;
}
.c-select-custom .c-select-custom__dropdown hr {
margin: 0.75rem 0;
}
@media print, screen and (min-width: 48em) {
.c-select-custom .c-select-custom__dropdown {
display: block !important;
position: absolute;
top: 100%;
left: 0;
-webkit-box-shadow: inset 1px 0 0 0 #dbdbdb, inset -1px 0 0 0 #dbdbdb;
box-shadow: inset 1px 0 0 0 #dbdbdb, inset -1px 0 0 0 #dbdbdb;
visibility: hidden;
opacity: 0;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-select-custom .c-select-custom__dropdown-list {
max-height: 11rem;
}
}
@media screen and (min-width: 75em) {
.c-select-custom .c-select-custom__dropdown {
padding: 1.25rem;
}
.c-select-custom .c-select-custom__dropdown-list {
margin-left: -1.25rem;
font-size: 0.875rem;
line-height: 1.285714286;
}
.c-select-custom .c-select-custom__dropdown-item {
padding-left: 1.25rem;
}
.c-select-custom .c-select-custom__dropdown-option-all {
font-size: 0.875rem;
line-height: 1.285714286;
}
.c-select-custom .c-select-custom__dropdown hr {
margin: 1.25rem 0;
}
}
.c-select-custom.c-select-custom--active .c-select-custom__dropdown {
pointer-events: auto;
}
@media print, screen and (min-width: 48em) {
.c-select-custom.c-select-custom--active .c-select-custom__dropdown {
visibility: visible;
opacity: 1;
}
}
.c-select-custom.c-select-custom--active .c-select__select {
border-bottom-color: #373997;
}
.c-select-custom.c-select-custom--active .c-select__arrow {
-webkit-transform: translateY(-50%) scaleY(-1);
transform: translateY(-50%) scaleY(-1);
}
.c-textarea {
position: relative;
width: 100%;
margin: 0 0 0.75rem;
font-size: 0.875rem;
line-height: 1.285714286;
}
.c-textarea__label {
position: absolute;
top: 0.75rem;
left: 0.875rem;
color: #515151;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
pointer-events: none;
}
.c-textarea__textarea {
width: 100%;
padding: 0.75rem;
font-size: 0.875rem;
line-height: 1.285714286;
color: #27274c;
border: 0.125rem solid #27274c;
resize: vertical;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-textarea__textarea::-webkit-input-placeholder {
color: #515151;
opacity: 1;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-textarea__textarea::-moz-placeholder {
color: #515151;
opacity: 1;
-moz-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-textarea__textarea:-ms-input-placeholder {
color: #515151;
opacity: 1;
-ms-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-textarea__textarea::-ms-input-placeholder {
color: #515151;
opacity: 1;
-ms-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-textarea__textarea::placeholder {
color: #515151;
opacity: 1;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.c-textarea__textarea:hover::-webkit-input-placeholder,
.c-textarea__textarea:focus::-webkit-input-placeholder {
color: #27274c;
}
.c-textarea__textarea:hover::-moz-placeholder,
.c-textarea__textarea:focus::-moz-placeholder {
color: #27274c;
}
.c-textarea__textarea:hover:-ms-input-placeholder,
.c-textarea__textarea:focus:-ms-input-placeholder {
color: #27274c;
}
.c-textarea__textarea:hover::-ms-input-placeholder,
.c-textarea__textarea:focus::-ms-input-placeholder {
color: #27274c;
}
.c-textarea__textarea:hover::placeholder,
.c-textarea__textarea:focus::placeholder {
color: #27274c;
}
.c-textarea__textarea:focus {
border-color: #373997;
}
.c-textarea--has-label .c-textarea__textarea {
padding-top: 1.75rem;
}
.c-textarea:hover .c-textarea__label {
color: #27274c;
}
.c-textarea--offset-label .c-textarea__label {
-webkit-transform: scale(0.714285714);
transform: scale(0.714285714);
}
.c-textarea--offset-label:hover .c-textarea__label {
color: #515151;
}
.c-textarea--has-placeholder .c-textarea__label {
-webkit-transform: scale(0.714285714);
transform: scale(0.714285714);
}
.form-group textarea {
min-height: 145px;
}
@media (min-width: 992px) {
.form-group textarea {
min-height: 175px;
}
}
.c-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.c-checkbox__checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 0.875rem;
height: 0.875rem;
margin-right: 0.75rem;
color: rgba(219, 219, 219, 0);
border-radius: 1px;
border: 1px solid #dbdbdb;
background-color: #fff;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.sg-content input[type=checkbox] + label,
.sg-content input[type=radio] + label {
padding-left: 2rem;
}
.c-checkbox__input:checked + .c-checkbox__checkbox {
color: #fff;
background-color: #373997;
border-color: #373997;
}
.c-checkbox__checkbox svg {
display: block;
width: 0.5rem;
height: 0.5rem;
margin: 0;
}
.c-checkbox__label {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
position: relative;
display: block;
font-family: "atlas", sans-serif;
font-size: 0.625rem;
line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
.c-checkbox__label {
top: -2px;
font-size: 0.75rem;
line-height: 1.5;
}
}
.c-checkbox:hover .c-checkbox__checkbox {
color: #dbdbdb;
}
.c-checkbox--large .c-checkbox__checkbox {
width: 1.5rem;
height: 1.5rem;
}
.c-checkbox--large .c-checkbox__checkbox svg {
width: 0.875rem;
height: 0.875rem;
}
.c-checkbox--large .c-checkbox__label {
top: 0.125rem;
font-weight: 500;
font-size: 0.75rem;
line-height: 1.666666667;
color: #151529;
}
@media print, screen and (min-width: 48em) {
.c-checkbox--large .c-checkbox__label {
font-size: 0.875rem;
line-height: 1.428571429;
}
}
.c-checkbox--primary .c-checkbox__input:checked + .c-checkbox__checkbox {
color: #151529;
background-color: #373997;
border-color: #373997;
}
.c-checkbox--secondary .c-checkbox__input:checked + .c-checkbox__checkbox {
color: #151529;
background-color: #27274c;
border-color: #27274c;
}
.c-checkbox--tertiary .c-checkbox__input:checked + .c-checkbox__checkbox {
color: #151529;
background-color: #6ab9ff;
border-color: #6ab9ff;
}
.c-checkbox--quaternary .c-checkbox__input:checked + .c-checkbox__checkbox {
color: #151529;
background-color: #ff8aa9;
border-color: #ff8aa9;
}
.c-checkbox--success .c-checkbox__input:checked + .c-checkbox__checkbox {
color: #151529;
background-color: #1ac1a9;
border-color: #1ac1a9;
}
.c-checkbox--alert .c-checkbox__input:checked + .c-checkbox__checkbox {
color: #151529;
background-color: #ff325c;
border-color: #ff325c;
}
.c-table {
width: 100%;
margin: 0;
padding: 0;
font-family: "atlas", sans-serif;
font-size: 0.75rem;
line-height: 1.333333333;
border-collapse: collapse;
}
.c-table td,
.c-table th {
padding: 0.75rem 0.5rem;
}
.c-table th {
font-weight: 500;
text-align: left;
color: #fff;
background-color: #27274c;
}
.c-table tbody tr:nth-child(even) td {
background-color: #f3f3f1;
}
.c-search {
position: relative;
}
.c-search .c-input {
margin: 0;
}
.c-search .c-input__input {
padding-top: 0.75rem;
padding-right: 2.5rem;
border-bottom-color: #373997;
}
.c-search .c-input__input:focus {
border-bottom-color: #27274c;
}
.c-search__button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
height: 2.625rem;
padding-left: 0.75rem;
padding-right: 0.25rem;
cursor: pointer;
}
.c-search__button svg {
display: block;
width: 1rem;
height: auto;
margin: 0;
color: #373997;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
-webkit-transform: translateX(0.25rem);
transform: translateX(0.25rem);
}
.checkbox-wrap {
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 3em;
height: 3em;
border: 1px solid #373997;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.checkbox-wrap input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: -1px;
left: -1px;
height: 3em;
width: 3em;
border: 1px solid #373997;
background-color: #ffffff;
}
.checkmark span {
font-size: 3em;
padding-bottom: 0.1em;
color: #373997;
}
.tag-box-big-add .checkmark {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
left: auto;
right: -1px;
}
.tag-box-big-add .checkbox-wrap input:checked ~ .checkmark {
left: auto;
right: -1px;
}
.checkbox-wrap:hover input ~ .checkmark {
background-color: #373997;
}
.checkbox-wrap:hover input ~ .checkmark span {
color: #fff;
}
.checkbox-wrap input:checked ~ .checkmark {
top: -1px;
left: -1px;
background-color: #373997;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.checkbox-wrap input:checked ~ .checkmark span {
color: #373997;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-wrap input:checked ~ .checkmark:after {
display: block;
}
.checkbox-wrap .checkmark:after {
left: 10px;
top: 6px;
width: 7px;
height: 13px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.custom-select {
position: relative;
}
.custom-select select {
margin-bottom: 0;
}
.custom-select a {
display: block;
}
.custom-select select {
display: none;
}
.inline-filters .select-selected:after {
position: absolute;
content: url("../img/icons/DDown.png");
top: 50%;
right: 0.3em;
height: auto;
width: auto;
border: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
@media (min-width: 992px) {
.inline-filters .select-selected:after {
font-size: 1.4em;
}
}
.inline-filters .select-selected.select-arrow-active:after {
transform: translateY(-50%) rotate(180deg);
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
top: 31px;
}
@media (min-width: 992px) {
.inline-filters .select-selected.select-arrow-active:after {
top: 40px;
}
}
.select-items div,
.select-selected {
cursor: pointer;
position: relative;
}
.select-items {
overflow-y: scroll;
position: absolute;
background-color: #ffffff;
top: 113%;
width: calc(100% + 2px);
left: -1px;
right: 0;
z-index: 11;
border: 0.1em solid #ddd;
max-height: 33em;
}
.select-items::-webkit-scrollbar {
background-color: transparent;
width: 6px;
}
.select-items::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-ms-border-radius: 0.3em;
-o-border-radius: 0.3em;
}
.select-items::-webkit-scrollbar-track {
background: white;
}
@media (min-width: 992px) {
.select-items {
top: 99%;
}
}
.select-items div {
font-size: 1em;
padding: 0.8em 1em;
}
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
#newsletterForm .form-group input {
margin-bottom: 0;
}
.form-group-buttons {
text-align: left;
}
.form-group-buttons .button {
margin: 0;
}
.form-group-buttons .button + .button {
margin-left: 0.8em;
}
.top-label {
display: block;
font-size: 1.2em;
margin-bottom: 0.4em;
}
.hint-msg {
display: block;
margin: 1em 0;
font-size: 14px;
}
.hide-if-no-js {
height: 0;
}
.btm-input {
margin-bottom: 1.6em;
}
.form-group input:focus ~ .floating-label,
.form-group select:focus ~ .floating-label,
.form-group input:valid ~ .floating-label {
top: -2em;
left: 0;
font-size: 1.2em;
opacity: 1;
}
.floating-label {
position: absolute;
pointer-events: none;
font-size: 1.6em;
left: 0.85em;
top: 0.5em;
color: #000;
transition: 0.2s ease all;
background: white;
width: 85%;
}
label[for=enq-gdpr] {
position: relative;
}
label[for=enq-gdpr] input#enq-gdpr {
position: absolute;
top: 50%;
height: 1.25em;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
@media (min-width: 992px) {
.form-group-cols {
display: flex;
justify-content: space-between;
}
.form-group-cols > * {
flex: 1;
max-width: calc(50% - 0.6em);
}
.form-group-buttons {
text-align: center;
}
.btm-input {
margin-bottom: 2em;
}
}
.successMsg {
margin-bottom: 1.2em;
}
@media only screen and (min-width: 62em) {
.successMsg {
margin-bottom: 3.2em;
}
}
.successMsg .whitepaper__title--msg {
font-size: 1.8em;
line-height: 1.333333em;
font-weight: 500;
margin-bottom: 0.2em;
color: #151529;
}
@media only screen and (min-width: 62em) {
.successMsg .whitepaper__title--msg {
font-size: 2.4em;
line-height: 1.25em;
}
}
.successMsg .whitepaper__title--msg--2 {
font-size: 1.6em;
line-height: 1.5em;
color: #626262;
}
.form-group,
.sg-question-options {
position: relative;
}
.form-group select,
.form-group .custom-select,
.sg-question-options select,
.sg-question-options .custom-select {
border: 1px solid #ddd;
position: relative;
padding: 0.5em 0.85em;
cursor: pointer;
background: url("../img/icon_arrow_purple_down.png") no-repeat;
background-position: right 0.5em center;
background-size: 1.2em;
max-width: 100%;
}
.form-group select option, .form-group select + ul li,
.form-group .custom-select option,
.form-group .custom-select + ul li,
.sg-question-options select option,
.sg-question-options select + ul li,
.sg-question-options .custom-select option,
.sg-question-options .custom-select + ul li {
padding: 0.5em;
display: block;
border-bottom: solid 1px #ddd;
cursor: pointer;
}
.form-group select option:hover, .form-group select + ul li:hover,
.form-group .custom-select option:hover,
.form-group .custom-select + ul li:hover,
.sg-question-options select option:hover,
.sg-question-options select + ul li:hover,
.sg-question-options .custom-select option:hover,
.sg-question-options .custom-select + ul li:hover {
background: #ddd;
}
.form-group select select,
.form-group .custom-select select,
.sg-question-options select select,
.sg-question-options .custom-select select {
font-size: 1em;
}
form {
display: flex;
flex-direction: column;
font-size: 10px;
}
form .details {
font-size: 1.8em;
line-height: 1.333333em;
font-weight: 500;
margin-bottom: 1em;
text-align: center;
color: #151529;
}
form .form-group,
form .pmpro_reset_password-field {
display: flex;
flex-direction: column;
position: relative;
}
form .form-group label:not(.check-box, .top-label),
form .pmpro_reset_password-field label:not(.check-box, .top-label) {
order: -1;
font-size: 1.2em;
line-height: 1.333333em;
top: -1.45em;
color: #000;
display: none;
position: absolute;
}
form .form-group label.placeholder-label,
form .pmpro_reset_password-field label.placeholder-label {
display: none;
}
form .form-group input:focus + label.placeholder-label,
form .pmpro_reset_password-field input:focus + label.placeholder-label {
display: block;
}
form .form-group .message,
form .pmpro_reset_password-field .message {
font-size: 1.2em;
line-height: 1.333333em;
bottom: -1.45em;
color: #eb0000;
display: none;
position: absolute;
}
form .form-group.error .message,
form .pmpro_reset_password-field.error .message {
display: block;
}
form .form-group.error input,
form .form-group.error select,
form .form-group.error .custom-select,
form .pmpro_reset_password-field.error input,
form .pmpro_reset_password-field.error select,
form .pmpro_reset_password-field.error .custom-select {
border-color: #eb0000;
}
form .form-group.error label,
form .pmpro_reset_password-field.error label {
color: #eb0000;
}
form .form-group small,
form .pmpro_reset_password-field small {
display: block;
margin-top: 0.4em;
font-size: 1.2em;
color: #eb0000;
}
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=url],
form input[type=time],
form input[type=number],
form input[type=search],
form select,
form textarea {
width: 100%;
font-size: 1.6em;
line-height: 1.5em;
padding: 0.444444em 0.666666em;
border: 0.1em solid #dbdbdb;
color: #151529;
margin-bottom: var(--text-spacing);
}
form input[type=text]::placeholder,
form input[type=email]::placeholder,
form input[type=password]::placeholder,
form input[type=url]::placeholder,
form input[type=time]::placeholder,
form input[type=number]::placeholder,
form input[type=search]::placeholder,
form select::placeholder,
form textarea::placeholder {
color: #151529;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=url]:focus,
form input[type=time]:focus,
form input[type=number]:focus,
form input[type=search]:focus,
form select:focus,
form textarea:focus {
outline: none;
border-color: #373997;
}
form input[type=text]:hover,
form input[type=email]:hover,
form input[type=password]:hover,
form input[type=url]:hover,
form input[type=time]:hover,
form input[type=number]:hover,
form input[type=search]:hover,
form select:hover,
form textarea:hover {
outline: none;
border-color: #373997;
}
form input[type=text]:focus-visible,
form input[type=email]:focus-visible,
form input[type=password]:focus-visible,
form input[type=url]:focus-visible,
form input[type=time]:focus-visible,
form input[type=number]:focus-visible,
form input[type=search]:focus-visible,
form select:focus-visible,
form textarea:focus-visible {
outline: none;
border-color: #373997;
}
form input[type=text] .custom-select:hover,
form input[type=text] .custom-select:focus,
form input[type=text] .custom-select:focus-visible,
form input[type=email] .custom-select:hover,
form input[type=email] .custom-select:focus,
form input[type=email] .custom-select:focus-visible,
form input[type=password] .custom-select:hover,
form input[type=password] .custom-select:focus,
form input[type=password] .custom-select:focus-visible,
form input[type=url] .custom-select:hover,
form input[type=url] .custom-select:focus,
form input[type=url] .custom-select:focus-visible,
form input[type=time] .custom-select:hover,
form input[type=time] .custom-select:focus,
form input[type=time] .custom-select:focus-visible,
form input[type=number] .custom-select:hover,
form input[type=number] .custom-select:focus,
form input[type=number] .custom-select:focus-visible,
form input[type=search] .custom-select:hover,
form input[type=search] .custom-select:focus,
form input[type=search] .custom-select:focus-visible,
form select .custom-select:hover,
form select .custom-select:focus,
form select .custom-select:focus-visible,
form textarea .custom-select:hover,
form textarea .custom-select:focus,
form textarea .custom-select:focus-visible {
outline: none;
border-color: #373997;
}
form input[type=text]::-webkit-outer-spin-button, form input[type=text]::-webkit-inner-spin-button,
form input[type=email]::-webkit-outer-spin-button,
form input[type=email]::-webkit-inner-spin-button,
form input[type=password]::-webkit-outer-spin-button,
form input[type=password]::-webkit-inner-spin-button,
form input[type=url]::-webkit-outer-spin-button,
form input[type=url]::-webkit-inner-spin-button,
form input[type=time]::-webkit-outer-spin-button,
form input[type=time]::-webkit-inner-spin-button,
form input[type=number]::-webkit-outer-spin-button,
form input[type=number]::-webkit-inner-spin-button,
form input[type=search]::-webkit-outer-spin-button,
form input[type=search]::-webkit-inner-spin-button,
form select::-webkit-outer-spin-button,
form select::-webkit-inner-spin-button,
form textarea::-webkit-outer-spin-button,
form textarea::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
form input[type=text][type=number],
form input[type=email][type=number],
form input[type=password][type=number],
form input[type=url][type=number],
form input[type=time][type=number],
form input[type=number][type=number],
form input[type=search][type=number],
form select[type=number],
form textarea[type=number] {
-moz-appearance: textfield;
height: auto;
background-image: none;
}
form input[type=text].input-light,
form input[type=email].input-light,
form input[type=password].input-light,
form input[type=url].input-light,
form input[type=time].input-light,
form input[type=number].input-light,
form input[type=search].input-light,
form select.input-light,
form textarea.input-light {
border-color: #ffffff;
color: #ffffff;
}
form input[type=text].input-light::placeholder,
form input[type=email].input-light::placeholder,
form input[type=password].input-light::placeholder,
form input[type=url].input-light::placeholder,
form input[type=time].input-light::placeholder,
form input[type=number].input-light::placeholder,
form input[type=search].input-light::placeholder,
form select.input-light::placeholder,
form textarea.input-light::placeholder {
color: #ffffff;
}
form input[type=text]:focus::-webkit-input-placeholder,
form input[type=email]:focus::-webkit-input-placeholder,
form input[type=password]:focus::-webkit-input-placeholder,
form input[type=url]:focus::-webkit-input-placeholder,
form input[type=time]:focus::-webkit-input-placeholder,
form input[type=number]:focus::-webkit-input-placeholder,
form input[type=search]:focus::-webkit-input-placeholder,
form select:focus::-webkit-input-placeholder,
form textarea:focus::-webkit-input-placeholder {
opacity: 0;
color: transparent;
}
form input[type=text]:focus::-moz-placeholder,
form input[type=email]:focus::-moz-placeholder,
form input[type=password]:focus::-moz-placeholder,
form input[type=url]:focus::-moz-placeholder,
form input[type=time]:focus::-moz-placeholder,
form input[type=number]:focus::-moz-placeholder,
form input[type=search]:focus::-moz-placeholder,
form select:focus::-moz-placeholder,
form textarea:focus::-moz-placeholder {
opacity: 0;
color: transparent;
}
form input[type=text]:focus:-ms-input-placeholder,
form input[type=email]:focus:-ms-input-placeholder,
form input[type=password]:focus:-ms-input-placeholder,
form input[type=url]:focus:-ms-input-placeholder,
form input[type=time]:focus:-ms-input-placeholder,
form input[type=number]:focus:-ms-input-placeholder,
form input[type=search]:focus:-ms-input-placeholder,
form select:focus:-ms-input-placeholder,
form textarea:focus:-ms-input-placeholder {
opacity: 0;
color: transparent;
}
form input[type=text]:focus:-moz-placeholder,
form input[type=email]:focus:-moz-placeholder,
form input[type=password]:focus:-moz-placeholder,
form input[type=url]:focus:-moz-placeholder,
form input[type=time]:focus:-moz-placeholder,
form input[type=number]:focus:-moz-placeholder,
form input[type=search]:focus:-moz-placeholder,
form select:focus:-moz-placeholder,
form textarea:focus:-moz-placeholder {
opacity: 0;
color: transparent;
}
form input[type=text]:focus + label,
form input[type=email]:focus + label,
form input[type=password]:focus + label,
form input[type=url]:focus + label,
form input[type=time]:focus + label,
form input[type=number]:focus + label,
form input[type=search]:focus + label,
form select:focus + label,
form textarea:focus + label {
display: block;
}
form select {
-moz-appearance: none;
-webkit-appearance: none;
margin-bottom: 0;
}
form select::-ms-expand {
display: none;
}
form input[required].error,
form input[aria-required=true].error,
form select[aria-required=true].error {
border: solid red 1px;
background-color: #ffe4e4;
}
form select option[value="0"] {
opacity: 0.3;
}
form textarea {
width: 100%;
border: 1px solid #dbdbdb;
resize: none;
padding: 0.375em 0.85em;
color: #151529;
}
form input[type=checkbox],
form input[type=radio] {
display: inline-block;
width: 22px;
height: 22px;
float: left;
margin: 0;
padding: 0;
position: relative;
border: none;
cursor: pointer;
}
form input[type=checkbox]#checkGdpr,
form input[type=radio]#checkGdpr {
border: 0 !important;
}
form input[type=checkbox] + p,
form input[type=radio] + p {
margin-bottom: 0.65em;
max-width: 40em;
}
form input[type=checkbox]::after,
form input[type=radio]::after {
content: "";
top: 0px;
left: 0;
width: 22px;
height: 22px;
border: 1px solid #373997;
position: absolute;
z-index: 10;
}
form input[type=checkbox]:checked::after {
content: "";
background: #373997;
}
form input[type=checkbox]:checked::before {
content: "";
width: 8px;
height: 14px;
border: solid #faf6f4;
border-width: 0 2px 2px 0;
transform: rotate(36deg);
position: absolute;
z-index: 13;
left: 7px;
top: 3px;
}
form input[type=radio]:after {
border-radius: 50%;
}
form input[type=radio]:checked:before {
content: "";
border-radius: 50%;
background: #373997;
width: 14px;
height: 14px;
position: absolute;
left: 4px;
top: 4px;
}
form .inputs-list {
list-style: none;
}
form .gdpr-consent {
display: none;
}
form .g-recaptcha {
margin: 10px 0;
}
form .consent-text {
font-size: 1.2em;
line-height: 1.333333em;
margin-left: 0;
margin-top: -3px;
}
form input + .consent-text {
margin-left: 2.666666em;
}
form ul input[type=text],
form ul input[type=password],
form ul input[type=url],
form ul input[type=time],
form ul input[type=number],
form ul select,
form ul textarea {
font-size: 1em;
}
form ul li label {
display: inline-block;
}
form ul li label.sg-other {
display: block;
}
@media only screen and (min-width: 62em) {
.form .details {
font-size: 2.4em;
line-height: 1.166666em;
}
}
.placeholder-text-white::placeholder {
color: #ffffff;
}
#newsletterForm button.disabled {
background-color: #dbdbdb;
}
#newsletterForm button.disabled:hover, #newsletterForm button.disabled:focus {
background-color: #dbdbdb;
opacity: 1;
margin-top: 0.5em;
}
#newsletterForm .select-items {
padding-right: 0;
width: calc(100% + 0.2em);
overflow-x: hidden;
overflow-y: scroll;
left: -0.1em;
}
#newsletterForm.form .button {
width: auto;
margin-top: 0.5em;
}
.block-License-our-content .block-checkbox {
margin-top: 15px;
margin-bottom: 15px;
}
.block-License-our-content .button {
max-width: 122px;
min-width: 122px;
margin-top: 1.2em;
padding: 0.85em 0.5em;
text-align: center;
width: auto;
margin-bottom: 0;
}
.block-License-our-content .get-new-pass {
max-width: 211px;
}
.block-License-our-content .text-hint {
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin-bottom: 2.7em;
}
.block-License-our-content .btn-cancle {
margin-right: 15px;
min-width: 122px;
}
.block-License-our-content .btn-changepass {
min-width: 205px;
max-width: 205px;
}
.block-License-our-content .btin-delete {
margin-right: 15px;
min-width: 122px;
border: 1px solid #ff0000;
color: #ff0000;
}
.block-License-our-content .btin-delete:hover {
border: 1px solid #ff0000;
background-color: #ff0000;
color: #ffffff;
}
#enq-country {
margin-bottom: var(--text-spacing);
}
div.button a,
p.button a,
button.button,
a.button,
input[type=submit],
.button-toggle {
background: #373997;
color: white;
padding: 0.7em 2em;
font-size: 18px;
cursor: pointer;
display: inline-block;
text-decoration: none;
border: solid 3px transparent;
}
div.button a a,
p.button a a,
button.button a,
a.button a,
input[type=submit] a,
.button-toggle a {
font-size: 1em;
color: white;
}
div.button a:hover,
p.button a:hover,
button.button:hover,
a.button:hover,
input[type=submit]:hover,
.button-toggle:hover {
background-color: #27274c;
}
div.button a:active,
p.button a:active,
button.button:active,
a.button:active,
input[type=submit]:active,
.button-toggle:active {
opacity: 0.85;
}
div.button a.white,
p.button a.white,
button.button.white,
a.button.white,
input[type=submit].white,
.button-toggle.white {
background: white;
color: #373997;
}
div.button a.transparent-with-border,
p.button a.transparent-with-border,
button.button.transparent-with-border,
a.button.transparent-with-border,
input[type=submit].transparent-with-border,
.button-toggle.transparent-with-border {
background: none;
border-color: #373997;
color: #373997;
}
div.button a.transparent-with-border:hover,
p.button a.transparent-with-border:hover,
button.button.transparent-with-border:hover,
a.button.transparent-with-border:hover,
input[type=submit].transparent-with-border:hover,
.button-toggle.transparent-with-border:hover {
border-color: #27274c;
}
div.button a.transparent-with-border.red,
p.button a.transparent-with-border.red,
button.button.transparent-with-border.red,
a.button.transparent-with-border.red,
input[type=submit].transparent-with-border.red,
.button-toggle.transparent-with-border.red {
border-color: #ff0000;
color: #ff0000;
}
div.button a.transparent-with-border.white,
p.button a.transparent-with-border.white,
button.button.transparent-with-border.white,
a.button.transparent-with-border.white,
input[type=submit].transparent-with-border.white,
.button-toggle.transparent-with-border.white {
border-color: white;
color: white;
}
div.button a.transparent-with-border.white:hover,
p.button a.transparent-with-border.white:hover,
button.button.transparent-with-border.white:hover,
a.button.transparent-with-border.white:hover,
input[type=submit].transparent-with-border.white:hover,
.button-toggle.transparent-with-border.white:hover {
background: white;
color: #373997;
}
.centered-buttons {
justify-content: center;
}
.multiple-buttons {
display: flex;
margin: 16px -10px 0;
}
.multiple-buttons .button {
margin: 0 10px;
font-size: var(--para-size);
}
.multiple-buttons.multiple-centered-buttons {
text-align: center;
}
@media (min-width: 992px) {
.multiple-buttons {
margin: 16px -16px 0;
}
.multiple-buttons .button {
margin: 0 16px;
}
}
[data-whatinput=mouse] .button {
outline: 0;
}
.button svg {
position: relative;
display: block;
top: 1px;
width: 0.875rem;
height: 0.875rem;
margin: 0 0 0 0.5rem;
pointer-events: none;
}
/* End _form.scss */
.gdm-form .form-field {
margin: 0;
padding: 20px 0 0 0;
position: relative;
}
.gdm-form .form-field .placeholder-focus {
position: absolute;
top: 20px;
left: 10px;
opacity: 0;
visibility: hidden;
z-index: -9;
transition: all 0.3s ease-in-out;
font-size: 12px;
}
.gdm-form .form-field.focus .placeholder-focus {
top: 0;
left: 0;
opacity: 1;
visibility: visible;
z-index: 9;
}
.gdm-form .gdpr-consent {
margin-top: 10px;
}
.gdm-form .privacy-text {
font-size: 12px;
}
@media (min-width: 768px) {
.gdm-form .form-fields-2 .cell:first-of-type {
padding-right: 24px;
}
.gdm-form .form-fields-2 .cell:last-of-type {
padding-left: 24px;
}
}
.newsletter-wrapper {
position: relative;
}
.newsletter-wrapper .grid-x h1 {
margin-bottom: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.newsletter-wrapper .button {
margin-top: 1.7em;
}
.newsletter-wrapper header.header-alt h2 {
font-size: var(--fs-sub-heading);
}
.newsletter-wrapper .article-grid {
border-bottom: 0;
}
.newsletter-signup-box {
width: 100%;
background: #373997;
padding: 1.6em;
}
@media only screen and (min-width: 62em) {
.newsletter-signup-box {
padding: 1.6em 3.2em;
}
}
.newsletter-signup-box .newsletter-signup__email-container {
align-items: center;
display: flex;
justify-content: center;
max-width: 104em;
margin: 0 auto;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.newsletter-signup-box .newsletter-signup__email-container {
flex-direction: column;
}
}
.newsletter-signup-box .newsletter-signup__title {
font-size: 1.8em;
color: #ffffff;
line-height: 1.75rem;
margin: 0 0 0.5rem;
}
@media (min-width: 768px) {
.newsletter-signup-box .newsletter-signup__title {
margin: 0;
}
}
.newsletter-signup-box .newsletter-signup__subheading {
margin-bottom: 0;
}
.newsletter-signup-box .newsletter-signup__text {
font-family: "atlas", sans-serif;
color: #ffffff;
}
.newsletter-signup-box .newsletter-icon-cta {
display: flex;
flex-direction: row-reverse;
align-items: start;
gap: 1.6em;
}
@media (min-width: 768px) {
.newsletter-signup-box .newsletter-icon-cta {
gap: 0;
}
}
.newsletter-signup-box .newsletter-icon-cta p {
color: #ffffff;
margin-bottom: 0;
}
@media (max-width: 540px) {
.newsletter-signup-box .newsletter-icon-cta p {
width: 100%;
}
}
.newsletter-signup-box .newsletter-icon-cta .newsletter-icon {
width: 4em;
}
.newsletter-signup-box .newsletter-icon-cta-brand {
width: 9.5em;
margin-bottom: 0.4em;
}
.newsletter-signup-box .newsletter-icon-cta .newsletter-icon-cta-text {
padding-right: 1em;
}
@media (max-width: 768px) {
.newsletter-signup-box .newsletter-icon-cta {
margin-bottom: 1em;
}
}
.newsletter-signup-box .newsletter-button {
width: 100%;
max-width: fit-content;
margin: 0.75em auto 0;
padding: 0.57em 2em;
text-align: center;
font-size: 16px;
}
.newsletter-signup-box .newsletter-button.button {
background-color: #373997;
}
@media (min-width: 768px) {
.grid-container .newsletter-signup-box {
margin-top: 2.4em;
}
.grid-container .newsletter-signup-box a,
.grid-container .newsletter-signup-box .newsletter-button-homepage {
width: unset;
margin: 0 1em;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta {
flex-direction: row !important;
align-items: center;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta p {
font-size: 1.4em;
font-weight: 400;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta .newsletter-icon {
width: 4.8em;
margin-right: 1rem;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta .newsletter-icon-cta-text {
margin-top: 1em;
}
.grid-container .newsletter-signup-box .button {
margin: 0;
width: auto;
padding: 0.5625rem 2rem;
}
.grid-container .newsletter-signup-box .button:hover {
border: 0.0625rem solid white;
}
.newsletter-signup__title {
font-size: 1.6em;
}
.newsletter-signup-box .newsletter-signup__email-container {
gap: 1rem;
}
}
@media (min-width: 768px) and (min-width: 768px) {
.newsletter-signup-box .newsletter-signup__email-container {
gap: 4.6875rem;
}
}
@media (min-width: 768px) {
.newsletter-signup-box a.newsletter-button {
white-space: nowrap;
}
.newsletter-signup-box a.newsletter-button {
width: auto;
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta {
display: inline-block;
width: calc(100% - 16em);
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta .newsletter-icon {
display: inline-block;
margin-right: 1.6em;
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta .newsletter-icon + div {
display: inline-block;
vertical-align: middle;
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta + .button {
display: inline-block;
vertical-align: middle;
margin: 2rem 0 0 20%;
}
.button {
margin-top: 0;
}
}
.newsletter-signup-box {
margin-top: 1.6em;
}
.newsletter-signup-box .newsletter-button-homepage {
width: unset;
}
.newsletter-wrapper {
width: 100%;
}
main .newsletter-wrapper-page {
padding-bottom: 0;
}
.newsletter-wrapper {
position: relative;
}
.newsletter-wrapper .grid-x h1 {
margin-bottom: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.newsletter-wrapper .button {
margin-top: 1.7em;
}
.newsletter-wrapper header.header-alt h2 {
font-size: var(--fs-sub-heading);
}
.newsletter-wrapper .article-grid {
border-bottom: 0;
}
.newsletter-signup-box {
width: 100%;
background: #27274c;
padding: 1.6em;
}
@media only screen and (min-width: 62em) {
.newsletter-signup-box {
padding: 1.6em 3.2em;
}
}
.newsletter-signup-box .newsletter-signup__email-container {
justify-content: center;
align-items: center;
display: flex;
justify-content: space-between;
max-width: 104em;
margin: 0 auto;
}
.newsletter-signup-box .newsletter-signup__title {
font-size: 2.4em;
color: #ffffff;
line-height: 1.75rem;
margin: 0 0 0.5rem;
}
.newsletter-signup-box .newsletter-signup__subheading {
margin-bottom: 0;
}
.newsletter-signup-box .newsletter-signup__text {
font-family: "atlas", sans-serif;
color: #ffffff;
}
.newsletter-signup-box .newsletter-icon-cta {
display: flex;
flex-direction: row-reverse;
align-items: start;
}
.newsletter-signup-box .newsletter-icon-cta p {
color: #ffffff;
margin-bottom: 0;
}
@media (max-width: 540px) {
.newsletter-signup-box .newsletter-icon-cta p {
width: 130%;
}
}
.newsletter-signup-box .newsletter-icon-cta .newsletter-icon {
width: 8em;
}
.newsletter-signup-box .newsletter-icon-cta-brand {
width: 9.5em;
margin-bottom: 0.4em;
}
.newsletter-signup-box .newsletter-icon-cta .newsletter-icon-cta-text {
padding-right: 1em;
}
@media (max-width: 768px) {
.newsletter-signup-box .newsletter-icon-cta {
margin-bottom: 1em;
}
}
.newsletter-signup-box .newsletter-button {
width: 100%;
max-width: 35em;
margin: 0.75em auto 0;
padding: 0.57em 2em;
text-align: center;
font-size: 16px;
}
@media (min-width: 768px) {
.grid-container .newsletter-signup-box {
margin-top: 2.4em;
}
.grid-container .newsletter-signup-box a,
.grid-container .newsletter-signup-box .newsletter-button-homepage {
width: unset;
margin: 0 1em;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta {
flex-direction: row !important;
align-items: center;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta p {
font-size: 1.5em;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta .newsletter-icon {
width: 10.6em;
margin-right: 2.4em;
}
.grid-container .newsletter-signup-box .newsletter-icon-cta .newsletter-icon-cta-text {
margin-top: 1em;
}
.grid-container .newsletter-signup-box .button {
margin: 0;
width: auto;
padding-left: 5em;
padding-right: 5em;
}
.newsletter-signup-box a.newsletter-button {
width: auto;
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta {
display: inline-block;
width: calc(100% - 16em);
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta .newsletter-icon {
display: inline-block;
margin-right: 1.6em;
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta .newsletter-icon + div {
display: inline-block;
vertical-align: middle;
}
.in-article-newsletter .newsletter-signup-box .newsletter-icon-cta + .button {
display: inline-block;
vertical-align: middle;
margin: 2rem 0 0 20%;
}
.button {
margin-top: 0;
}
}
.newsletter-signup-box {
margin-top: 1.6em;
}
.newsletter-signup-box .newsletter-button-homepage {
width: unset;
}
.newsletter-wrapper {
width: 100%;
}
main .newsletter-wrapper-page {
padding-bottom: 0;
}
.category-page .newsletter-wrapper.u-border-bottom {
padding-bottom: 0;
}
.category-page .newsletter-wrapper .newsletter-signup-box {
margin-top: var(--article-spacing);
margin-bottom: var(--article-spacing);
}
@media (min-width: 992px) {
.category-page .newsletter-wrapper {
margin-bottom: 0;
}
}
.category-buyers-guide .category-page .newsletter-wrapper,
.post-type-archive-pressreleases .category-page .newsletter-wrapper,
.post-type-archive-videos .category-page .newsletter-wrapper,
.category-sponsored .category-page .newsletter-wrapper,
.post-type-archive-whitepapers .category-page .newsletter-wrapper,
.post-type-archive-products .category-page .newsletter-wrapper,
.category-awards-rankings .category-page .newsletter-wrapper,
.term-surface .category-page .newsletter-wrapper {
border-bottom: solid 1px #ddd;
margin-bottom: var(--article-spacing);
}
.category-buyers-guide .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-pressreleases .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-videos .category-page .newsletter-wrapper.u-border-bottom,
.category-sponsored .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-whitepapers .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-products .category-page .newsletter-wrapper.u-border-bottom,
.category-awards-rankings .category-page .newsletter-wrapper.u-border-bottom,
.term-surface .category-page .newsletter-wrapper.u-border-bottom {
margin-top: 0;
}
.category-buyers-guide .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-pressreleases .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-videos .category-page .newsletter-wrapper .newsletter-signup-box,
.category-sponsored .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-whitepapers .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-products .category-page .newsletter-wrapper .newsletter-signup-box,
.category-awards-rankings .category-page .newsletter-wrapper .newsletter-signup-box,
.term-surface .category-page .newsletter-wrapper .newsletter-signup-box {
margin-top: 0;
}
@media (min-width: 992px) {
.category-buyers-guide .category-page .newsletter-wrapper,
.post-type-archive-pressreleases .category-page .newsletter-wrapper,
.post-type-archive-videos .category-page .newsletter-wrapper,
.category-sponsored .category-page .newsletter-wrapper,
.post-type-archive-whitepapers .category-page .newsletter-wrapper,
.post-type-archive-products .category-page .newsletter-wrapper,
.category-awards-rankings .category-page .newsletter-wrapper,
.term-surface .category-page .newsletter-wrapper {
padding-top: 0em;
}
}
.category-page .newsletter-wrapper.u-border-bottom {
padding-bottom: 0;
}
.category-page .newsletter-wrapper .newsletter-signup-box {
margin-top: var(--article-spacing);
margin-bottom: var(--article-spacing);
}
@media (min-width: 992px) {
.category-page .newsletter-wrapper {
margin-bottom: 0;
}
}
.category-buyers-guide .category-page .newsletter-wrapper,
.post-type-archive-pressreleases .category-page .newsletter-wrapper,
.post-type-archive-videos .category-page .newsletter-wrapper,
.category-sponsored .category-page .newsletter-wrapper,
.post-type-archive-whitepapers .category-page .newsletter-wrapper,
.post-type-archive-products .category-page .newsletter-wrapper,
.category-awards-rankings .category-page .newsletter-wrapper,
.term-surface .category-page .newsletter-wrapper {
border-bottom: solid 1px #ddd;
margin-bottom: var(--article-spacing);
}
.category-buyers-guide .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-pressreleases .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-videos .category-page .newsletter-wrapper.u-border-bottom,
.category-sponsored .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-whitepapers .category-page .newsletter-wrapper.u-border-bottom,
.post-type-archive-products .category-page .newsletter-wrapper.u-border-bottom,
.category-awards-rankings .category-page .newsletter-wrapper.u-border-bottom,
.term-surface .category-page .newsletter-wrapper.u-border-bottom {
margin-top: 0;
}
.category-buyers-guide .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-pressreleases .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-videos .category-page .newsletter-wrapper .newsletter-signup-box,
.category-sponsored .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-whitepapers .category-page .newsletter-wrapper .newsletter-signup-box,
.post-type-archive-products .category-page .newsletter-wrapper .newsletter-signup-box,
.category-awards-rankings .category-page .newsletter-wrapper .newsletter-signup-box,
.term-surface .category-page .newsletter-wrapper .newsletter-signup-box {
margin-top: 0;
}
@media (min-width: 992px) {
.category-buyers-guide .category-page .newsletter-wrapper,
.post-type-archive-pressreleases .category-page .newsletter-wrapper,
.post-type-archive-videos .category-page .newsletter-wrapper,
.category-sponsored .category-page .newsletter-wrapper,
.post-type-archive-whitepapers .category-page .newsletter-wrapper,
.post-type-archive-products .category-page .newsletter-wrapper,
.category-awards-rankings .category-page .newsletter-wrapper,
.term-surface .category-page .newsletter-wrapper {
padding-top: 0em;
}
}
.header-category--sponsored {
display: flex;
align-items: center;
}
.header-category--sponsored img {
height: 2em;
}
@media (min-width: 992px) {
.header-category--sponsored img {
height: 3.4em;
}
}
.header-category--sponsored p {
margin-left: auto;
margin-bottom: 0;
font-size: 1.2em;
font-family: "atlas", serif;
}
.header-category--sponsored p span {
font-weight: bold;
}
@media only screen and (min-width: 62em) {
.category-page {
margin-bottom: 3em;
}
}
.categories .large-9 .large-3 figure {
aspect-ratio: 16/9;
overflow: hidden;
}
.categories .large-9 .large-3 figure img {
object-fit: cover;
width: 100%;
}
.categories .articles article {
border-bottom: solid 1px #ddd;
padding-bottom: 1em;
margin-bottom: 1em;
}
@media (min-width: 992px) {
.categories .articles article:last-of-type {
border: none;
}
}
.categories .articles article h3 {
font-size: 1.8em;
}
.categories .feature figure {
margin-top: 1.6em;
}
@media only screen and (min-width: 62em) {
.categories .feature h3:last-child {
border: none;
}
}
.categories .load-more-btn {
margin-top: 0;
}
.categories .load-more-btn .alm-load-more-btn {
margin-top: 0;
margin-bottom: 0;
padding: 0.89em 2em;
}
@media only screen and (min-width: 62em) {
.categories .load-more-btn .alm-load-more-btn {
margin-top: 0.508em;
}
}
.sponsored-category--desktop {
display: none;
}
@media only screen and (min-width: 62em) {
.sponsored-category--desktop {
margin: 1em auto;
width: 100%;
max-width: 970px;
display: block;
}
}
.sponsored-category--mobile {
display: block;
margin: 0.5em auto;
width: 100%;
max-width: 300px;
}
@media only screen and (min-width: 62em) {
.sponsored-category--mobile {
display: none;
}
}
.header-category {
border-bottom: solid 1px #ddd;
padding-bottom: 1.83em;
margin-top: 1.6em;
margin-bottom: 1.2em;
}
@media only screen and (min-width: 62em) {
.header-category {
margin-top: 0.6em;
margin-bottom: 1.83em;
}
}
.header-category.page-template-company-az .header-category {
padding-bottom: 1.2em;
margin-bottom: 1.6em;
}
.header-category.page-template-company-az .header-category h1 {
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.header-category.page-template-company-az .header-category {
padding-bottom: 1.6em;
margin-bottom: 3.2em;
}
}
.header-category.header-category-alt h1 {
margin-bottom: 0;
}
.category-awards--section h1 {
border-bottom: 1px solid #ddd;
padding-bottom: 0.57em;
margin-bottom: 0.8em;
}
.category-awards--section p {
font-weight: 400;
color: #626262;
margin-bottom: 0.8em;
}
@media only screen and (min-width: 62em) {
.category-awards--section p {
max-width: 800px;
font-size: 2.2em;
line-height: 1.27em;
}
}
.category-awards--section--button {
border-bottom: 1px solid #ddd;
margin-bottom: 0.8em;
}
.category-awards--section--button .category-awards--section--btn {
margin-bottom: 1.5em;
}
@media only screen and (min-width: 62em) {
.category-awards--section--button .category-awards--section--btn {
margin-bottom: 1em;
}
}
@media only screen and (min-width: 62em) {
.categories .grid-x .category-awards-header {
margin-bottom: 2.4em;
}
}
.categories .grid-x .category-awards-article article {
border-bottom: 1px solid #ddd !important;
padding-bottom: 1.6em;
margin-bottom: 2.4em;
}
@media only screen and (min-width: 62em) {
.categories .grid-x .category-awards-article article {
border-bottom: none !important;
}
}
@media only screen and (min-width: 62em) {
.categories .grid-x .category-awards-grid {
border-top: 1px solid #ddd;
padding-top: 1.6em;
margin-top: 1.6em;
}
}
.categories .padding-left-gap-full > div.related-company-profiles {
padding-top: 0.8em;
border-top: 0.4em solid #373997;
margin-bottom: 3.2em;
margin-top: 3.2em;
}
.categories .padding-left-gap-full > div.related-company-profiles header {
margin-top: 0;
margin-bottom: 1.2em;
border-color: #dbdbdb;
justify-content: space-between;
border-bottom: 1px solid #ddd;
}
.categories .padding-left-gap-full > div.related-company-profiles header h3 {
line-height: 1.333333em;
font-size: 18px;
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.categories h4 {
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.desktop-gap {
justify-content: space-between;
}
}
.desktop-gap .full-border-desktop-version .feature {
padding-bottom: var(--article-spacing);
margin-bottom: var(--article-spacing);
}
.desktop-gap .full-border-desktop-version .feature p {
margin-bottom: 0;
font-size: var(--category-excerpt);
}
.subcategory-block .grid-x {
margin: 0 var(--edge-spacing-s-adjust);
}
@media (max-width: 768px) {
.article-grid.with-images .large-4 article {
display: flex;
flex-direction: column-reverse;
}
.article-grid.with-images .large-4 article figure {
margin-top: var(--article-spacing);
margin-bottom: 0;
}
}
.categories .grid-x article figure a img {
aspect-ratio: auto;
}
.categories .grid-x .feature article a img {
aspect-ratio: auto;
}
.categories .cell.large-9.full-border-desktop-version.feature.grid-x .large-6 h3:last-of-type {
border-bottom: none;
}
.categories .cell.large-9.full-border-desktop-version .category-feature {
border-bottom: solid 1px #ddd;
padding-bottom: var(--edge-spacing);
margin-bottom: var(--edge-spacing);
width: 100%;
}
.categories .cell.large-9.full-border-desktop-version .category-feature .text {
padding-top: var(--edge-spacing);
}
.categories .cell.large-9.full-border-desktop-version .category-feature .text h2 {
margin-bottom: 0.3em;
}
@media (min-width: 992px) {
.categories .cell.large-9.full-border-desktop-version .category-feature .image {
order: 2;
}
.categories .cell.large-9.full-border-desktop-version .category-feature .text {
order: 1;
padding-top: 0;
padding-right: var(--edge-spacing);
}
}
#load_more_posts .article-grid.with-images {
margin-top: var(--category-article-spacing);
}
.categories .grid-x.desktop-gap .grid-x #load_sub_posts,
.categories .grid-x.desktop-gap .grid-x #load_more_posts {
border-top: solid 1px #ddd;
padding-top: var(--article-spacing);
margin-top: 24px;
}
@media (min-width: 992px) {
.categories .grid-x.desktop-gap .grid-x #load_sub_posts,
.categories .grid-x.desktop-gap .grid-x #load_more_posts {
margin-top: 16px;
}
}
.archive-page .grid-x.desktop-gap {
width: 1040px;
max-width: 100%;
margin: 0 auto;
}
.archive-page .grid-x.desktop-gap .feature.grid-x {
padding-bottom: var(--category-article-spacing);
border-bottom: solid 1px #ddd;
margin-bottom: var(--category-article-spacing);
}
.archive-page .grid-x.desktop-gap .feature.grid-x.before-newsletter {
margin-bottom: 0;
}
.archive-page .grid-x.desktop-gap .feature.grid-x .large-4.articles .thumbnail__container {
width: 100%;
aspect-ratio: 16/9;
}
.archive-page .grid-x.desktop-gap .feature.grid-x .large-4.articles .thumbnail__container.video-thumbnail {
position: relative;
}
.archive-page .grid-x.desktop-gap .feature.grid-x .large-4.articles .thumbnail__container.video-thumbnail::before {
content: "";
width: 2.5rem;
height: 2.5rem;
display: inline-block;
position: absolute;
top: 0;
right: 0;
background: url("./../images/video-thumbnail-badge.svg");
background-repeat: no-repeat;
background-size: 100%;
z-index: 999;
}
.archive-page .grid-x.desktop-gap .feature.grid-x .large-4.articles .thumbnail__container iframe,
.archive-page .grid-x.desktop-gap .feature.grid-x .large-4.articles .thumbnail__container img {
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.archive-page .grid-x.desktop-gap .feature.grid-x {
gap: 1.5rem;
}
}
@media (min-width: 992px) {
.archive-page .grid-x.desktop-gap .feature.grid-x .large-4.articles {
width: 314px;
height: 177px;
overflow: hidden;
text-align: center;
}
.archive-page .grid-x.desktop-gap .feature.grid-x .large-8.articles {
padding-left: 24px;
padding-right: 100px;
}
}
.rankings-subcategory .large-9.full-border-desktop-version,
.remove-sidebar .large-9.full-border-desktop-version {
border-right: none;
margin: 0 auto;
}
.large-3 iframe {
width: 100%;
}
.categories article .category a {
color: #373997;
font: 500 12px atlas, "Helvetica Neue", helvetica, sans-serif;
}
.categories article h1 a,
.categories article h2 a,
.categories article h3 a {
color: #151529;
}
.categories article h1 {
font: 500 var(--h1)/1.25 atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.015;
}
/* End category.scss */
/* _gdm_my-account.scss start */
.gdm-paywall-account .gdm-accordion ul li {
border: none;
}
.gdm-paywall-account .gdm-accordion ul li h3 {
font: 500 24px atlas, "Helvetica Neue", helvetica, sans-serif;
border-bottom: solid 1px #ddd;
margin-bottom: var(--padding-l);
}
.gdm-paywall-account .gdm-accordion ul li h3:after {
display: none;
}
.gdm-paywall-account .gdm-accordion ul li .form-field {
padding: 0;
margin: 0 0 1.2em 0;
}
.gdm-paywall-account .gdm-accordion ul li.all-inputs-filled h3:after {
content: "";
background: url("../img/icon_new_window.png") no-repeat center center;
background-size: 100%;
width: 1em;
height: 1em;
display: inline-block;
margin-left: 0.5em;
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/check.svg");
filter: invert(80%) sepia(26%) saturate(556%) hue-rotate(90deg) brightness(83%) contrast(86%);
transform: rotate(0);
}
.gdm-paywall-account .membership-benefits {
background: #f3f3f1;
padding: var(--edge-spacing);
}
.gdm-paywall-account .membership-benefits h3 {
margin: 0;
}
.gdm-paywall-account .membership-benefits ul {
margin: var(--padding-l) 0 var(--padding-l) var(--padding-l);
color: #626262;
}
.gdm-paywall-account .membership-benefits ul li {
margin: 0 0 var(--padding) 0;
}
.gdm-paywall-account .membership-benefits figure {
text-align: center;
}
.gdm-paywall-account .membership-benefits p {
font-weight: 500;
margin-bottom: 0;
}
@media (min-width: 992px) {
.gdm-paywall-account .large-6:first-of-type {
padding-right: var(--padding-l);
}
.gdm-paywall-account .large-6:last-of-type {
padding-left: var(--padding-l);
}
}
.gdm-login-page {
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/paywall/login.jpg") no-repeat;
background-size: 100%;
padding: 32px 0 200px 0;
}
.gdm-login-page .login-box {
background: white;
width: 675px;
max-width: 100%;
padding: 50px 10% 20px 10%;
}
.gdm-login-page .login-box header {
text-align: center;
}
.gdm-login-page .login-box header h1 {
border: none;
margin: 0;
padding: 0;
font-weight: 300;
color: #27274c;
}
.gdm-login-page .login-box header h1 strong {
font-weight: 500;
}
.gdm-login-page .login-box header p {
font: 500 18px atlas, "Helvetica Neue", helvetica, sans-serif;
margin: 24px 0;
}
.gdm-login-page .login-box .login-remember {
flex-direction: row;
}
.gdm-login-page .login-box .login-remember .forgot-password {
text-align: right;
}
.gdm-login-page .login-box .form-group-buttons p {
font-size: 14px;
margin-top: 24px;
}
/* _gdm_my-account.scss end */
/* _gdm_paywall.scss start */
/* _gdm_paywall.scss end */
/* _gdm_article-index.scss start */
/* _gdm_article-index.scss end */
a.copy-link {
margin-top: 0.5rem;
padding: 1rem 0;
border-top: 0.0625rem solid #dbdbdb;
border-bottom: 0.0625rem solid #dbdbdb;
color: #151529 !important;
font-weight: 500;
}
a.copy-link::before {
content: "";
display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
background: url("./../images/icons/link-icon.svg");
background-repeat: no-repeat;
background-size: 100%;
}
a.copy-link.active::before {
background: url("./../images/icons/green-tick-small.svg");
}
.x-share::before {
content: "";
display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
background: url("./../images/icons/x-icon.svg");
background-repeat: no-repeat;
background-size: 100%;
}
.linkedin-share::before {
content: "";
display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
background: url("./../images/icons/linkedin-icon.svg");
background-repeat: no-repeat;
background-size: 100%;
}
.facebook-share::before {
content: "";
display: inline-block;
width: 0.8125rem;
height: 0.9375rem;
background: url("./../images/icons/fb-icon.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.article-index + .gdm-article-share-button__container .gdm-article-share__button {
left: auto;
right: 0;
}
/* _gdm_article-save.scss start */
/* _gdm_article-save.scss end */
/* _gdm_article-actions.scss start */
/* _gdm_article-actions.scss end */
.article-page {
position: relative;
padding: 0 var(--page-gutters);
}
article.gdm-article {
width: var(--article-width);
max-width: 100%;
margin: 0 auto;
padding-top: var(--edge-spacing-xl-px);
}
article.gdm-article .gdm-article-header > * {
margin: 0 0 var(--article-header-spacing) 0;
}
article.gdm-article .gdm-article-header .gdm-breadcrumb {
list-style: none;
}
article.gdm-article .gdm-article-header .gdm-breadcrumb li {
display: inline-block;
}
article.gdm-article .gdm-article-header .gdm-breadcrumb li:after {
content: "";
background: url("../img/icon_new_window.png") no-repeat center center;
background-size: 100%;
width: 1em;
height: 1em;
display: inline-block;
margin-left: 0.5em;
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/images/icons/left-arrow.png");
transform: rotate(180deg);
width: 13px;
height: 13px;
position: relative;
top: 2px;
margin-left: 4px;
}
article.gdm-article .gdm-article-header .gdm-breadcrumb li:last-of-type:after {
display: none;
}
article.gdm-article .gdm-article-header .gdm-breadcrumb li a {
color: #373997;
font: 500 12px atlas, "Helvetica Neue", helvetica, sans-serif;
}
article.gdm-article .gdm-article-header .gdm-breadcrumb li a.sponsored {
color: #151529;
}
article.gdm-article .gdm-article-header h1 {
font: 500 var(--h1)/1.25 atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.015;
}
article.gdm-article .gdm-article-header p {
font: 18px/1.33 atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.01;
color: #626262;
}
article.gdm-article .gdm-article-header .gdm-article-index {
position: relative;
z-index: 9;
width: 100%;
}
article.gdm-article .gdm-article-header .gdm-article-index h4 {
font-size: 16px;
margin: 0 0 10px 0;
}
article.gdm-article .gdm-article-header .gdm-article-index ul {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
}
article.gdm-article .gdm-article-header .gdm-article-index ul li {
margin: 5px 0;
position: relative;
line-height: 1.5;
}
article.gdm-article .gdm-article-header .gdm-article-index ul li:before {
content: "";
width: 4px;
height: 4px;
border-radius: 3px;
background: #373997;
display: inline-block;
position: absolute;
top: 9px;
left: -15px;
}
article.gdm-article .gdm-article-header .gdm-article-actions {
margin-top: 0;
border-bottom: solid 1px #ddd;
padding-bottom: var(--edge-spacing-px);
position: relative;
display: flex;
}
article.gdm-article .gdm-article-header .gdm-article-actions .button-toggle {
height: 3.5rem;
padding: 15px 44px 15px 15px;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share-button__container {
position: relative;
min-height: 56px;
width: 15.625rem;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share__button {
transition: all 0.2s ease-in-out;
position: absolute;
z-index: 99;
top: 0;
left: 0;
right: 0;
overflow: hidden;
line-height: 1.2;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share__button::after {
content: "";
width: 1.25rem;
height: 1.25rem;
background: url("./../images/icons/share-icon.svg");
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
right: 1rem;
top: 1rem;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share__button.active {
flex-direction: column;
height: 16.0625rem;
transform: scaleY(1);
background: white;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share__button.article-footer {
right: auto;
left: 0;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share-list__container {
position: absolute;
height: 0;
width: 0;
overflow: hidden;
opacity: 0;
transition: all 0.3s linear;
padding: 2rem 0 0 0;
margin: 0 !important;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share-list__container li {
list-style: none;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share-list__container a {
text-decoration: none !important;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #373997;
display: inline-flex;
gap: 0.75rem;
align-items: center;
width: 100%;
color: #626262;
font-family: "atlas", sans-serif;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-share-list__container.active {
height: auto;
width: auto;
opacity: 1;
display: block;
position: relative;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .button-toggle {
background: white;
color: #373997;
padding-right: 30px;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .button-toggle:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .button-toggle:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/bookmark.svg");
height: 1.2em;
width: 0.9em;
top: 3px;
transition: background-image 0.3s ease-in-out;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .button-toggle:hover {
background: none;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .button-toggle:hover:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/bookmark_filled.svg");
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal {
position: absolute;
opacity: 0;
height: 0;
overflow: hidden;
z-index: -9999;
transition: opacity 0.3s ease-in-out;
background: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal h4 {
margin: 0;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal h4:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal h4:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/lock.svg");
width: 1.4rem;
height: 1.4rem;
margin-right: 0.3rem;
margin-bottom: -0.3em;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal p {
margin: 12px 0;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal p a {
color: #373997;
font-weight: 500;
text-decoration: none;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal .multiple-buttons {
margin: 16px -6px 0 -6px;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal .multiple-buttons a.button {
text-decoration: none;
padding: 0.9em 1.5em;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal .gdm-close {
width: 23px;
height: 23px;
opacity: 0.2;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save .article-save-modal .gdm-close:after {
width: 100%;
height: 100%;
top: 0;
right: 0;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal {
position: relative;
opacity: 1;
height: auto;
overflow: visible;
z-index: 9;
transition: opacity 0.3s ease-in-out;
position: absolute;
bottom: 0;
z-index: 99;
padding: 16px;
width: 360px;
margin: 0 0 -40px -180px;
bottom: -100%;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal:before {
content: "▲";
transform: scale(2, 1);
color: white;
font-size: 24px;
position: absolute;
top: -24px;
right: 120px;
text-shadow: 0 -6px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 500px) {
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal {
width: 100%;
left: 0;
margin: 0;
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal:before {
right: 75px;
}
}
article.gdm-article .gdm-article-header .gdm-article-actions .gdm-article-listen {
width: 50px;
height: 50px;
border-radius: 50%;
background: #373997;
margin-left: auto;
}
article.gdm-article .gdm-article-content {
margin-bottom: 2.8em;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content {
margin-bottom: 4em;
}
}
article.gdm-article .gdm-article-content .drop-cap::first-letter {
float: left;
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 2.98em;
font-weight: 400;
margin: 0.18em 0.1em 0 0;
text-transform: uppercase;
font-style: normal;
}
@-moz-document url-prefix() {
article.gdm-article .gdm-article-content .drop-cap:first-letter {
font-size: 2.95em;
margin: 0.3rem 0.1em 0 0;
line-height: 1;
}
}
article.gdm-article .gdm-article-content > h2, article.gdm-article .gdm-article-content > h3, article.gdm-article .gdm-article-content > h4 {
margin-top: var(--article-text-margin);
}
article.gdm-article .gdm-article-content a {
text-decoration: underline;
}
article.gdm-article .gdm-article-content p,
article.gdm-article .gdm-article-content ul,
article.gdm-article .gdm-article-content ol,
article.gdm-article .gdm-article-content figure,
article.gdm-article .gdm-article-content iframe,
article.gdm-article .gdm-article-content div {
margin-top: var(--article-text-margin);
margin-bottom: 0;
}
@media (min-width: 992px) {
article.gdm-article .gdm-article-content p,
article.gdm-article .gdm-article-content ul,
article.gdm-article .gdm-article-content ol,
article.gdm-article .gdm-article-content figure,
article.gdm-article .gdm-article-content iframe,
article.gdm-article .gdm-article-content div {
margin-top: var(--article-text-margin);
margin-bottom: 0;
}
}
article.gdm-article .gdm-article-content p div,
article.gdm-article .gdm-article-content ul div,
article.gdm-article .gdm-article-content ol div,
article.gdm-article .gdm-article-content figure div,
article.gdm-article .gdm-article-content iframe div,
article.gdm-article .gdm-article-content div div {
margin: 0;
}
article.gdm-article .gdm-article-content > p, article.gdm-article .gdm-article-content > ul, article.gdm-article .gdm-article-content > ol {
font: 1.8em/1.5555556em Lora, Georgia, serif;
color: #151529;
}
@media (min-width: 992px) {
article.gdm-article .gdm-article-content h2 + p,
article.gdm-article .gdm-article-content h3 + p,
article.gdm-article .gdm-article-content h4 + p,
article.gdm-article .gdm-article-content div h2 + p,
article.gdm-article .gdm-article-content div h3 + p,
article.gdm-article .gdm-article-content div h4 + p {
margin-top: var(--article-heading-plus-p-margin);
}
}
article.gdm-article .gdm-article-content > ul, article.gdm-article .gdm-article-content > ol {
font: 1.6em/1.5em Lora, Georgia, serif;
margin-left: 2rem;
color: #151529;
}
article.gdm-article .gdm-article-content > ul li, article.gdm-article .gdm-article-content > ol li {
margin-bottom: 10px;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content > ul, article.gdm-article .gdm-article-content > ol {
font-size: 1.8em;
line-height: 1.555555em;
}
}
article.gdm-article .gdm-article-content figure {
margin-bottom: 2em;
}
article.gdm-article .gdm-article-content figure figcaption {
font-size: 1.2em;
line-height: 1.166666em;
padding: 0.666666em 0;
border-bottom: 0.1em solid #ddd;
margin: 0;
}
article.gdm-article .gdm-article-content .rightpullquote,
article.gdm-article .gdm-article-content .leftpullquote {
font-size: 1.8em;
margin: 1em 0 2em 0;
color: #151529;
font-weight: 400;
quotes: "“" "”";
padding-top: 85px;
position: relative;
line-height: 1.5;
}
article.gdm-article .gdm-article-content .rightpullquote:before,
article.gdm-article .gdm-article-content .leftpullquote:before {
content: open-quote;
font-size: 100px;
color: #373997;
position: absolute;
top: 0;
left: 0;
font-weight: 500;
}
@media (min-width: 768px) {
article.gdm-article .gdm-article-content .rightpullquote,
article.gdm-article .gdm-article-content .leftpullquote {
font-size: 2.4em;
width: 50%;
margin: 0 2em 2em 0;
float: left;
}
}
article.gdm-article .gdm-article-content .rightpullquote p,
article.gdm-article .gdm-article-content .leftpullquote p {
font-size: 1em;
}
@media (min-width: 768px) {
article.gdm-article .gdm-article-content .rightpullquote {
margin: 0 0em 1em 2em;
float: right;
}
}
article.gdm-article .gdm-article-content .about-premium-insights p {
margin: 0;
}
article.gdm-article .gdm-article-content .about-premium-insights p:first-of-type {
margin: 4px 0 12px 0;
}
article.gdm-article .gdm-article-content .gdm-premium-insights-banner {
margin-bottom: var(--article-text-margin);
}
article.gdm-article .gdm-article-content .gdm-premium-insights-banner .content .cta {
display: inline-block;
}
article.gdm-article .gdm-article-content .gdm-premium-insights-banner .content .cta a {
padding-left: 32px;
padding-right: 32px;
}
article.gdm-article .gdm-article-content .wp-block-quote {
display: flex;
flex-direction: column;
margin-bottom: 2.4em;
position: relative;
padding-top: 5em;
quotes: "“" "”";
}
article.gdm-article .gdm-article-content .wp-block-quote:before {
content: open-quote;
position: absolute;
top: 0;
width: fit-content;
font-size: 8em;
line-height: 0.26923em;
font-weight: 500;
color: #373997;
margin: 0;
margin-top: 0.3em;
}
article.gdm-article .gdm-article-content .wp-block-quote p {
font: 400 20px/28px atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.01em;
color: #151529;
margin: 0;
}
article.gdm-article .gdm-article-content .wp-block-quote cite {
font-size: 1.2em;
font-style: normal;
line-height: 1.166666em;
margin-top: 2em;
}
@media (min-width: 768px) {
article.gdm-article .gdm-article-content .wp-block-quote {
width: 40%;
float: left;
margin-right: 4em;
}
article.gdm-article .gdm-article-content .wp-block-quote:before {
font-size: 10em;
line-height: 0.26923em;
}
article.gdm-article .gdm-article-content .wp-block-quote p {
font-size: 24px;
line-height: 32px;
}
article.gdm-article .gdm-article-content .wp-block-quote cite {
margin-top: 32px;
}
}
article.gdm-article .gdm-article-content .report-promo-intro p {
font: 400 18px/1.34 atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
letter-spacing: -0.01em;
}
article.gdm-article .gdm-article-content .report-promo-intro p:first-letter {
font-size: 52px;
line-height: 0.5em;
}
article.gdm-article .gdm-article-content .report-promo-intro p strong {
font-weight: 500;
}
@media (min-width: 992px) {
article.gdm-article .gdm-article-content .report-promo-intro p {
font-size: 22px;
}
article.gdm-article .gdm-article-content .report-promo-intro p:first-letter {
font-size: 62px;
}
}
article.gdm-article .gdm-article-content .sponsored-whitepaper {
clear: both;
width: 100%;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper p {
font-family: Lora, Georgia, serif;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .read-more {
margin: 20px 0;
}
article.gdm-article .gdm-article-content .in-article-author {
display: flex;
align-items: center;
margin-top: 0.75em;
margin-bottom: 2em;
}
article.gdm-article .gdm-article-content .in-article-author h3 {
font-size: 1.6em;
line-height: 0.875em;
font-weight: 400;
}
article.gdm-article .gdm-article-content .in-article-author a {
font-weight: 500;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .in-article-author {
margin-top: 0.666666em;
margin-bottom: 3.2em;
}
article.gdm-article .gdm-article-content .in-article-author h3 {
font-size: 1.8em;
line-height: 0.777777em;
}
}
article.gdm-article .gdm-article-content .g-recaptcha {
margin-bottom: 2.2em;
}
article.gdm-article .gdm-article-content .g-recaptcha iframe {
margin: 0;
}
article.gdm-article .gdm-article-content .sponsored-banner {
display: flex;
}
article.gdm-article .gdm-article-content .sponsored-banner img {
margin: 0 auto;
}
article.gdm-article .gdm-article-content .sponsored-article {
display: flex;
flex-direction: column;
padding: 1.2em 0;
margin-bottom: 2em;
border-top: 0.1em solid #ddd;
border-bottom: 0.1em solid #ddd;
}
article.gdm-article .gdm-article-content .sponsored-article a {
text-decoration: none;
}
article.gdm-article .gdm-article-content .sponsored-article h3 {
font-size: 18px;
line-height: 1.333333em;
margin-bottom: var(--edge-spacing-px);
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container {
display: flex;
flex-direction: column;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .image-container {
max-width: 34.4em;
margin-bottom: 1.2em;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .image-container img {
width: 100%;
aspect-ratio: 16/9;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content {
display: flex;
flex-direction: column;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content h3 {
margin: 0;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content p {
display: none;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content a {
font-size: 1.2em;
line-height: 0.857142em;
color: #373997;
text-decoration: none;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .sponsored-article {
padding: 2em 0;
margin-bottom: 2.4em;
}
article.gdm-article .gdm-article-content .sponsored-article h3 {
font-size: 16px;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container {
flex-direction: row;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .image-container {
max-width: 19.2em;
max-height: 19.6em;
margin-bottom: 0;
margin-right: 4em;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .image-container img {
aspect-ratio: auto;
max-height: 19.6em;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content {
max-width: 56.6em;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content p {
display: block;
font-size: 1.6em;
line-height: 1.5em;
position: relative;
margin-top: 8px;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content p:last-of-type:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
opacity: 1;
transition: opacity 0.3s;
}
article.gdm-article .gdm-article-content .sponsored-article .sponsored-article-container .content p.inner-sponsored__description + span {
display: block;
margin-top: var(--edge-spacing-px);
font-size: 12px;
}
article.gdm-article .gdm-article-content .sponsored-article:hover .sponsored-article-container .content p:last-of-type::after {
opacity: 0;
}
}
article.gdm-article .gdm-article-content .sponsored {
margin-bottom: 2em;
}
article.gdm-article .gdm-article-content .sponsored.sponsored-with-bottom-border {
padding-bottom: 1.2em;
border-bottom: 1px solid #dbdbdb !important;
}
article.gdm-article .gdm-article-content .sponsored.sponsored-with-bottom-border.chartdiv {
padding-bottom: 0.6em;
}
article.gdm-article .gdm-article-content .sponsored.sponsored-with-top-border {
padding-top: 1.2em;
border-top: 1px solid #dbdbdb !important;
}
article.gdm-article .gdm-article-content .sponsored.sponsored-with-top-border.chartdiv {
padding-bottom: 0.6em;
}
article.gdm-article .gdm-article-content .sponsored.chartdiv {
padding-bottom: 0.6em;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .sponsored {
margin-bottom: 3.2em;
}
article.gdm-article .gdm-article-content .sponsored.sponsored-with-bottom-border {
padding-bottom: 2.4em;
}
article.gdm-article .gdm-article-content .sponsored.sponsored-with-top-border {
padding-top: 2.4em;
}
}
article.gdm-article .gdm-article-content .sponsored .button {
padding-top: 0.625em;
padding-bottom: 0.625em;
line-height: 1.125em;
margin: 0;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper {
display: flex;
flex-direction: column;
background: #f3f3f1;
padding: 1.2em;
margin-bottom: 2em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form {
position: relative;
}
@media (min-width: 992px) {
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text {
margin-bottom: 0rem;
}
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .whitepaper__title--msg {
margin-bottom: 1rem;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg__wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg__wrapper {
flex-direction: row;
margin-bottom: 0;
}
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container {
flex: 0 0 25%;
max-width: 8.125rem;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container .image-container {
position: relative;
height: 100%;
width: 100%;
display: inline-block;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container .image-container::before {
content: "";
width: 100%;
height: 100%;
background: #27274c;
left: -0.3rem;
bottom: -0.3rem;
position: absolute;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container img {
position: relative;
z-index: 9999;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-text__container {
flex: 0 0 75%;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text.hidden {
display: none;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper select[name~=country] {
margin-bottom: 0 !important;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper select[name~=countrycode] {
margin-bottom: 0 !important;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container {
display: flex;
justify-content: space-between;
position: relative;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container #vms_description {
display: none;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content ul {
display: none;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content ul {
display: block;
}
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content li {
font-family: "atlas", sans-serif;
color: #626262;
line-height: 24px;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content li:marker {
color: #626262;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content h4 {
font-size: 1.2em;
line-height: 2em;
margin-bottom: 0.3333em;
padding-bottom: 0;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content h3 {
font-size: 1.8em;
line-height: 1.333333em;
margin-bottom: 1.25rem;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content p {
display: none;
font: var(--para-size) Lora, Georgia, serif;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content p.hidden {
display: none;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content a {
display: block;
text-decoration: none;
font-size: 1.2em;
margin: 0;
margin-bottom: 1.333em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content a:last-of-type {
margin-bottom: 0;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content .byline {
font-size: 1.2em;
margin: 0;
margin-top: 0.666666em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container {
position: relative;
max-width: 16%;
height: fit-content;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -0.3em;
bottom: -0.3em;
background: #27274c;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container img {
width: 100%;
position: relative;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .report-cover img {
max-width: 100%;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content {
padding: 0 0 0 2em;
margin: 0;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .button-container {
display: flex;
justify-content: space-between;
align-items: center;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .button-container .author {
font-size: 1.2em;
line-height: 1.166666em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.hidden .hidden-form {
display: none;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.hidden .hidden-form .form-group .input-container button {
display: flex;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.hidden .hidden-form .form-group .input-container button.hidden {
display: none;
}
@media (min-width: 1399px) {
article.gdm-article .gdm-article-content .sponsored-whitepaper.hidden .form-wrapper {
width: 75%;
}
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.hidden .form-wrapper .form-group .input-container button {
background-color: #373997;
cursor: pointer;
margin: 1rem 0 0 0;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.hidden .form-wrapper .form-group .input-container button.hidden {
display: none;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper {
margin-left: auto;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper button[type=submit] {
width: 100%;
margin: 2em 0;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group input,
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group .custom-select,
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group select {
padding: 0.579844em 0.666666em;
background-color: #ffffff;
margin-bottom: 0;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group .input-container {
position: relative;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group .input-container button {
background-color: #dbdbdb;
margin-top: 0.5em;
border-color: transparent;
cursor: not-allowed;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group input,
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group .custom-select,
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group select {
padding: 0.401em 0.666666em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group .input-container {
position: relative;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .form-group .input-container button {
position: absolute;
right: 0;
bottom: 0;
padding: 0.625em 3.25em;
line-height: 1.125em;
margin-top: 0;
}
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .form-wrapper .captcha iframe {
margin: 0 0 1rem 0;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .sponsored-whitepaper {
padding: 3.2em;
margin-bottom: 2.4em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container {
margin-bottom: 2em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content h4 {
font-size: 1.2em;
line-height: 1.714285em;
margin-bottom: 0.5rem;
padding-bottom: 0;
font-family: "atlas", sans-serif;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content h3 {
font-size: 2.4em;
line-height: 1.25em;
font-family: "atlas", sans-serif;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content p,
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description {
display: block;
font-size: 1.6em;
line-height: 1.5em;
color: #626262;
font-family: "atlas", sans-serif;
margin-top: var(--article-heading-plus-p-margin);
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content p.buyers-guide__description.hidden + p,
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description.buyers-guide__description.hidden + p {
margin-top: var(--article-heading-plus-p-margin);
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description {
margin-bottom: var(--article-text-margin);
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description.hidden {
display: none;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description p,
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description ul {
font-size: 1em;
margin-top: 1.5em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container {
order: -1;
max-width: 13em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container:before {
left: -0.8em;
bottom: -0.8em;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .report-cover {
display: inline-block;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content {
margin: 0;
width: 75%;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content .button {
display: inline-block;
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content p.byline {
margin: 0;
font-size: 1.4em;
float: right;
}
article.gdm-article .gdm-article-content .sponsored-whitepaper .button-container {
margin-left: auto;
}
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper {
width: 100%;
}
@media (min-width: 768px) {
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper {
margin-left: auto;
width: 75%;
}
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper button[type=submit] {
width: 100%;
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group {
margin-bottom: 1.5em;
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group input,
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group .custom-select,
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group select {
padding: 0.579844em 0.666666em;
background-color: #ffffff;
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group .input-container {
position: relative;
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group .input-container button {
margin-top: 0.5em;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group input,
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group .custom-select,
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group select {
padding: 0.438em 0.666666em;
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group input {
padding: 0.4em 0.666666em;
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group .input-container {
position: relative;
}
article.gdm-article .gdm-article-content .sponsored-with-form .form-wrapper .form-group .input-container button {
width: fit-content;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
padding: 0.625em 3.25em;
line-height: 1.125em;
margin-top: 0 !important;
border-radius: 0;
box-shadow: none;
}
}
article.gdm-article .gdm-article-content .sponsored-with-form.hidden .hidden-form {
display: none;
}
article.gdm-article .gdm-article-content .buyers-guide {
display: flex;
flex-direction: column;
background: #f3f3f1;
padding: 1.6em;
margin-bottom: 2em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container {
display: flex;
justify-content: space-between;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .author {
font-size: 1.2em;
line-height: 1.166666em;
display: block;
margin-bottom: 2em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content {
margin-right: 2em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content h4 {
font-size: 1.2em;
line-height: 2em;
margin-bottom: 0.3333em;
padding-bottom: 0;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content h3 {
font-size: 1.8em;
line-height: 1.333333em;
margin-bottom: 0.666666em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content p {
display: none;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content a {
display: block;
text-decoration: none;
font-size: 1.2em;
margin: 0;
margin-bottom: 1.333em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content a:last-of-type {
margin-bottom: 0;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content .byline {
font-size: 1.2em;
margin: 0;
margin-top: 0.666666em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .image-container {
position: relative;
max-width: 16%;
height: fit-content;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .image-container:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -0.3em;
bottom: -0.3em;
background: #151529;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .image-container img {
width: 100%;
position: relative;
}
article.gdm-article .gdm-article-content .buyers-guide form {
margin-left: auto;
}
article.gdm-article .gdm-article-content .buyers-guide .input-container {
width: 100%;
display: flex;
flex-direction: column;
}
article.gdm-article .gdm-article-content .buyers-guide .input-container input {
width: 100%;
font-size: 1.6em;
line-height: 1.5em;
background: #ffffff;
color: #626262;
border: 0.063em solid #dbdbdb;
padding: 0.5em 0.75em;
margin-bottom: 0.5em;
}
article.gdm-article .gdm-article-content .buyers-guide .input-container input::placeholder {
color: #626262;
}
article.gdm-article .gdm-article-content .buyers-guide .input-container button {
width: 100%;
font-size: 1.6em;
line-height: 1.25em;
padding: 0.625em 2.5em;
margin: 0;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .buyers-guide {
padding: 3.2em;
margin-bottom: 2.4em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content {
margin-right: 0;
margin-left: 3.2em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content h4 {
font-size: 1.4em;
line-height: 1.714285em;
margin-bottom: 0.571428em;
padding-bottom: 0;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content h3 {
font-size: 2.4em;
line-height: 1.25em;
margin-bottom: 0.5em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .content p {
display: block;
font-size: 1.6em;
line-height: 1.5em;
color: #626262;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .image-container {
order: -1;
max-width: 13em;
}
article.gdm-article .gdm-article-content .buyers-guide .buyers-guide-container .image-container:before {
left: -0.8em;
bottom: -0.8em;
}
article.gdm-article .gdm-article-content .buyers-guide .input-container {
flex-direction: row;
align-items: center;
margin-left: auto;
}
article.gdm-article .gdm-article-content .buyers-guide .input-container input {
width: 75%;
margin-bottom: 0;
}
article.gdm-article .gdm-article-content .buyers-guide .input-container button {
width: 25%;
margin-top: 0;
}
}
article.gdm-article .gdm-article-content .gdm-paywall {
background: #f3f3f1;
}
article.gdm-article .gdm-article-content .gdm-paywall header {
background: #373997;
padding: 1.2em var(--edge-spacing);
}
article.gdm-article .gdm-article-content .gdm-paywall header h2 {
color: white;
margin: 0;
line-height: 1;
}
article.gdm-article .gdm-article-content .gdm-paywall .content {
padding: var(--edge-spacing);
}
article.gdm-article .gdm-article-content .gdm-paywall .content h3 {
margin: 0;
}
article.gdm-article .gdm-article-content .gdm-paywall .content ul {
margin: 0;
padding: var(--spacing-16-24);
color: #626262;
font-size: 16px;
}
article.gdm-article .gdm-article-content .gdm-paywall .content ul li {
margin: 0 0 var(--list-item-margin) 0;
line-height: 1.5;
}
article.gdm-article .gdm-article-content .gdm-paywall .content .button {
margin: 0;
}
article.gdm-article .gdm-article-content .gdm-paywall .content .button + p {
margin: var(--spacing-16-24) 0;
font-size: 14px;
}
article.gdm-article .gdm-article-content .gdm-paywall .content figure {
margin: 0;
}
article.gdm-article .gdm-article-content .gdm-paywall .content .text-cta {
font-weight: 500;
margin: 0 0 var(--spacing-16-24) 0;
}
article.gdm-article .gdm-article-content .gdm-paywall .content .promo-text {
border-top: solid 1px #dbdbdb;
padding-top: var(--spacing-16-24);
}
article.gdm-article .gdm-article-content .gdm-paywall + p:first-of-type {
position: relative;
}
article.gdm-article .gdm-article-content .gdm-paywall.gdm-paywall-free .content .promo-text p {
font: 500 var(--para-size) atlas, "Helvetica Neue", helvetica, sans-serif;
margin: 0;
}
article.gdm-article .gdm-article-content .gdm-paywall .gdm-paywall-paid .content .promo-text h3 {
margin: 0;
}
article.gdm-article .gdm-article-content .gdm-paywall .gdm-paywall-paid .content .promo-text p {
margin: var(--spacing-16-24) 0;
}
article.gdm-article .gdm-article-content .gdm-paywall .gdm-paywall-paid .content .promo-text p:last-of-type {
margin: 0;
}
article.gdm-article .gdm-article-content .related-companies {
padding-left: 0;
padding-right: 0;
}
article.gdm-article .gdm-article-content .related-companies header {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 1.2em;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article {
display: flex;
padding-bottom: 1.2em;
padding-top: 0;
margin-bottom: 1.2em;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article figure {
flex: 0 0 25%;
display: block;
margin-right: 1.5em;
margin-bottom: 0;
padding-top: 0;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article figure a {
padding-top: 56.25%;
position: relative;
min-height: auto;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article figure a img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article div {
padding: 0;
display: flex;
flex-direction: column;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article div .company {
font-size: 1.2em;
line-height: 1.333333em;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article div .company a {
color: #464646;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article div h3 {
font-size: 1.6em;
line-height: 1.25em;
}
article.gdm-article .gdm-article-content .related-companies .related-companies-card article div .profile-link {
margin-top: 1.333333em;
color: #373997;
font-size: 1.2em;
line-height: 1.333333em;
font-weight: 500;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .related-companies .related-companies-card article {
display: block;
}
}
article.gdm-article .gdm-article-content .article-footer .gdm-article-actions {
margin-top: var(--edge-spacing-px);
border-top: solid 1px #ddd;
padding-top: var(--edge-spacing-px);
border-bottom: none;
}
article.gdm-article .gdm-article-content .article-footer .gdm-article-actions .gdm-article-index {
display: none;
}
article.gdm-article .gdm-article-content .article-footer .gdm-article-actions .share-and-save .gdm-article-save.save-modal-open .article-save-modal {
margin-bottom: -80px;
}
article.gdm-article .gdm-article-content #Sgpollsputhere {
width: 100%;
height: auto !important;
}
article.gdm-article .gdm-article-content #Sgpollsputhere iframe + iframe {
display: none;
height: 0px;
position: absolute;
overflow: hidden;
visibility: hidden;
}
article.gdm-article .gdm-article-content .sidebar-content {
display: none;
}
article.gdm-article .gdm-article-content .sidebar-content.sidebar-scalar.mobile-only {
display: block;
}
@media only screen and (min-width: 62em) {
article.gdm-article .gdm-article-content .sidebar-content {
width: 240px;
max-width: 100%;
display: block;
padding: 0;
margin: 0;
border-bottom: none;
}
article.gdm-article .gdm-article-content .sidebar-content.sidebar-scalar {
position: absolute;
top: 7em;
right: calc(50vw - 56em);
}
article.gdm-article .gdm-article-content .sidebar-content.sidebar-scalar.mobile-only {
display: none;
}
article.gdm-article .gdm-article-content .sidebar-content.sidebar-scalar .view-all a {
text-decoration: underline;
}
article.gdm-article .gdm-article-content .sidebar-content .author-name {
font-size: 1.3em;
line-height: 1.230769em;
font-weight: 500;
margin-bottom: 0.615384em;
}
article.gdm-article .gdm-article-content .sidebar-content .prospecting-img {
display: block;
}
article.gdm-article .gdm-article-content .sidebar-content > .sidebar-content {
border-top: none;
margin-bottom: 0em;
padding-top: 0;
}
article.gdm-article .gdm-article-content .sidebar-content > .sidebar-content .premium-insights-banner {
border: none;
padding-top: 12px;
}
article.gdm-article .gdm-article-content .sidebar-content > .sidebar-content .premium-insights-banner header {
border: none;
}
article.gdm-article .gdm-article-content .sidebar-content > div {
padding-top: 0.8em;
border-top: 0.4em solid #373997;
margin-bottom: 3.2em;
}
article.gdm-article .gdm-article-content .sidebar-content > div .grid-x {
margin: 0;
}
article.gdm-article .gdm-article-content .sidebar-content > div header {
border-color: #dbdbdb;
padding-bottom: var(--edge-spacing);
}
article.gdm-article .gdm-article-content .sidebar-content > div h3 {
line-height: 1.333333em;
font-size: 18px;
}
article.gdm-article .gdm-article-content .sidebar-content > div h4 {
line-height: 1.42857em;
padding-bottom: 0;
}
article.gdm-article .gdm-article-content .sidebar-content > div .cell {
border-right: none;
padding: 0;
padding-bottom: 1.2em;
border-bottom: 0.1em solid #ddd;
margin: 0;
margin-bottom: 1.2em;
}
article.gdm-article .gdm-article-content .sidebar-content > div .cell .category {
margin-bottom: 0.333333em;
font-size: 1.2em;
line-height: 1.333333em;
}
article.gdm-article .gdm-article-content .sidebar-content > div .cell .category a {
font-size: inherit;
}
article.gdm-article .gdm-article-content .sidebar-content > div .cell:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
article.gdm-article .gdm-article-content .sidebar-content > div:last-child {
margin-bottom: 0;
}
article.gdm-article .gdm-article-content .sidebar-content > div:last-child .cell:last-child {
border-bottom: 0.1em solid #ddd;
padding-bottom: 1.2em;
}
article.gdm-article .gdm-article-content .sidebar-content > div:last-child.gdm-recommended-reports .cell:last-child {
border: none;
padding-bottom: 0;
}
article.gdm-article .gdm-article-content .sidebar-content .view-all-link {
font-size: 1.4em;
font-weight: 500;
line-height: 1.428571em;
text-decoration: underline;
}
article.gdm-article .gdm-article-content .sidebar-content .author-container {
display: flex;
flex-direction: column;
padding-top: 2em;
}
article.gdm-article .gdm-article-content .sidebar-content .author-container .author-avatar {
max-width: 10em;
margin-bottom: 1.4em;
}
article.gdm-article .gdm-article-content .sidebar-content .author-container .author-avatar img {
width: 100%;
border-radius: 50%;
padding: 0;
}
article.gdm-article .gdm-article-content .sidebar-content .author-container .author-meta .author-name {
font-size: 1.6em;
line-height: 1.25em;
margin-bottom: 0.25em;
padding: 0;
}
article.gdm-article .gdm-article-content .sidebar-content .author-container .author-meta .author-info {
display: flex;
flex-direction: column;
}
article.gdm-article .gdm-article-content .sidebar-content .author-container .author-meta .author-info .author-tag {
font-size: 1em;
line-height: 1.6em;
margin-bottom: 0.8em;
color: #373997;
}
article.gdm-article .gdm-article-content .sidebar-content .author-container .author-meta .author-info .author-description {
font-weight: 400;
line-height: 1.42857em;
}
}
article.gdm-article .gdm-article-content .sidebar-content .widget {
margin-bottom: 2.4em;
}
.more-analysis header,
.more-news header {
margin-bottom: 1.2em;
}
.more-analysis .cell figure,
.more-news .cell figure {
max-width: 100%;
}
.more-analysis .cell article,
.more-news .cell article {
padding-top: 0;
padding-bottom: 1.2em;
margin-bottom: 1.2em;
border-bottom: 0.1em solid #ddd;
}
.more-analysis .cell article .category,
.more-news .cell article .category {
margin-top: -0.4em;
}
.more-analysis .cell article h3,
.more-news .cell article h3 {
font-size: 1.8em;
}
.more-analysis .cell:first-child article h3,
.more-news .cell:first-child article h3 {
font-size: 2.4em;
}
.more-analysis .cell:last-child article,
.more-news .cell:last-child article {
margin-bottom: 0;
}
.more-analysis .cell:not(:first-child) figure,
.more-news .cell:not(:first-child) figure {
display: none;
}
@media only screen and (min-width: 62em) {
.more-analysis header,
.more-news header {
margin-bottom: 1.6em;
}
.more-analysis .cell figure,
.more-news .cell figure {
max-width: 100%;
}
.more-analysis .cell article,
.more-news .cell article {
border-bottom: none;
margin-bottom: 0;
}
.more-analysis .cell:first-child article h3,
.more-news .cell:first-child article h3 {
font-size: 1.8em;
}
.more-analysis .cell:not(:first-child) figure,
.more-news .cell:not(:first-child) figure {
display: block;
}
}
@media (max-width: 62em) {
.most-popular header {
margin-bottom: 1.2em;
}
.most-popular .grid-x {
margin: 0 auto;
}
.most-popular .grid-x .cell {
width: 48%;
margin-bottom: 1.2em;
padding: 0;
border: none;
}
.most-popular .grid-x .cell:nth-child(n+3) article {
padding-top: 1.2em;
border-top: 0.1em solid #ddd;
}
.most-popular .grid-x .cell:nth-of-type(odd) {
margin-right: 1.2em;
padding-right: 1.2em;
position: relative;
}
.most-popular .grid-x .cell:nth-of-type(odd):after {
content: "";
width: 0.1em;
height: calc(100% + 1.2em);
background: #ddd;
right: 0;
position: absolute;
top: 0;
position: absolute;
}
.most-popular .grid-x .cell:nth-of-type(even) {
padding-left: 0em;
}
.most-popular .grid-x .cell article {
padding: 0;
border: none;
}
.most-popular .grid-x .cell figure {
display: none;
}
.most-popular .grid-x .cell h3 {
font-size: 1.4em;
line-height: 1.285714em;
}
}
@media only screen and (min-width: 62em) {
.most-popular .grid-x .cell article h3 {
font-size: 1.8em;
line-height: 1.333333em;
}
}
.article-page {
position: relative;
padding: 0 var(--page-gutters);
}
.article-page .wp-block-image {
margin-bottom: 4em;
}
.article-page > .article-grid {
margin: 0 auto;
margin-bottom: 2em;
padding-top: 0;
}
.article-page > .article-grid header {
margin-top: 0;
}
@media only screen and (min-width: 62em) {
.article-page > .article-grid {
margin: 0 auto;
margin-bottom: 4em;
}
}
@media only screen and (min-width: 62em) {
.article-page .header-article--sponsored {
margin-left: 2em;
margin-right: 2em;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
.article-page .header-article--sponsored {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 62em) {
.article-page > .article-grid-row {
max-width: 140em;
}
}
.article-page .more-analysis header,
.article-page .more-news header {
margin-bottom: 1.2em;
}
.article-page .more-analysis .cell figure,
.article-page .more-news .cell figure {
max-width: 100%;
}
.article-page .more-analysis .cell article,
.article-page .more-news .cell article {
padding-top: 0;
padding-bottom: 1.2em;
margin-bottom: 1.2em;
border-bottom: 0.1em solid #ddd;
}
.article-page .more-analysis .cell article .category,
.article-page .more-news .cell article .category {
margin-top: -0.4em;
}
.article-page .more-analysis .cell article h3,
.article-page .more-news .cell article h3 {
font-size: 1.8em;
}
.article-page .more-analysis .cell:first-child article h3,
.article-page .more-news .cell:first-child article h3 {
font-size: 2.4em;
}
.article-page .more-analysis .cell:last-child article,
.article-page .more-news .cell:last-child article {
margin-bottom: 0;
}
.article-page .more-analysis .cell:not(:first-child) figure,
.article-page .more-news .cell:not(:first-child) figure {
display: none;
}
@media only screen and (min-width: 62em) {
.article-page .more-analysis header,
.article-page .more-news header {
margin-bottom: 1.6em;
}
.article-page .more-analysis .cell figure,
.article-page .more-news .cell figure {
max-width: 100%;
}
.article-page .more-analysis .cell article,
.article-page .more-news .cell article {
border-bottom: none;
margin-bottom: 0;
}
.article-page .more-analysis .cell:first-child article h3,
.article-page .more-news .cell:first-child article h3 {
font-size: 1.8em;
}
.article-page .more-analysis .cell:not(:first-child) figure,
.article-page .more-news .cell:not(:first-child) figure {
display: block;
}
}
@media (max-width: 62em) {
.article-page .most-popular header {
margin-bottom: 1.2em;
}
.article-page .most-popular .grid-x {
margin: 0 auto;
}
.article-page .most-popular .grid-x .cell {
width: 48%;
margin-bottom: 1.2em;
padding: 0;
border: none;
}
.article-page .most-popular .grid-x .cell:nth-child(n+3) article {
padding-top: 1.2em;
border-top: 0.1em solid #ddd;
}
.article-page .most-popular .grid-x .cell:nth-of-type(odd) {
margin-right: 1.2em;
padding-right: 1.2em;
position: relative;
}
.article-page .most-popular .grid-x .cell:nth-of-type(odd):after {
content: "";
width: 0.1em;
height: calc(100% + 1.2em);
background: #ddd;
right: 0;
position: absolute;
top: 0;
position: absolute;
}
.article-page .most-popular .grid-x .cell:nth-of-type(even) {
padding-left: 0em;
}
.article-page .most-popular .grid-x .cell article {
padding: 0;
border: none;
}
.article-page .most-popular .grid-x .cell figure {
display: none;
}
.article-page .most-popular .grid-x .cell h3 {
font-size: 1.4em;
line-height: 1.285714em;
}
}
@media only screen and (min-width: 62em) {
.article-page .most-popular .grid-x .cell article h3 {
font-size: 1.8em;
line-height: 1.333333em;
}
}
.article-page.author-article {
overflow-y: hidden;
}
.article-page.author-article .article-header {
margin-top: 0;
padding-top: 2em;
padding-bottom: 1.6em;
margin-bottom: 1.3em;
position: relative;
background: #f3f3f1;
}
@media only screen and (min-width: 62em) {
.article-page.author-article .article-header {
padding-top: 3.2em;
padding-bottom: 3.2em;
margin-bottom: 2em;
}
}
.article-page.author-article .article-header:before {
content: "";
width: 100vw;
height: 100%;
background: #f3f3f1;
position: absolute;
z-index: -1;
top: 0;
left: -50%;
}
.article-page.author-article .article-header::after {
content: "";
width: 100vw;
height: 100%;
background: #f3f3f1;
position: absolute;
z-index: -1;
top: 0;
right: -50%;
}
.article-page.author-article .article-header .breadcrumbs-container {
position: relative;
}
.article-page.author-article .article-header .article-header__content {
position: relative;
margin-bottom: 0;
}
.article-page.author-article .article-header .author-container {
display: flex;
align-items: center;
margin-bottom: 1.6em;
}
.article-page.author-article .article-header .author-container .author-avatar {
width: 4.8em;
height: 4.8em;
border-radius: 50%;
margin-right: 0.8em;
}
.article-page.author-article .article-header .author-container .author-avatar img {
border-radius: 50%;
padding: 0;
}
@media only screen and (min-width: 62em) {
.article-page.author-article .article-header .author-container .author-avatar {
width: 5.6em;
height: 5.6em;
border: 4px solid #dbdbdb;
}
}
.article-page.author-article .article-header .author-container .author-name {
margin-bottom: 0.25em;
}
.article-page.author-article .article-header .author-container .author-info {
display: flex;
align-items: center;
}
.article-page.author-article .article-header .author-container .author-info a {
position: relative;
}
.article-page.author-article .article-header .author-container .author-info a:not(:first-child) {
margin-left: 1.7em;
}
.article-page.author-article .article-header .author-container .author-info a:not(:first-child):before {
content: "";
width: 1px;
height: 12px;
background: #515151;
left: -10px;
top: 0;
bottom: 0;
position: absolute;
}
.article-page.author-article .article-content .main-content .share {
padding-top: 0;
border-top: none;
}
.header-article {
border-bottom: solid 1px #ddd;
padding-bottom: var(--edge-spacing);
margin-top: 2em;
margin-bottom: 1.2em;
}
@media only screen and (min-width: 62em) {
.header-article {
margin-top: 4em;
margin-bottom: 3.2em;
}
}
.header-article--sponsored {
display: flex;
align-items: center;
}
.header-article--sponsored figure {
margin-right: 2em;
}
.header-article--sponsored figure img {
height: 2em;
}
@media (min-width: 992px) {
.header-article--sponsored figure img {
height: 3.4em;
}
}
.header-article--sponsored p {
margin-left: auto;
margin-bottom: 0;
font-size: 1.2em;
font-family: "atlas", serif;
}
@media only screen and (min-width: 62em) {
.header-article--sponsored p {
font-size: 1.8em;
line-height: 1.333em;
}
}
.header-article--sponsored p span {
font-weight: bold;
}
.article-header {
max-width: 1160px;
margin: 0 auto;
margin-top: 2em;
}
@media only screen and (min-width: 62em) {
.article-header {
margin-top: 4em;
}
}
.article-header .breadcrumbs-container {
display: flex;
align-items: center;
margin-bottom: 1.2em;
}
@media only screen and (min-width: 62em) {
.article-header .breadcrumbs-container {
margin-bottom: 1.8em;
}
}
.article-header .breadcrumbs-container .date {
position: relative;
display: flex;
align-items: center;
}
.article-header .breadcrumbs-container .date:before {
content: "";
display: inline-block;
width: 1px;
height: 1.2em;
margin: 0 0.8em;
background: #dbdbdb;
}
.article-header .breadcrumbs-container .date span {
font-size: 1.2em;
line-height: 1.4em;
font-weight: 400;
color: #626262;
}
.article-header__content {
margin-bottom: var(--edge-spacing-xl-px);
}
.article-header__content .article-header__title {
font-size: 3.2em;
line-height: 1.25em;
margin-bottom: 0.5625em;
padding-bottom: 0;
}
.article-header__content .article-header__excerpt {
font-size: 1.8em;
line-height: 1.333333em;
margin-bottom: 0.666666em;
color: #151529;
}
.article-header__content .article-header__author {
font-size: 1.2em;
line-height: 1.166666em;
color: #626262;
}
.article-header__content .article-header__author a {
color: #626262;
}
.article-header__content .article-header__byline {
display: flex;
align-items: center;
}
.article-header__content .article-header__byline img {
max-width: 4.8em;
max-height: 4.8em;
margin-right: 0.8em;
border-radius: 50%;
}
@media only screen and (min-width: 62em) {
.article-header__content .article-header__byline img {
margin-right: 1.2em;
}
}
.article-header__content .article-header__byline .article-header__author {
font-size: 1.6em;
line-height: 1.25em;
font-weight: 500;
color: #151529;
}
@media only screen and (min-width: 62em) {
.article-header__content .article-header__byline .article-header__author {
font-size: 1.8em;
line-height: 1.333333em;
}
}
.article-header__content ul,
.article-header__content ol {
font: 1.6em/1.5em Lora, Georgia, serif;
padding-left: 2rem;
margin-left: 0;
margin-top: 1em;
margin-bottom: 0;
padding-top: 0.75em;
border-top: 1px solid #ddd;
}
.article-header__content ul li,
.article-header__content ol li {
margin-bottom: 0.75em;
}
.article-header__content ul li:last-of-type,
.article-header__content ol li:last-of-type {
margin-bottom: 0;
}
.article-header__content ul li ul,
.article-header__content ul li ol,
.article-header__content ol li ul,
.article-header__content ol li ol {
font-size: 1em;
}
@media only screen and (min-width: 62em) {
.article-header__content {
width: 66.6666666667%;
}
.article-header__content ul {
font-size: 1.8em;
line-height: 1.555555em;
}
}
.projects-article .article-header .project-details {
width: 100%;
margin-bottom: 2em;
margin-top: 0.8em;
}
.projects-article .article-header .project-details .info-wrapper {
display: flex;
flex-direction: column;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes {
padding-top: 0.8em;
border-top: 0.1em solid #ddd;
display: flex;
flex-direction: column;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box {
width: 100%;
display: flex;
flex-direction: column;
padding-bottom: 0.8em;
margin-bottom: 0.8em;
border-bottom: 0.1em solid #ddd;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box:nth-child(n+5) {
display: none;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box h5 {
font-size: 1.6em;
line-height: 1.25em;
margin-bottom: 0;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box p {
font-size: 1.6em;
line-height: 1.5em;
margin-bottom: 0;
}
@media (min-width: 47.9375em) {
.projects-article .article-header .project-details .info-wrapper .info-boxes {
display: grid;
grid-template-columns: repeat(5, 1fr);
padding: 2em 0;
border-bottom: 0.1em solid #ddd;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box {
padding-bottom: 0;
border-bottom: none;
border-left: 0.1em solid #ddd;
margin-right: 2em;
padding-left: 2em;
margin-bottom: 0;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box:first-of-type {
border-left: none;
margin-left: 0;
padding-left: 0;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box:first-of-type:after {
display: none;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box:nth-child(5n+1) {
border-left: none;
margin-left: 0;
padding-left: 0;
position: relative;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box:nth-child(5n+1):after {
content: "";
width: 500%;
height: 0.1em;
position: absolute;
top: -2em;
background-color: #ddd;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box:nth-child(n+5) {
display: flex;
}
.projects-article .article-header .project-details .info-wrapper .info-boxes .info-box:nth-child(n+6) {
display: none;
margin-top: 4em;
}
}
.projects-article .article-header .project-details .info-wrapper .collapse-toggler {
margin-top: 0.4em;
}
.projects-article .article-header .project-details .info-wrapper .collapse-toggler a {
display: flex;
align-items: center;
}
.projects-article .article-header .project-details .info-wrapper .collapse-toggler a span {
font-size: 1.4em;
line-height: 1.214285em;
margin-right: 0.571428em;
}
.projects-article .article-header .project-details .info-wrapper .collapse-toggler a img {
width: 1.6em;
transition: 0.3s;
}
@media (min-width: 47.9375em) {
.projects-article .article-header .project-details .info-wrapper .collapse-toggler {
margin-top: 2.28567em;
}
}
.projects-article .article-header .project-details.collapsed .info-wrapper .info-boxes .info-box:nth-child(n+5) {
display: flex;
}
@media (min-width: 47.9375em) {
.projects-article .article-header .project-details.collapsed .info-wrapper .info-boxes .info-box:nth-child(n+6) {
display: flex;
}
}
.projects-article .article-header .project-details.collapsed .info-wrapper .collapse-toggler img {
transform: rotate(-180deg);
}
.article-content {
max-width: 1160px;
margin: 0 auto;
margin-bottom: 2.8em;
}
@media only screen and (min-width: 62em) {
.article-content {
margin-bottom: 4em;
}
}
.article-content .drop-cap::first-letter {
float: left;
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 2.98em;
font-weight: 400;
margin: 0.18em 0.1em 0 0;
text-transform: uppercase;
font-style: normal;
}
@-moz-document url-prefix() {
.article-content .drop-cap:first-letter {
font-size: 2.95em;
margin: 0.3rem 0.1em 0 0;
line-height: 1;
}
}
.article-content .main-content > h2, .article-content .main-content > h3, .article-content .main-content > h4 {
margin-top: var(--article-text-margin);
}
.article-content .main-content .report-promo-intro p {
font: 400 18px/1.34 atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
letter-spacing: -0.01em;
}
.article-content .main-content .report-promo-intro p:first-letter {
font-size: 52px;
line-height: 0.5em;
}
.article-content .main-content .report-promo-intro p strong {
font-weight: 500;
}
@media (min-width: 992px) {
.article-content .main-content .report-promo-intro p {
font-size: 22px;
}
.article-content .main-content .report-promo-intro p:first-letter {
font-size: 62px;
}
}
.article-content .main-content h2 {
font-size: 1.8em;
line-height: 1.333333em;
}
@media only screen and (min-width: 62em) {
.article-content .main-content h2 {
font-size: 2.4em;
line-height: 1.25em;
margin-bottom: 0.833333em;
}
}
.article-content .main-content a {
text-decoration: underline;
}
.article-content .main-content .cont {
width: 100%;
}
.article-content .main-content .cont ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%;
grid-gap: 0 2.3em;
font-size: 1.4em;
line-height: 1.714285em;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .cont ul {
grid-template-columns: repeat(3, 1fr);
font-size: 1.8em;
line-height: 1.555555em;
}
}
.article-content .main-content .author-bio {
margin-top: var(--edge-spacing);
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 2em 0;
width: 100%;
margin-bottom: var(--edge-spacing);
}
.article-content .main-content .author-bio img {
max-width: 120px;
margin-bottom: 1.2em;
}
.article-content .main-content .author-bio p {
font-size: 1.4em;
color: #151529;
margin-top: 1em;
}
.article-content .main-content .author-bio p:last-of-type {
margin-bottom: 0;
}
.article-content .main-content .author-container-mobile {
width: 100%;
display: flex;
align-items: center;
padding: 1.2em 0;
border-top: 0.1em solid #ddd;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .author-container-mobile {
display: none;
}
}
.article-content .main-content .author-container-mobile .author-avatar {
max-width: 4.8em;
margin-right: 0.8em;
}
.article-content .main-content .author-container-mobile .author-avatar img {
width: 100%;
border-radius: 50%;
padding: 0;
}
.article-content .main-content .author-container-mobile .author-meta .author-name {
font-size: 1.6em;
line-height: 1.25em;
margin-bottom: 0.25em;
padding: 0;
}
.article-content .main-content .author-container-mobile .author-meta .author-tag {
font-size: 1em;
line-height: 1.6em;
margin-bottom: 0.8em;
color: #373997;
}
.article-content .main-content p,
.article-content .main-content ul,
.article-content .main-content ol,
.article-content .main-content figure,
.article-content .main-content iframe,
.article-content .main-content div {
margin-top: var(--article-text-margin);
margin-bottom: 0;
}
@media (min-width: 992px) {
.article-content .main-content p,
.article-content .main-content ul,
.article-content .main-content ol,
.article-content .main-content figure,
.article-content .main-content iframe,
.article-content .main-content div {
margin-top: var(--article-text-margin);
margin-bottom: 0;
}
}
.article-content .main-content p div,
.article-content .main-content ul div,
.article-content .main-content ol div,
.article-content .main-content figure div,
.article-content .main-content iframe div,
.article-content .main-content div div {
margin: 0;
}
.article-content .main-content > p, .article-content .main-content > ul, .article-content .main-content > ol {
font: 1.8em/1.5555556em Lora, Georgia, serif;
color: #151529;
}
@media (min-width: 992px) {
.article-content .main-content h2 + p,
.article-content .main-content h3 + p,
.article-content .main-content h4 + p,
.article-content .main-content div h2 + p,
.article-content .main-content div h3 + p,
.article-content .main-content div h4 + p {
margin-top: var(--article-heading-plus-p-margin);
}
}
.article-content .main-content > ul, .article-content .main-content > ol {
font: 1.6em/1.5em Lora, Georgia, serif;
margin-left: 2rem;
color: #151529;
}
.article-content .main-content > ul li, .article-content .main-content > ol li {
margin-bottom: 10px;
}
@media only screen and (min-width: 62em) {
.article-content .main-content > ul, .article-content .main-content > ol {
font-size: 1.8em;
line-height: 1.555555em;
}
}
.article-content .main-content figure {
margin-bottom: 2em;
}
.article-content .main-content figure figcaption {
font-size: 1.2em;
line-height: 1.166666em;
padding: 0.666666em 0;
border-bottom: 0.1em solid #ddd;
margin: 0;
}
.article-content .main-content .gdm-article-actions {
margin-top: 0;
border-bottom: solid 1px #ddd;
padding-bottom: var(--edge-spacing-px);
position: relative;
display: flex;
}
.article-content .main-content .gdm-article-actions .button-toggle {
height: 3.5rem;
padding: 15px 44px 15px 15px;
}
.article-content .main-content .gdm-article-actions .gdm-article-index {
position: relative;
z-index: 9;
width: 100%;
}
.article-content .main-content .gdm-article-actions .gdm-article-index h4 {
font-size: 16px;
margin: 0 0 10px 0;
}
.article-content .main-content .gdm-article-actions .gdm-article-index ul {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
}
.article-content .main-content .gdm-article-actions .gdm-article-index ul li {
margin: 5px 0;
position: relative;
line-height: 1.5;
}
.article-content .main-content .gdm-article-actions .gdm-article-index ul li:before {
content: "";
width: 4px;
height: 4px;
border-radius: 3px;
background: #373997;
display: inline-block;
position: absolute;
top: 9px;
left: -15px;
}
.article-content .main-content .gdm-article-actions .gdm-article-share-button__container {
position: relative;
min-height: 56px;
width: 15.625rem;
}
.article-content .main-content .gdm-article-actions .gdm-article-share__button {
transition: all 0.2s ease-in-out;
position: absolute;
z-index: 99;
top: 0;
left: 0;
right: 0;
overflow: hidden;
line-height: 1.2;
}
.article-content .main-content .gdm-article-actions .gdm-article-share__button::after {
content: "";
width: 1.25rem;
height: 1.25rem;
background: url("./../images/icons/share-icon.svg");
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
right: 1rem;
top: 1rem;
}
.article-content .main-content .gdm-article-actions .gdm-article-share__button.active {
flex-direction: column;
height: 16.0625rem;
transform: scaleY(1);
background: white;
}
.article-content .main-content .gdm-article-actions .gdm-article-share__button.article-footer {
right: auto;
left: 0;
}
.article-content .main-content .gdm-article-actions .gdm-article-share-list__container {
position: absolute;
height: 0;
width: 0;
overflow: hidden;
opacity: 0;
transition: all 0.3s linear;
padding: 2rem 0 0 0;
margin: 0 !important;
}
.article-content .main-content .gdm-article-actions .gdm-article-share-list__container li {
list-style: none;
}
.article-content .main-content .gdm-article-actions .gdm-article-share-list__container a {
text-decoration: none !important;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: normal;
color: #373997;
display: inline-flex;
gap: 0.75rem;
align-items: center;
width: 100%;
color: #626262;
font-family: "atlas", sans-serif;
}
.article-content .main-content .gdm-article-actions .gdm-article-share-list__container.active {
height: auto;
width: auto;
opacity: 1;
display: block;
position: relative;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .button-toggle {
background: white;
color: #373997;
padding-right: 30px;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .button-toggle:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .button-toggle:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/bookmark.svg");
height: 1.2em;
width: 0.9em;
top: 3px;
transition: background-image 0.3s ease-in-out;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .button-toggle:hover {
background: none;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .button-toggle:hover:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/bookmark_filled.svg");
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal {
position: absolute;
opacity: 0;
height: 0;
overflow: hidden;
z-index: -9999;
transition: opacity 0.3s ease-in-out;
background: white;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal h4 {
margin: 0;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal h4:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal h4:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/lock.svg");
width: 1.4rem;
height: 1.4rem;
margin-right: 0.3rem;
margin-bottom: -0.3em;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal p {
margin: 12px 0;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal p a {
color: #373997;
font-weight: 500;
text-decoration: none;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal .multiple-buttons {
margin: 16px -6px 0 -6px;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal .multiple-buttons a.button {
text-decoration: none;
padding: 0.9em 1.5em;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal .gdm-close {
width: 23px;
height: 23px;
opacity: 0.2;
}
.article-content .main-content .gdm-article-actions .gdm-article-save .article-save-modal .gdm-close:after {
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.article-content .main-content .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal {
position: relative;
opacity: 1;
height: auto;
overflow: visible;
z-index: 9;
transition: opacity 0.3s ease-in-out;
position: absolute;
bottom: 0;
z-index: 99;
padding: 16px;
width: 360px;
margin: 0 0 -40px -180px;
bottom: -100%;
}
.article-content .main-content .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal:before {
content: "▲";
transform: scale(2, 1);
color: white;
font-size: 24px;
position: absolute;
top: -24px;
right: 120px;
text-shadow: 0 -6px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 500px) {
.article-content .main-content .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal {
width: 100%;
left: 0;
margin: 0;
}
.article-content .main-content .gdm-article-actions .gdm-article-save.save-modal-open .article-save-modal:before {
right: 75px;
}
}
.article-content .main-content .rightpullquote,
.article-content .main-content .leftpullquote {
font-size: 1.8em;
margin: 1em 0 2em 0;
color: #151529;
font-weight: 400;
quotes: "“" "”";
padding-top: 85px;
position: relative;
line-height: 1.5;
}
.article-content .main-content .rightpullquote:before,
.article-content .main-content .leftpullquote:before {
content: open-quote;
font-size: 100px;
color: #373997;
position: absolute;
top: 0;
left: 0;
font-weight: 500;
}
@media (min-width: 768px) {
.article-content .main-content .rightpullquote,
.article-content .main-content .leftpullquote {
font-size: 2.4em;
width: 50%;
margin: 0 2em 2em 0;
float: left;
}
}
.article-content .main-content .rightpullquote p,
.article-content .main-content .leftpullquote p {
font-size: 1em;
}
@media (min-width: 768px) {
.article-content .main-content .rightpullquote {
margin: 0 0em 1em 2em;
float: right;
}
}
.article-content .main-content .about-premium-insights p {
margin: 0;
}
.article-content .main-content .about-premium-insights p:first-of-type {
margin: 4px 0 12px 0;
}
.article-content .main-content .gdm-premium-insights-banner {
margin-bottom: var(--article-text-margin);
}
.article-content .main-content .gdm-premium-insights-banner .content .cta {
display: inline-block;
}
.article-content .main-content .gdm-premium-insights-banner .content .cta a {
padding-left: 32px;
padding-right: 32px;
}
.article-content .main-content .wp-block-quote {
display: flex;
flex-direction: column;
margin-bottom: 2.4em;
position: relative;
padding-top: 5em;
quotes: "“" "”";
}
.article-content .main-content .wp-block-quote:before {
content: open-quote;
position: absolute;
top: 0;
width: fit-content;
font-size: 8em;
line-height: 0.26923em;
font-weight: 500;
color: #373997;
margin: 0;
margin-top: 0.3em;
}
.article-content .main-content .wp-block-quote p {
font: 400 20px/28px atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.01em;
color: #151529;
}
.article-content .main-content .wp-block-quote cite {
font-size: 1.2em;
font-style: normal;
line-height: 1.166666em;
margin-top: 2em;
}
@media (min-width: 768px) {
.article-content .main-content .wp-block-quote {
width: 40%;
float: left;
margin-right: 4em;
}
.article-content .main-content .wp-block-quote:before {
font-size: 10em;
line-height: 0.26923em;
}
.article-content .main-content .wp-block-quote p {
font-size: 24px;
line-height: 32px;
}
.article-content .main-content .wp-block-quote cite {
margin-top: 32px;
}
}
.article-content .main-content .gdm-see-also h3 {
font-size: 16px;
margin: 0;
}
.article-content .main-content .gdm-see-also ul {
list-style: none;
padding: 0 0 0 15px;
margin: 0;
margin: 0;
}
.article-content .main-content .gdm-see-also ul li {
margin: 5px 0;
position: relative;
line-height: 1.5;
}
.article-content .main-content .gdm-see-also ul li:before {
content: "";
width: 4px;
height: 4px;
border-radius: 3px;
background: #373997;
display: inline-block;
position: absolute;
top: 9px;
left: -15px;
}
.article-content .main-content .gdm-see-also ul li {
font-weight: 400;
}
.article-content .main-content .gdm-see-also ul li:after {
content: "";
background: url("../img/icon_new_window.png") no-repeat center center;
background-size: 100%;
width: 1em;
height: 1em;
display: inline-block;
margin-left: 0.5em;
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/offsite.png");
width: 1.2em;
height: 1.2em;
position: relative;
top: 2px;
}
.article-content .main-content .gdm-see-also ul li a {
text-decoration: none;
}
.article-content .main-content .sponsored-whitepaper {
clear: both;
width: 100%;
}
.article-content .main-content .sponsored-whitepaper p {
font-family: Lora, Georgia, serif;
}
.article-content .main-content .sponsored-whitepaper .read-more {
margin: 20px 0;
}
.article-content .main-content .in-article-author {
display: flex;
align-items: center;
margin-top: 0.75em;
margin-bottom: 2em;
}
.article-content .main-content .in-article-author h3 {
font-size: 1.6em;
line-height: 0.875em;
font-weight: 400;
}
.article-content .main-content .in-article-author a {
font-weight: 500;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .in-article-author {
margin-top: 0.666666em;
margin-bottom: 3.2em;
}
.article-content .main-content .in-article-author h3 {
font-size: 1.8em;
line-height: 0.777777em;
}
}
.article-content .main-content .g-recaptcha {
margin-bottom: 2.2em;
}
.article-content .main-content .g-recaptcha iframe {
margin: 0;
}
.article-content .main-content .sponsored-banner {
display: flex;
}
.article-content .main-content .sponsored-banner img {
margin: 0 auto;
}
.article-content .main-content .sponsored-article {
display: flex;
flex-direction: column;
padding: 1.2em 0;
margin-bottom: 2em;
border-top: 0.1em solid #ddd;
border-bottom: 0.1em solid #ddd;
}
.article-content .main-content .sponsored-article a {
text-decoration: none;
}
.article-content .main-content .sponsored-article h3 {
font-size: 18px;
line-height: 1.333333em;
margin-bottom: var(--edge-spacing-px);
}
.article-content .main-content .sponsored-article .sponsored-article-container {
display: flex;
flex-direction: column;
}
.article-content .main-content .sponsored-article .sponsored-article-container .image-container {
max-width: 34.4em;
margin-bottom: 1.2em;
}
.article-content .main-content .sponsored-article .sponsored-article-container .image-container img {
width: 100%;
aspect-ratio: 16/9;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content {
display: flex;
flex-direction: column;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content h3 {
margin: 0;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content p {
display: none;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content a {
font-size: 1.2em;
line-height: 0.857142em;
color: #373997;
text-decoration: none;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .sponsored-article {
padding: 2em 0;
margin-bottom: 2.4em;
}
.article-content .main-content .sponsored-article h3 {
font-size: 16px;
}
.article-content .main-content .sponsored-article .sponsored-article-container {
flex-direction: row;
}
.article-content .main-content .sponsored-article .sponsored-article-container .image-container {
max-width: 19.2em;
max-height: 19.6em;
margin-bottom: 0;
margin-right: 4em;
}
.article-content .main-content .sponsored-article .sponsored-article-container .image-container img {
aspect-ratio: auto;
max-height: 19.6em;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content {
max-width: 56.6em;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content p {
display: block;
font-size: 1.6em;
line-height: 1.5em;
position: relative;
margin-top: 8px;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content p:last-of-type:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 70%);
opacity: 1;
transition: opacity 0.3s;
}
.article-content .main-content .sponsored-article .sponsored-article-container .content p.inner-sponsored__description + span {
display: block;
margin-top: var(--edge-spacing-px);
font-size: 12px;
}
.article-content .main-content .sponsored-article:hover .sponsored-article-container .content p:last-of-type::after {
opacity: 0;
}
}
.article-content .main-content .sponsored {
margin-bottom: 2em;
}
.article-content .main-content .sponsored.sponsored-with-bottom-border {
padding-bottom: 1.2em;
border-bottom: 1px solid #dbdbdb !important;
}
.article-content .main-content .sponsored.sponsored-with-bottom-border.chartdiv {
padding-bottom: 0.6em;
}
.article-content .main-content .sponsored.sponsored-with-top-border {
padding-top: 1.2em;
border-top: 1px solid #dbdbdb !important;
}
.article-content .main-content .sponsored.sponsored-with-top-border.chartdiv {
padding-bottom: 0.6em;
}
.article-content .main-content .sponsored.chartdiv {
padding-bottom: 0.6em;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .sponsored {
margin-bottom: 3.2em;
}
.article-content .main-content .sponsored.sponsored-with-bottom-border {
padding-bottom: 2.4em;
}
.article-content .main-content .sponsored.sponsored-with-top-border {
padding-top: 2.4em;
}
}
.article-content .main-content .sponsored .button {
padding-top: 0.625em;
padding-bottom: 0.625em;
line-height: 1.125em;
margin: 0;
}
.article-content .main-content .sponsored-whitepaper {
display: flex;
flex-direction: column;
background: #f3f3f1;
padding: 1.2em;
margin-bottom: 2em;
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form {
position: relative;
}
@media (min-width: 992px) {
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text {
margin-bottom: 0rem;
}
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .whitepaper__title--msg {
margin-bottom: 1rem;
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg__wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg__wrapper {
flex-direction: row;
margin-bottom: 0;
}
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container {
flex: 0 0 25%;
max-width: 8.125rem;
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container .image-container {
position: relative;
height: 100%;
width: 100%;
display: inline-block;
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container .image-container::before {
content: "";
width: 100%;
height: 100%;
background: #27274c;
left: -0.3rem;
bottom: -0.3rem;
position: absolute;
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-image__container img {
position: relative;
z-index: 9999;
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text .successMsg-text__container {
flex: 0 0 75%;
}
.article-content .main-content .sponsored-whitepaper.sponsored-with-form .successMsg.buyers-guide__success-text.hidden {
display: none;
}
.article-content .main-content .sponsored-whitepaper select[name~=country] {
margin-bottom: 0 !important;
}
.article-content .main-content .sponsored-whitepaper select[name~=countrycode] {
margin-bottom: 0 !important;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container {
display: flex;
justify-content: space-between;
position: relative;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container #vms_description {
display: none;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content ul {
display: none;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content ul {
display: block;
}
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content li {
font-family: "atlas", sans-serif;
color: #626262;
line-height: 24px;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content li:marker {
color: #626262;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content h4 {
font-size: 1.2em;
line-height: 2em;
margin-bottom: 0.3333em;
padding-bottom: 0;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content h3 {
font-size: 1.8em;
line-height: 1.333333em;
margin-bottom: 1.25rem;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content p {
display: none;
font: var(--para-size) Lora, Georgia, serif;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content p.hidden {
display: none;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content a {
display: block;
text-decoration: none;
font-size: 1.2em;
margin: 0;
margin-bottom: 1.333em;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content a:last-of-type {
margin-bottom: 0;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content .byline {
font-size: 1.2em;
margin: 0;
margin-top: 0.666666em;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container {
position: relative;
max-width: 16%;
height: fit-content;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -0.3em;
bottom: -0.3em;
background: #27274c;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container img {
width: 100%;
position: relative;
}
.article-content .main-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .report-cover img {
max-width: 100%;
}
.article-content .main-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content {
padding: 0 0 0 2em;
margin: 0;
}
.article-content .main-content .sponsored-whitepaper .button-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.article-content .main-content .sponsored-whitepaper .button-container .author {
font-size: 1.2em;
line-height: 1.166666em;
}
.article-content .main-content .sponsored-whitepaper.hidden .hidden-form {
display: none;
}
.article-content .main-content .sponsored-whitepaper.hidden .hidden-form .form-group .input-container button {
display: flex;
}
.article-content .main-content .sponsored-whitepaper.hidden .hidden-form .form-group .input-container button.hidden {
display: none;
}
@media (min-width: 1399px) {
.article-content .main-content .sponsored-whitepaper.hidden .form-wrapper {
width: 75%;
}
}
.article-content .main-content .sponsored-whitepaper.hidden .form-wrapper .form-group .input-container button {
background-color: #373997;
cursor: pointer;
margin: 1rem 0 0 0;
}
.article-content .main-content .sponsored-whitepaper.hidden .form-wrapper .form-group .input-container button.hidden {
display: none;
}
.article-content .main-content .sponsored-whitepaper .form-wrapper {
margin-left: auto;
}
.article-content .main-content .sponsored-whitepaper .form-wrapper button[type=submit] {
width: 100%;
margin: 2em 0;
}
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group input,
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group .custom-select,
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group select {
padding: 0.579844em 0.666666em;
background-color: #ffffff;
margin-bottom: 0;
}
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group .input-container {
position: relative;
}
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group .input-container button {
background-color: #dbdbdb;
margin-top: 0.5em;
border-color: transparent;
cursor: not-allowed;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group input,
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group .custom-select,
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group select {
padding: 0.401em 0.666666em;
}
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group .input-container {
position: relative;
}
.article-content .main-content .sponsored-whitepaper .form-wrapper .form-group .input-container button {
position: absolute;
right: 0;
bottom: 0;
padding: 0.625em 3.25em;
line-height: 1.125em;
margin-top: 0;
}
}
.article-content .main-content .sponsored-whitepaper .form-wrapper .captcha iframe {
margin: 0 0 1rem 0;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .sponsored-whitepaper {
padding: 3.2em;
margin-bottom: 2.4em;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container {
margin-bottom: 2em;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content h4 {
font-size: 1.2em;
line-height: 1.714285em;
margin-bottom: 0.5rem;
padding-bottom: 0;
font-family: "atlas", sans-serif;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content h3 {
font-size: 2.4em;
line-height: 1.25em;
font-family: "atlas", sans-serif;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content p,
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description {
display: block;
font-size: 1.6em;
line-height: 1.5em;
color: #626262;
font-family: "atlas", sans-serif;
margin-top: var(--article-heading-plus-p-margin);
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content p.buyers-guide__description.hidden + p,
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description.buyers-guide__description.hidden + p {
margin-top: var(--article-heading-plus-p-margin);
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description {
margin-bottom: var(--article-text-margin);
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description.hidden {
display: none;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description p,
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .content #vms_description ul {
font-size: 1em;
margin-top: 1.5em;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container {
order: -1;
max-width: 13em;
}
.article-content .main-content .sponsored-whitepaper .sponsored-whitepaper-container .image-container:before {
left: -0.8em;
bottom: -0.8em;
}
.article-content .main-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .report-cover {
display: inline-block;
}
.article-content .main-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content {
margin: 0;
width: 75%;
}
.article-content .main-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content .button {
display: inline-block;
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
}
.article-content .main-content .sponsored-whitepaper.download-report .sponsored-whitepaper-container .content p.byline {
margin: 0;
font-size: 1.4em;
float: right;
}
.article-content .main-content .sponsored-whitepaper .button-container {
margin-left: auto;
}
}
.article-content .main-content .sponsored-with-form .form-wrapper {
width: 100%;
}
@media (min-width: 768px) {
.article-content .main-content .sponsored-with-form .form-wrapper {
margin-left: auto;
width: 75%;
}
}
.article-content .main-content .sponsored-with-form .form-wrapper button[type=submit] {
width: 100%;
}
.article-content .main-content .sponsored-with-form .form-wrapper .form-group {
margin-bottom: 1.5em;
}
.article-content .main-content .sponsored-with-form .form-wrapper .form-group input,
.article-content .main-content .sponsored-with-form .form-wrapper .form-group .custom-select,
.article-content .main-content .sponsored-with-form .form-wrapper .form-group select {
padding: 0.579844em 0.666666em;
background-color: #ffffff;
}
.article-content .main-content .sponsored-with-form .form-wrapper .form-group .input-container {
position: relative;
}
.article-content .main-content .sponsored-with-form .form-wrapper .form-group .input-container button {
margin-top: 0.5em;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .sponsored-with-form .form-wrapper .form-group input,
.article-content .main-content .sponsored-with-form .form-wrapper .form-group .custom-select,
.article-content .main-content .sponsored-with-form .form-wrapper .form-group select {
padding: 0.438em 0.666666em;
}
.article-content .main-content .sponsored-with-form .form-wrapper .form-group input {
padding: 0.4em 0.666666em;
}
.article-content .main-content .sponsored-with-form .form-wrapper .form-group .input-container {
position: relative;
}
.article-content .main-content .sponsored-with-form .form-wrapper .form-group .input-container button {
width: fit-content;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
padding: 0.625em 3.25em;
line-height: 1.125em;
margin-top: 0 !important;
border-radius: 0;
box-shadow: none;
}
}
.article-content .main-content .sponsored-with-form.hidden .hidden-form {
display: none;
}
.article-content .main-content .buyers-guide {
display: flex;
flex-direction: column;
background: #f3f3f1;
padding: 1.6em;
margin-bottom: 2em;
}
.article-content .main-content .buyers-guide .buyers-guide-container {
display: flex;
justify-content: space-between;
}
.article-content .main-content .buyers-guide .buyers-guide-container .author {
font-size: 1.2em;
line-height: 1.166666em;
display: block;
margin-bottom: 2em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content {
margin-right: 2em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content h4 {
font-size: 1.2em;
line-height: 2em;
margin-bottom: 0.3333em;
padding-bottom: 0;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content h3 {
font-size: 1.8em;
line-height: 1.333333em;
margin-bottom: 0.666666em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content p {
display: none;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content a {
display: block;
text-decoration: none;
font-size: 1.2em;
margin: 0;
margin-bottom: 1.333em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content a:last-of-type {
margin-bottom: 0;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content .byline {
font-size: 1.2em;
margin: 0;
margin-top: 0.666666em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .image-container {
position: relative;
max-width: 16%;
height: fit-content;
}
.article-content .main-content .buyers-guide .buyers-guide-container .image-container:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -0.3em;
bottom: -0.3em;
background: #151529;
}
.article-content .main-content .buyers-guide .buyers-guide-container .image-container img {
width: 100%;
position: relative;
}
.article-content .main-content .buyers-guide form {
margin-left: auto;
}
.article-content .main-content .buyers-guide .input-container {
width: 100%;
display: flex;
flex-direction: column;
}
.article-content .main-content .buyers-guide .input-container input {
width: 100%;
font-size: 1.6em;
line-height: 1.5em;
background: #ffffff;
color: #626262;
border: 0.063em solid #dbdbdb;
padding: 0.5em 0.75em;
margin-bottom: 0.5em;
}
.article-content .main-content .buyers-guide .input-container input::placeholder {
color: #626262;
}
.article-content .main-content .buyers-guide .input-container button {
width: 100%;
font-size: 1.6em;
line-height: 1.25em;
padding: 0.625em 2.5em;
margin: 0;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .buyers-guide {
padding: 3.2em;
margin-bottom: 2.4em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content {
margin-right: 0;
margin-left: 3.2em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content h4 {
font-size: 1.4em;
line-height: 1.714285em;
margin-bottom: 0.571428em;
padding-bottom: 0;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content h3 {
font-size: 2.4em;
line-height: 1.25em;
margin-bottom: 0.5em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .content p {
display: block;
font-size: 1.6em;
line-height: 1.5em;
color: #626262;
}
.article-content .main-content .buyers-guide .buyers-guide-container .image-container {
order: -1;
max-width: 13em;
}
.article-content .main-content .buyers-guide .buyers-guide-container .image-container:before {
left: -0.8em;
bottom: -0.8em;
}
.article-content .main-content .buyers-guide .input-container {
flex-direction: row;
align-items: center;
margin-left: auto;
}
.article-content .main-content .buyers-guide .input-container input {
width: 75%;
margin-bottom: 0;
}
.article-content .main-content .buyers-guide .input-container button {
width: 25%;
margin-top: 0;
}
}
.article-content .main-content .related-companies {
padding-left: 0;
padding-right: 0;
}
.article-content .main-content .related-companies header {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 1.2em;
}
.article-content .main-content .related-companies .related-companies-card article {
display: flex;
padding-bottom: 1.2em;
padding-top: 0;
margin-bottom: 1.2em;
}
.article-content .main-content .related-companies .related-companies-card article figure {
flex: 0 0 25%;
display: block;
margin-right: 1.5em;
margin-bottom: 0;
padding-top: 0;
}
.article-content .main-content .related-companies .related-companies-card article figure a {
padding-top: 56.25%;
position: relative;
min-height: auto;
}
.article-content .main-content .related-companies .related-companies-card article figure a img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
.article-content .main-content .related-companies .related-companies-card article div {
padding: 0;
display: flex;
flex-direction: column;
}
.article-content .main-content .related-companies .related-companies-card article div .company {
font-size: 1.2em;
line-height: 1.333333em;
}
.article-content .main-content .related-companies .related-companies-card article div .company a {
color: #464646;
}
.article-content .main-content .related-companies .related-companies-card article div h3 {
font-size: 1.6em;
line-height: 1.25em;
}
.article-content .main-content .related-companies .related-companies-card article div .profile-link {
margin-top: 1.333333em;
color: #373997;
font-size: 1.2em;
line-height: 1.333333em;
font-weight: 500;
}
@media only screen and (min-width: 62em) {
.article-content .main-content .related-companies .related-companies-card article {
display: block;
}
}
.article-content .main-content .article-footer .gdm-article-actions {
margin-top: var(--edge-spacing-px);
border-top: solid 1px #ddd;
padding-top: var(--edge-spacing-px);
border-bottom: none;
}
.article-content .main-content .article-footer .gdm-article-actions .gdm-article-index {
display: none;
}
.article-content .main-content .article-footer .gdm-article-actions .share-and-save .gdm-article-save.save-modal-open .article-save-modal {
margin-bottom: -80px;
}
.article-content .main-content .tags {
display: flex;
align-items: center;
max-width: 100%;
width: 100%;
padding-bottom: 1.2em;
padding-left: 0;
padding-right: 0;
margin-bottom: 2.2em;
margin-top: 2em;
border-bottom: 0.1em solid #ddd;
}
.article-content .main-content .tags p {
font-size: 1.2em;
line-height: 1.333333em;
font-weight: 500;
color: #000;
margin-right: 1.666666em;
margin-bottom: 0;
}
.article-content .main-content .tags-container span {
padding: 0.4em 0.8em;
background: #f3f3f3;
border-radius: 0.1em;
font-size: 1em;
line-height: 1.6em;
color: #151529;
}
.article-content .main-content .full-width-container {
width: 100%;
margin-top: 3.2em;
margin-bottom: 3.2em;
}
.article-content .main-content .full-width-container img {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: auto;
}
.article-content .main-content #Sgpollsputhere {
width: 100%;
height: auto !important;
}
.article-content .main-content #Sgpollsputhere iframe + iframe {
display: none;
height: 0px;
position: absolute;
overflow: hidden;
visibility: hidden;
}
.article-content div.author-container.mobile-only {
padding-top: 0.75em;
padding-bottom: 0.75em;
border-top: 1px solid #ddd;
}
.article-content div.author-container.desktop-only {
padding-top: 12px;
}
.article-content div.author-container.desktop-only div.avatar {
flex-direction: row;
align-items: center;
}
.article-content div.author-container.desktop-only div.avatar .avatar-image__container {
min-width: 40px;
}
.article-content div.author-container.desktop-only div.avatar div.avatar-name__container h3.author-name {
color: #151529;
width: max-content;
margin-bottom: 0;
font-size: 18px;
}
.article-content div.author-container.desktop-only .author-info .author-description {
color: #515151;
}
.article-content .sidebar-content.sidebar-scalar .view-all {
margin-top: 12px;
font-size: 14px;
font-weight: 500;
}
.article-content .sidebar-content.sidebar-scalar.mobile-only {
display: block;
}
.article-content .sidebar-content.sidebar-scalar.mobile-only .promoted-reports {
padding-top: 8px;
border-top: 4px solid #373997;
}
.article-content .sidebar-content.sidebar-scalar.mobile-only .premium-insights-banner,
.article-content .sidebar-content.sidebar-scalar.mobile-only .related-company-profiles {
display: block;
}
.article-content .sidebar-content.sidebar-scalar.mobile-only div.related-company-profiles {
border-top: 4px solid #373997;
padding-top: 8px;
font-family: "Atlas Grotesk Web", sans-serif;
}
.article-content .sidebar-content.sidebar-scalar.mobile-only div.related-company-profiles a:not(.new-window) {
text-decoration: none;
}
@media only screen and (min-width: 62em) {
.article-content .sidebar-content {
max-width: 100%;
display: block;
padding: 0;
margin: 0;
border-bottom: none;
}
.article-content .sidebar-content.sidebar-scalar {
position: relative;
top: -12.3rem;
right: 3rem;
}
.article-content .sidebar-content.sidebar-scalar.mobile-only {
display: none;
}
.article-content .sidebar-content.sidebar-scalar .view-all a {
text-decoration: underline;
}
.article-content .sidebar-content .author-name {
font-size: 1.3em;
line-height: 1.230769em;
font-weight: 500;
margin-bottom: 0.615384em;
}
.article-content .sidebar-content .prospecting-img {
display: block;
}
.article-content .sidebar-content > .sidebar-content {
border-top: none;
margin-bottom: 0em;
padding-top: 0;
}
.article-content .sidebar-content > .sidebar-content .premium-insights-banner {
border: none;
padding-top: 12px;
}
.article-content .sidebar-content > .sidebar-content .premium-insights-banner header {
border: none;
}
.article-content .sidebar-content > div {
padding-top: 0.8em;
border-top: 0.4em solid #373997;
margin-bottom: 3.2em;
}
.article-content .sidebar-content > div .grid-x {
margin: 0;
}
.article-content .sidebar-content > div header {
border-color: #dbdbdb;
}
.article-content .sidebar-content > div h3 {
line-height: 1.333333em;
font-size: 18px;
}
.article-content .sidebar-content > div h4 {
line-height: 1.42857em;
padding-bottom: 0;
}
.article-content .sidebar-content > div .cell {
border-right: none;
padding: 0;
padding-bottom: 1.2em;
border-bottom: 0.1em solid #ddd;
margin: 0;
margin-bottom: 1.2em;
}
.article-content .sidebar-content > div .cell .category {
margin-bottom: 0.333333em;
font-size: 1.2em;
line-height: 1.333333em;
}
.article-content .sidebar-content > div .cell .category a {
font-size: inherit;
}
.article-content .sidebar-content > div .cell:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.article-content .sidebar-content > div:last-child {
margin-bottom: 0;
}
.article-content .sidebar-content > div:last-child .cell:last-child {
border-bottom: 0.1em solid #ddd;
padding-bottom: 1.2em;
}
.article-content .sidebar-content > div:last-child.gdm-recommended-reports .cell:last-child {
border: none;
padding-bottom: 0;
}
.article-content .sidebar-content .view-all-link {
font-size: 1.4em;
font-weight: 500;
line-height: 1.428571em;
text-decoration: underline;
}
.article-content .sidebar-content .author-container {
display: flex;
flex-direction: column;
padding-top: 2em;
}
.article-content .sidebar-content .author-container .author-avatar {
max-width: 10em;
margin-bottom: 1.4em;
}
.article-content .sidebar-content .author-container .author-avatar img {
width: 100%;
border-radius: 50%;
padding: 0;
}
.article-content .sidebar-content .author-container .author-meta .author-name {
font-size: 1.6em;
line-height: 1.25em;
margin-bottom: 0.25em;
padding: 0;
}
.article-content .sidebar-content .author-container .author-meta .author-info {
display: flex;
flex-direction: column;
}
.article-content .sidebar-content .author-container .author-meta .author-info .author-tag {
font-size: 1em;
line-height: 1.6em;
margin-bottom: 0.8em;
color: #373997;
}
.article-content .sidebar-content .author-container .author-meta .author-info .author-description {
font-weight: 400;
line-height: 1.42857em;
}
}
.article-content .sidebar-content .widget {
margin-bottom: 2.4em;
}
.next-articles {
margin-bottom: 1.6em;
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.next-articles header {
padding-bottom: 1.6em;
margin-bottom: 1.4em;
}
.next-articles header h2 {
font-size: 1.4em;
line-height: 1.214em;
}
.next-articles header a {
display: none;
}
.next-articles article {
width: 50%;
}
.next-articles article:nth-child(odd) {
padding-right: 1.6em;
border-right: 0.1em solid #ddd;
}
.next-articles article:nth-child(even) {
padding-left: 1.6em;
}
.next-articles article:nth-last-child(-n+2) {
border-bottom: 0;
}
.breadcrumbs {
display: flex;
align-items: center;
list-style: none;
margin: 0;
}
.breadcrumbs li {
font-size: 0.75em;
line-height: 1.333333em;
font-weight: 500;
}
.breadcrumbs li a {
color: #373997;
}
.breadcrumbs li a.sponsored {
color: #151529;
font-weight: bold;
}
@media only screen and (min-width: 62em) {
.article-header__content .article-header__title {
font-size: 4.8em;
line-height: 1.083333em;
margin-bottom: 0.375em;
}
.article-header__content .article-header__excerpt {
font-size: 2.2em;
line-height: 1.272727em;
margin-bottom: 0.727272em;
}
.article-content .main-content .share {
padding: 1.6em 0;
}
.article-content .main-content .tags {
border-bottom: none;
padding-left: 0;
padding-right: 0;
}
.article-content .main-content .article-header__excerpt {
font-size: 2.2em;
line-height: 1.272727em;
margin-bottom: 0.727272em;
}
.article-content .main-content .article-content .main-content .share {
padding: 1.6em 0;
margin-bottom: 2.4em;
}
.article-content .main-content .article-content .main-content .tags {
border-bottom: none;
padding-left: 0;
padding-right: 0;
}
}
.ad-slot {
margin-bottom: var(--edge-spacing);
}
.talk-to-us {
margin-top: 0;
}
.talk-to-us p {
font: 1.8em Lora, Georgia, serif;
}
.talk-to-us p a {
font: 1em Lora, Georgia, serif;
text-decoration: underline;
}
.in-article-newsletter .newsletter-signup-box {
margin-top: 0;
margin-bottom: 2.5em;
}
.in-article-newsletter h2 {
display: none;
}
.in-article-newsletter h3.newsletter-signup__title {
font-size: 2.4em;
margin-bottom: 1em;
}
@media (min-width: 1399px) {
.in-article-newsletter h3.newsletter-signup__title {
margin-bottom: 0.5em;
}
}
@media (min-width: 768px) {
.in-article-newsletter .newsletter-signup-box {
padding-top: 2.5em;
padding-bottom: 2.5em;
}
.in-article-newsletter .newsletter-icon-cta {
display: block;
}
.in-article-newsletter .newsletter-icon-cta img.newsletter-icon {
float: left;
width: 20%;
}
.in-article-newsletter .newsletter-icon-cta div {
float: right;
width: 75%;
}
.in-article-newsletter .newsletter-icon-cta div h2 {
display: block;
color: white;
font-size: 1.2em;
}
.in-article-newsletter .newsletter-button {
margin-left: 22.6%;
}
}
.article-content .sidebar-content .author-container.lgp-author {
border-top: none;
}
.article-grid.sidebar-content header {
margin-top: 0;
margin-bottom: 1.2em;
}
.article-grid.sidebar-content > div {
margin-bottom: 3.2em;
text-decoration: none;
min-width: 300px;
}
.article-grid.sidebar-content > div.lgp-author {
margin-bottom: 2em;
}
.article-grid.sidebar-content:not(.article-grid-x):last-of-type .grid-x article {
border-bottom: solid 1px #ddd;
}
.article-grid.sidebar-content div h4 {
margin-bottom: 0;
}
.article-grid.sidebar-content .widget div h4 {
margin-bottom: 0.85712em;
padding-bottom: 0.85712em;
}
.article-tags ul {
border: none;
padding: 0;
font: 14px/1 atlas, "Helvetica Neue", helvetica, sans-serif;
}
.article-tags ul li {
display: inline-block;
margin-right: 10px;
}
.article-tags ul li a {
border: solid 1px #373997;
border-radius: 3px;
padding: 7px 15px;
display: inline-block;
}
.article-page {
position: relative;
}
.article-page .article-header__content .brought-to-you-by {
font-size: 12px;
}
.article-page .article-header__content .brought-to-you-by a img {
height: 15px;
margin-left: 5px;
}
.article-page .main-content .premium-insights-banner.mobile-only {
margin-bottom: var(--article-text-margin);
}
.article-page .main-content .premium-insights-banner.mobile-only .content figure img {
box-shadow: -0.4em 0.4em 0px 0px #000000;
}
.article-page .main-content .premium-insights-banner.mobile-only h2 {
font-size: 14px;
line-height: 20px;
}
@media (min-width: 992px) {
.article-page .main-content .in-article-premium-insights {
display: none;
}
}
@media (max-width: 768px) {
.article-page .main-content .in-article-premium-insights .gdm-premium-insights-banner .content {
padding-top: 12px;
}
.article-page .main-content .in-article-premium-insights .sidebar-content {
display: block;
margin-bottom: 2em;
}
.article-page .main-content .in-article-premium-insights .sidebar-content .related-company-profiles {
padding-top: 0.8em;
border-top: 0.4em solid #373997;
}
.article-page .main-content .in-article-premium-insights .sidebar-content .related-company-profiles header {
border-bottom: 1px solid #ddd;
padding-bottom: 1.2em;
}
.article-page .main-content .in-article-premium-insights .sidebar-content .related-company-profiles article {
padding: 1.2em 0;
border-bottom: 0.1em solid #ddd;
margin: 0;
}
.article-page .main-content .in-article-premium-insights .sidebar-content .related-company-profiles article h4 {
margin: 0;
}
.article-page .main-content .in-article-premium-insights .sidebar-content .related-company-profiles article a {
text-decoration: none;
}
.article-page .main-content .in-article-premium-insights .sidebar-content .related-company-profiles .view-all {
margin: 1.2em 0;
font-size: 14px;
font-weight: 500;
}
}
.author-container .author-avatar {
display: flex;
}
.author-container .author-avatar .avatar-image__container {
border-radius: 50%;
overflow: hidden;
width: 5em;
margin-right: 10px;
}
.article-content .sidebar-content .gdm-premium-insights-banner {
border: none;
}
.article-content .sidebar-content .gdm-premium-insights-banner header {
border: none;
}
article .category h3.c-post-content__title.c-post-content__title--home {
font-size: 1.125rem;
}
article .category h3.c-post-content__title.c-post-content__title--home > a {
font-size: 1.125rem;
}
article .category h3.c-post-content__title.c-post-content__title--home > a:hover {
color: #373997;
}
@media (max-width: 768px) {
#vms_description {
margin-bottom: 0.9375rem;
}
}
#buyergudeform .form-group {
margin-bottom: 0.9375rem;
}
#buyergudeform p {
font-size: 0.75rem;
}
/* End _articles.scss */
.wide-article .article-header {
width: 800px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
.wide-article .article-header .article-header__content {
width: 100%;
}
.wide-article .article-header .article-header__content p {
font-size: 18px;
line-height: 1.3333;
}
@media (min-width: 992px) {
.wide-article .article-header .article-header__content p {
font-size: 22px;
}
}
.wide-article .article-content {
width: 1400px;
max-width: 100%;
}
.wide-article .article-content .main-content {
width: 100%;
}
.wide-article .article-content .main-content .share,
.wide-article .article-content .main-content p,
.wide-article .article-content .main-content ul,
.wide-article .article-content .main-content ol {
width: 800px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.wide-article .article-content .main-content p:first-of-type {
font: 18px/1.33 atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.01;
color: #626262;
}
.wide-article .article-content .main-content .article-image figure div {
max-height: 600px;
overflow: hidden;
}
.wide-article .article-content .main-content .article-image figure div img {
display: block;
}
.wide-article .article-content .main-content .article-image figure figcaption {
margin-top: 12px;
}
@media (min-width: 992px) {
.wide-article .article-content .main-content .article-image {
margin-top: 50px;
}
}
.wide-article .article-content .main-content .data-visualisation {
margin-bottom: var(--article-text-margin);
}
.wide-article .article-content .main-content .data-visualisation.narrow {
width: 800px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.wide-article .article-content .main-content iframe,
.wide-article .article-content .main-content img.full-width {
margin-top: 24px;
}
}
.c-footer {
padding-top: 2rem;
padding-bottom: 0.75rem;
font-family: "atlas", sans-serif;
text-align: center;
color: #fff;
background-color: #151529;
border-top: 1px solid rgba(219, 219, 219, 0.25);
}
@media print, screen and (min-width: 48em) {
.c-footer {
padding-bottom: 1.5rem;
}
}
img.footer-logo {
height: 22px;
max-width: 100%;
margin: 0 auto 0.75rem;
}
.c-footer__tag-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin: 0 0 2rem;
font-size: 0.75rem;
line-height: 1.333333333;
color: #dbdbdb;
}
.c-footer__tag-line-img {
display: block;
width: auto;
height: 2rem;
margin: 0 0 0 0.3125rem;
}
@media print, screen and (min-width: 48em) {
.c-footer__tag-line {
font-size: 0.875rem;
line-height: 1.571428571;
}
.c-footer__tag-line-img {
height: 0.6875rem;
}
}
.c-footer__nav {
margin: 0 0 2rem;
font-weight: 500;
font-size: 0.875rem;
line-height: 1.571428571;
}
.c-footer__nav-list {
list-style: none;
margin: 0;
padding: 0;
}
.c-footer__nav-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.5rem;
}
.c-footer__nav-item:last-child {
margin-bottom: 0;
}
.c-footer__nav-link {
display: block;
color: inherit;
-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
}
.c-footer__nav-link:hover,
.c-footer__nav-link:focus {
color: inherit;
text-decoration: underline;
}
.c-footer__nav-link:focus {
outline: 0;
}
@media print, screen and (min-width: 48em) {
.c-footer__nav {
margin-bottom: 3.375rem;
}
.c-footer__nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-footer__nav-item {
margin-bottom: 0;
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.c-footer__copyright {
margin: 0;
font-size: 0.75rem;
line-height: 1.333333333;
color: #dbdbdb;
}
/* New footer design */
.footer-container {
font-size: 10px;
padding: 3.2em var(--page-gutters);
color: #fff;
background-color: #27274c;
margin-bottom: -1px;
}
.footer-container .footer-wrapper {
max-width: 140em;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.footer-container .footer-wrapper .footer-tag-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 1.166666em;
font-size: 1.4em;
line-height: 1.214285em;
color: #fff;
}
.footer-container .footer-wrapper .footer-tag-line .c-footer__tag-line-img {
display: block;
width: auto;
height: 1em;
margin: 0 0 0 0.3125rem;
}
.footer-container .footer-wrapper .footer-logo-text {
display: flex;
align-items: center;
font-size: 2.4em;
line-height: 1.208333em;
font-weight: 300;
color: #fff;
margin-bottom: 0.5em;
}
.footer-container .footer-wrapper .footer-logo-text span {
font-weight: 500;
margin-right: 0.083333em;
}
.footer-container .footer-wrapper .footer-excerpt {
font-size: 1.6em;
font-weight: 400;
line-height: 1.5em;
margin-bottom: 1.5em;
color: white;
}
.footer-container .footer-wrapper .footer-nav {
width: 100%;
padding-top: 2.4em;
margin-bottom: 2.4em;
border-top: 1px solid #dbdbdb;
}
.footer-container .footer-wrapper .footer-nav .footer-nav-list {
list-style: none;
display: flex;
flex-direction: column;
font-size: 10px;
margin: 0;
}
.footer-container .footer-wrapper .footer-nav .footer-nav-list li {
font-size: 1.4em;
line-height: 1.214285em;
font-weight: 500;
margin-bottom: 0.857142em;
}
.footer-container .footer-wrapper .footer-nav .footer-nav-list li:last-of-type {
margin-bottom: 0;
}
.footer-container .footer-wrapper .footer-nav .footer-nav-list li a {
color: #fff;
}
.footer-container .footer-wrapper .copyright-col {
width: 100%;
display: flex;
flex-direction: column;
padding-top: 2.4em;
margin-bottom: 1.6em;
border-top: 1px solid #dbdbdb;
}
.footer-container .footer-wrapper .copyright-col ul {
list-style: none;
display: flex;
flex-direction: column;
font-size: 10px;
margin: 0;
}
.footer-container .footer-wrapper .copyright-col ul li {
font-size: 1.4em;
line-height: 1.214285em;
font-weight: 500;
margin-bottom: 0.857142em;
}
.footer-container .footer-wrapper .copyright-col ul li:last-of-type {
margin-bottom: 2.285714em;
}
.footer-container .footer-wrapper .copyright-col ul li a {
color: #fff;
}
.footer-container .footer-wrapper .share {
display: flex;
margin-bottom: 1.6em;
}
.footer-container .footer-wrapper .share div {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
.footer-container .footer-wrapper .share div a {
display: flex;
align-items: center;
justify-content: center;
width: 3.2em;
height: 3.2em;
border: 0.1em solid #fff;
border-radius: 0.1em;
margin-right: 1.2em;
}
.footer-container .footer-wrapper .share div a img {
height: auto;
margin: 0;
}
.footer-container .footer-wrapper .share div a.icon-email img {
width: 1.2em;
}
.footer-container .footer-wrapper .share div a.icon-linkedin img {
width: 1.1em;
}
.footer-container .footer-wrapper .share div a.icon-twitter img {
width: 1.3em;
}
.footer-container .footer-wrapper .share div a.icon-facebook img {
width: 0.8em;
}
.footer-container .footer-wrapper .footer-copyright {
font-size: 1.4em;
line-height: 1.214285em;
color: #fff;
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.footer-container .footer-wrapper {
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;
}
.footer-container .footer-wrapper .main-footer-col {
margin-right: 4em;
}
.footer-container .footer-wrapper .main-footer-col img {
margin-bottom: 1.2em;
}
.footer-container .footer-wrapper .footer-cols {
flex-direction: row;
justify-content: flex-end;
flex-wrap: nowrap;
}
.footer-container .footer-wrapper .footer-cols .footer-nav {
width: 50%;
padding-top: 0;
padding-left: 2.4em;
border-left: 1px solid rgba(221, 221, 221, 0.5);
border-top: none;
margin-top: 0;
margin-bottom: 0;
}
.footer-container .footer-wrapper .footer-cols .copyright-col {
width: 50%;
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 2.4em;
border-left: 1px solid rgba(221, 221, 221, 0.5);
border-top: 0;
}
.footer-container .footer-wrapper .footer-tag-line {
margin-top: auto;
}
}
@media only screen and (min-width: 62em) {
.search-page-main .site-header .search-button {
opacity: 0;
visibility: hidden;
z-index: -9999;
}
}
@media only screen and (min-width: 62em) {
.search-page-main .site-header form.search-form.laptop-search {
width: 30em;
height: auto;
margin-left: -4em;
}
}
.site-header {
font-size: 62.5%;
border-top: solid 0.4em #373997;
border-bottom: solid 1px #ddd;
padding: 0.8em 0;
background: white;
position: relative;
background: white;
z-index: 99999;
min-height: 6.3em;
}
.site-header ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-header .menu-button.mobile-nav {
display: none;
}
.site-header .site-logo {
width: 32em;
padding-right: 2em;
margin: var(--padding) var(--page-gutters);
top: 0.25em;
position: relative;
}
.site-header .site-logo img {
max-height: 9em;
}
.site-header .menu-button,
.site-header .login-button,
.site-header .search-button {
width: 5em;
height: 2.8em;
background: url("../img/icon_user.png") no-repeat center;
background-size: 2.5em;
text-indent: -5000px;
overflow: hidden;
display: inline-block;
cursor: pointer;
position: absolute;
right: 0;
top: 1.25em;
}
.site-header .login-button {
border-right: solid 1px #ddd;
right: 6em;
border-right: solid 1px #ddd;
}
.site-header .menu-button {
background-image: url("../img/icon_menu.png");
}
.site-header .search-button {
background-image: url("../img/icon_search.png");
display: none;
}
.site-header .laptop-search {
display: none;
}
.site-header form.search-form {
/* margin: var(--edge-spacing-l) var(--edge-spacing-1) var(--edge-spacing-l)
var(--page-gutters);*/
margin: var(--edge-spacing-l) 0 var(--edge-spacing-l) var(--page-gutters);
}
.site-header .nav-block {
padding: var(--edge-spacing-l);
}
.site-header .nav-block h2 {
font-weight: normal;
font-size: 14px;
padding-bottom: var(--text-spacing);
border-bottom: 1px solid #ddd;
margin-bottom: 9px;
}
.site-header .burger-menu {
margin-top: -1px;
width: 100%;
background: white;
border: solid 1px #ddd;
position: fixed;
z-index: 9999;
left: -100%;
right: 100%;
bottom: 0;
transition: right 0.3s ease-in-out, left 0.3s ease-in-out;
}
.site-header .burger-menu section {
padding: var(--edge-spacing-l) var(--edge-spacing-l) var(--edge-spacing-l) var(--page-gutters);
}
.site-header .burger-menu section ul {
font-weight: 500;
font-size: 1.4em;
}
.site-header .burger-menu section ul li {
position: relative;
padding: 0.5em 0;
}
.site-header .burger-menu section ul li:last-of-type {
padding-bottom: 0;
}
.site-header .burger-menu section ul li.active a {
color: #373997;
}
.site-header .burger-menu section ul li a {
color: #151529;
}
.site-header .burger-menu section ul li a:hover, .site-header .burger-menu section ul li a.active {
color: #373997;
}
.site-header .burger-menu section ul li input {
position: absolute;
right: 0;
top: 0.7em;
width: 17px;
height: 17px;
background: #373997;
cursor: pointer;
}
.site-header .burger-menu section ul li input:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../img/icon_arrow.png") no-repeat center;
background-size: 80%;
}
.site-header .burger-menu section ul li input:checked:before {
transform: rotate(180deg);
}
.site-header .burger-menu section ul li input:checked + a {
color: #373997;
}
.site-header .burger-menu section ul li input:checked ~ ul {
height: auto;
margin-left: 1em;
margin-top: 0.3em;
}
.site-header .burger-menu section ul li input:checked ~ ul li.active a,
.site-header .burger-menu section ul li input:checked ~ ul li.current a {
color: #373997;
}
.site-header .burger-menu section ul li.premium-insights-menu-link a {
color: #373997;
padding-left: 0.25rem;
padding-right: 0.1rem;
}
.site-header .burger-menu section ul li.premium-insights-menu-link a:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.site-header .burger-menu section ul li.premium-insights-menu-link a:before {
background-image: url("../img/gd_logo_icon_purple.png");
width: 11px;
height: 15px;
margin-right: 0.25rem;
top: -1px;
position: relative;
}
.site-header .burger-menu section ul li.premium-insights-menu-link.current a {
border-bottom: none;
}
.site-header .burger-menu section ul li ul {
height: 0;
overflow: hidden;
transition: height 0.5s ease-in-out;
font-weight: normal;
font-size: 1em;
}
.site-header .burger-menu section ul li ul li a {
font-weight: normal;
}
.site-header .nav-bar {
display: none;
}
.site-header .sub-nav-bar {
margin-top: 0.8rem;
margin-bottom: -0.8rem;
background: #f3f3f1;
min-height: 4em;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
transition: top 0.2s ease-in-out;
}
.site-header .sub-nav-bar.sticky-nav {
position: fixed;
left: 0;
right: 0;
margin-top: 0;
z-index: 9999;
}
@media (min-width: 992px) {
.site-header .sub-nav-bar.sticky-nav {
top: 4em;
}
}
.site-header .sub-nav-bar .sub-nav-inner {
padding: 1px var(--page-gutters);
}
.site-header .sub-nav-bar .sub-nav-inner,
.site-header .sub-nav-bar .breadcrumb {
transition: margin-left 0.3s ease-in-out;
}
@media (max-width: 540px) {
.site-header .sub-nav-bar .sub-nav-inner {
overflow: scroll;
position: relative;
-ms-overflow-style: none;
/* IE 11 */
scrollbar-width: none;
/* Firefox 64 */
overflow: -moz-scrollbars-none;
}
.site-header .sub-nav-bar .sub-nav-inner::-webkit-scrollbar, .site-header .sub-nav-bar .sub-nav-inner::-webkit-scrollbar-track, .site-header .sub-nav-bar .sub-nav-inner::-webkit-scrollbar-thumb {
display: none;
}
.site-header .sub-nav-bar .sub-nav-inner .subcategories {
overflow: visible;
}
.site-header .sub-nav-bar .arrow-left,
.site-header .sub-nav-bar .arrow-right {
display: none;
}
}
.site-header .sub-nav-bar .subcategories {
position: relative;
}
.site-header .sub-nav-bar li {
display: inline-block;
}
.site-header .sub-nav-bar .breadcrumb ul li a,
.site-header .sub-nav-bar .subcategories ul li a {
display: inline-block;
padding-top: 0.7em;
padding-bottom: 0.5em;
border-bottom: solid 0.2em transparent;
transition: all 0.3s ease-in-out;
}
.site-header .sub-nav-bar .breadcrumb ul li a:hover,
.site-header .sub-nav-bar .subcategories ul li a:hover {
border-bottom: solid 0.2em #373997;
}
.site-header .sub-nav-bar .breadcrumb {
position: absolute;
left: var(--page-gutters);
}
.site-header .sub-nav-bar .breadcrumb ul {
font-size: 1.2em;
font-weight: 500;
position: relative;
padding-top: 0.2em;
}
@media (min-width: 540px) {
.site-header .sub-nav-bar .breadcrumb ul {
font-size: 1.4em;
padding-top: 0;
}
}
.site-header .sub-nav-bar .breadcrumb ul:after {
content: "";
width: 1px;
top: 0.7em;
bottom: 0.7em;
display: block;
background: #dbdbdb;
position: absolute;
right: -12px;
}
.site-header .sub-nav-bar .breadcrumb ul li {
color: #373997;
}
.site-header .sub-nav-bar .breadcrumb ul li a {
color: #373997;
}
.site-header .sub-nav-bar .breadcrumb ul li:after {
content: "";
background: url("../img/icon_arrow_purple.png") no-repeat center;
background-size: 100%;
display: inline-block;
width: 10px;
height: 0.8em;
margin: 0 0 0 0.4em;
}
.site-header .sub-nav-bar .breadcrumb ul li:last-child:after {
content: none;
display: none;
}
.site-header .sub-nav-bar .subcategories {
overflow: hidden;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.site-header .sub-nav-bar .subcategories.loaded {
opacity: 1;
}
.site-header .sub-nav-bar .subcategories ul {
position: relative;
font-size: 1.2em;
font-weight: 400;
padding-top: 0.2em;
}
@media (min-width: 540px) {
.site-header .sub-nav-bar .subcategories ul {
overflow-x: scroll;
position: relative;
white-space: nowrap;
font-size: 1.4em;
padding-top: 0;
transition: margin 0.3s ease-in-out;
-ms-overflow-style: none;
/* IE 11 */
scrollbar-width: none;
/* Firefox 64 */
overflow: -moz-scrollbars-none;
}
.site-header .sub-nav-bar .subcategories ul::-webkit-scrollbar, .site-header .sub-nav-bar .subcategories ul::-webkit-scrollbar-track, .site-header .sub-nav-bar .subcategories ul::-webkit-scrollbar-thumb {
display: none;
}
}
.site-header .sub-nav-bar .subcategories ul li {
margin-right: 0.86em;
}
@media (min-width: 540px) {
.site-header .sub-nav-bar .subcategories ul li {
margin-right: 1.71em;
}
}
.site-header .sub-nav-bar .subcategories ul li a {
color: #151529;
}
.site-header .sub-nav-bar .subcategories ul li.active a, .site-header .sub-nav-bar .subcategories ul li.current a {
border-bottom: solid 3px #373997;
}
@media (min-width: 992px) {
.site-header .sub-nav-bar {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.site-header {
border-bottom: none;
padding-top: 0.5em;
padding-bottom: 0;
}
.site-header .site-logo,
.site-header .menu-button,
.site-header .search-button {
position: relative;
display: inline-block;
}
.site-header .menu-button,
.site-header .login-button,
.site-header .search-button {
top: 0.8em;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.site-header .menu-button,
.site-header .login-button,
.site-header .search-button {
top: -0.4em;
}
}
}
.site-header .menu-button {
position: relative;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
}
.site-header .search-button {
border-right: solid 1px #ddd;
}
.site-header .search-button.hidden {
opacity: 0;
visibility: hidden;
z-index: -9999;
transition: opacity 0.3s ease-in-out;
}
.site-header .login-button {
right: var(--page-gutters);
top: 2.1em;
border-left: solid 1px #ddd;
}
.site-header form.search-form.laptop-search {
display: inline-block;
width: 0;
height: 0;
overflow: hidden;
margin-bottom: -1.6em;
transition: width 0.4s ease-in-out;
}
.site-header form.search-form.laptop-search.laptop-search-open {
width: 30em;
height: auto;
margin-left: -5em;
}
.site-header form.search-form.laptop-search.laptop-search-open .search-box {
border: solid 1px #373997;
}
.site-header .burger-menu {
margin-top: 0;
width: 35.5em;
}
.site-header .burger-menu .search-form {
display: none;
}
.site-header .nav-bar {
display: block;
margin-top: 1.4em;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
padding: 0 var(--page-gutters);
background: white;
left: 0;
right: 0;
padding-bottom: 11px;
position: relative;
}
.site-header .nav-bar.sticky-nav {
border-top: solid 0.4em #373997;
position: fixed;
top: 0;
margin-top: 0;
z-index: 99999;
}
.site-header .nav-bar.sticky-nav .initials {
display: block;
}
.site-header .nav-bar ul {
font-size: var(--fs-xxs);
font-weight: 500;
margin: 0 -0.6em;
}
.site-header .nav-bar ul li {
display: inline-block;
}
.site-header .nav-bar ul li a {
display: inline-block;
color: #151529;
padding: 0.7em 0;
margin: 0 0.7em;
border-top: solid 0.2em transparent;
border-bottom: solid 0.2em transparent;
transition: all 0.3s ease-in-out;
}
.site-header .nav-bar ul li a:hover {
border-bottom: solid 0.2em #373997;
}
.site-header .nav-bar ul li.active a, .site-header .nav-bar ul li.current a {
border-bottom: solid 0.2em #373997;
}
.site-header .nav-bar ul li.premium-insights-menu-link a {
color: #373997;
padding-left: 0.25rem;
padding-right: 0.1rem;
}
.site-header .nav-bar ul li.premium-insights-menu-link a:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.site-header .nav-bar ul li.premium-insights-menu-link a:before {
background-image: url("../img/gd_logo_icon_purple.png");
width: 9px;
height: 15px;
margin-right: 0.25rem;
top: 3px;
position: relative;
}
.site-header .nav-bar ul li.premium-insights-menu-link.current a {
border-bottom: none;
}
.site-header .nav-bar ul li .mega {
font-size: 10px;
position: absolute;
visibility: hidden;
height: 0;
overflow: hidden;
left: 3em;
background: white;
width: 81.5em;
border: solid 1px #ddd;
z-index: -9999;
opacity: 0;
transition-delay: 0.3s;
transition-duration: 0.5s;
}
.site-header .nav-bar ul li .mega section {
padding: var(--edge-spacing);
}
.site-header .nav-bar ul li .mega section ul {
font-weight: normal;
margin: 0;
font-size: 1.4em;
}
.site-header .nav-bar ul li .mega section ul li {
display: block;
}
.site-header .nav-bar ul li .mega section ul li a {
padding: 0.5em 0;
margin: 0;
color: #151529;
border-bottom: solid 0.2em transparent;
}
.site-header .nav-bar ul li .mega section ul li a:hover {
color: #373997;
border-bottom: solid 0.2em transparent;
}
.site-header .nav-bar ul li .mega section.nav-block {
width: 33%;
float: left;
}
.site-header .nav-bar ul li .mega section.nav-block.subcats ul {
font-weight: 500;
}
.site-header .nav-bar ul li .mega section.most-read {
width: 67%;
float: right;
position: relative;
padding-left: var(--edge-spacing);
}
.site-header .nav-bar ul li .mega section.most-read:before {
content: "";
position: absolute;
top: var(--edge-spacing);
bottom: var(--edge-spacing);
left: 0;
display: block;
width: 1px;
background: #ddd;
}
.site-header .nav-bar ul li:hover .mega {
z-index: 99999;
opacity: 1;
height: auto;
visibility: visible;
}
.site-header .nav-bar .initials {
display: none;
position: absolute;
right: var(--page-gutters);
top: 50%;
margin-top: -1.5em;
}
.site-header .sub-nav-bar {
display: block;
margin-top: 0rem;
}
}
.menu-bg {
z-index: -9999;
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.5);
transition: opacity 0.3s ease-out;
transition-delay: 0s;
}
@media (min-width: 992px) {
.show-menu-bg main {
z-index: -9;
}
.show-menu-bg main .article-grid {
z-index: -9999;
}
.show-menu-bg main .article-grid .grid-x .cell,
.show-menu-bg main .article-grid .grid-x .cell article {
border: solid 1px white;
transition: border 0.3s ease-in-out;
transition-delay: 0.3s;
}
.show-menu-bg .menu-bg {
z-index: 99;
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in;
transition-delay: 0s;
}
.show-menu-bg .site-header {
z-index: 99999;
}
}
.burger-menu-open {
overflow: hidden;
/* @media (min-width: $laptop) {
.site-header {
.burger-menu {
right:0; left:auto;
}
}
}*/
}
.burger-menu-open .site-header .menu-button {
background: url("../img/icon_cross.png") no-repeat center;
background-size: 2.5em;
}
.burger-menu-open .site-header .burger-menu {
right: 0;
left: 0;
}
@media (min-width: 768px) {
.burger-menu-open .site-header .burger-menu {
right: auto;
width: 31.5em;
}
}
@media (min-width: 992px) {
.burger-menu-open .site-header .burger-menu {
width: 35.6em;
}
}
@media (max-width: 992px) {
.site-header div.tagline {
display: none;
}
.site-header .btssponsorlogo {
float: right;
position: absolute;
top: 16%;
right: 2%;
}
.site-header .btssponsorlogo img {
max-width: 60px;
}
.site-header .menu-button.mobile-nav {
display: block;
}
}
/*@media (min-width: $laptop) {
.site-header {
.burger-menu {
right:-100%;
}
}
}*/
.mega-open main {
z-index: -9;
}
.arrow-left,
.arrow-right {
display: none;
position: absolute;
z-index: 99;
left: 0;
width: 4.2em;
height: 4.2em;
background: #dbdbdb;
text-indent: -50000px;
overflow: hidden;
cursor: pointer;
}
.arrow-left:after,
.arrow-right:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url("../img/icon_arrow.png") no-repeat center;
background-size: 60%;
transform: rotate(-90deg);
}
@media (min-width: 540px) {
.show-side-arrows .site-header .sub-nav-bar .subcategories ul {
padding-left: 4em;
}
}
.show-side-arrows .arrow-left,
.show-side-arrows .arrow-right {
display: block;
}
.show-side-arrows .arrow-left:after {
transform: rotate(90deg);
}
.show-side-arrows .arrow-right {
left: auto;
right: 0;
}
@media (min-width: 992px) {
.show-side-arrows .arrow-left,
.show-side-arrows .arrow-right {
width: 4.2em;
height: 4.2em;
}
}
.initials {
display: none;
}
.initials a {
display: block;
width: 2em;
height: 2em;
font-size: 1.5em;
line-height: 2em;
text-align: center;
background: #373997;
color: white;
text-transform: uppercase;
}
@media (max-width: 992px) {
.sticky-header .site-header {
position: fixed;
left: 0;
top: 0;
right: 0;
}
.sticky-header .site-header .site-logo {
display: none;
}
.sticky-header .site-header .initials {
display: block;
margin: 0.5em 0 1em var(--page-gutters);
}
}
.logged-in .sticky-header {
margin-top: 30px;
}
/* _gdm_site-icons.scss start */
/* _gdm_site-icons.scss end */
.article-grid .grid-x article .digital-magazine-box-container--part {
margin-bottom: 1rem;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.article-grid .grid-x article .digital-magazine-box-container--part {
margin-bottom: 0;
}
}
.article-grid .grid-x article .digital-magazine-box-container--part .category {
font-size: 1.2em;
font-weight: bold;
margin-bottom: var(--text-spacing);
}
.article-grid .grid-x article .digital-magazine-box-container--part .category a {
color: #373997;
}
.article-grid .grid-x article .digital-magazine-box-container--part h3 {
font-size: 1.8em;
line-height: 1.33333;
letter-spacing: -0.015em;
margin-bottom: var(--text-spacing);
}
.article-grid .grid-x article .digital-magazine-box-container--part h3 a {
color: #151529;
}
.article-grid .grid-x article .digital-magazine-box-container--part button {
align-self: flex-start;
margin-top: 1em;
margin-bottom: 0;
}
.article-grid .grid-x article .digital-magazine-box-container--part button a {
color: #ffffff;
}
@media (min-width: 768px) {
.article-grid .grid-x article .digital-magazine-box-container--part button {
margin-top: auto;
}
}
.article-grid .grid-x article .digital-magazine-box-container__title {
margin-bottom: 0.75rem;
}
@media (min-width: 992px) {
.article-grid .grid-x article .digital-magazine-box {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.article-grid .grid-x article .digital-magazine-box .view-more-link--mobile {
display: inline-block;
}
}
.events {
padding: 0 2rem;
}
.events header {
display: flex;
align-items: center;
justify-content: space-between;
}
.events .grid-x article .category {
font-size: 1.2em;
line-height: 1.6em;
font-weight: 500;
color: #373997;
margin-bottom: 0.4em;
}
.events .grid-x article h3 {
line-height: 2.4em;
}
.events .grid-x article h3 a {
color: #151529;
}
.event-page .article-grid > .grid-x {
margin: 0 var(--edge-spacing-s-adjust);
}
@media (min-width: 992px) {
.event-page .article-grid > .grid-x {
margin: 0 var(--edge-spacing-adjust);
}
}
.event-page .event-section {
margin-bottom: 2em;
}
.event-page .event-section .load-more-btn {
margin-bottom: 0;
}
.event-page .event-section.article-grid header {
margin-bottom: 2.4em;
}
.event-page .event-section.article-grid .events-page .events-page-card {
display: flex;
flex-direction: column;
height: 100%;
}
@media (min-width: 992px) {
.event-page .event-section.article-grid .events-page .events-page-card figure {
height: 10em;
}
}
.event-page .event-section.article-grid .events-page .events-page-card--byline {
font-size: 1.6em;
line-height: 1.5em;
padding-top: 0.75em;
border-top: 1px solid #dbdbdb;
}
.event-page .event-section.article-grid .grid-x article:last-of-type {
border-bottom: none;
}
.event-page .events-page {
position: relative;
margin-bottom: 1.6em;
}
@media only screen and (min-width: 62em) {
.event-page .events-page {
margin-bottom: 4em;
}
.event-page .events-page:nth-of-type(4n + 4) {
border-right: none;
}
.event-page .events-page:nth-of-type(4n + 5):before {
content: "";
position: absolute;
width: 400%;
height: 0.1em;
background: #dddddd;
top: -2em;
left: 0em;
}
}
div .event-page .events-page--category-text {
font-size: 1.4em;
font-weight: 500;
line-height: 1.6em;
color: #151529;
}
.event-page .events-page-card {
background-color: #f3f3f1;
padding: 1.2em 1em 1.8em !important;
}
.event-page .events-page-card figure {
margin-bottom: 1.4em;
width: 100%;
}
.event-page .events-page-card figure img {
margin-bottom: 0;
}
.event-page .events-page-card--byline {
font-size: 1.9em;
font-weight: 400;
line-height: 1.4em;
color: #151529;
}
.event-page .events-page--meta-items {
display: flex;
align-items: center;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 1.6em;
margin-bottom: 1em;
}
.event-page .events-page--meta-items .events-page--date span {
font-size: 1.2em;
font-weight: 500;
line-height: 1.1em;
}
.event-page .events-page--meta-items .events-page--tickets {
margin-left: auto;
}
.event-page .events-page--meta-items .events-page--tickets span {
font-size: 1.4em;
font-weight: 500;
line-height: 1.2em;
color: #151529;
}
.event-page .events-page h3, .event-page .events-page--heading {
padding-bottom: 0.8em;
}
.event-page .events-page p, .event-page .events-page--paragraph {
font-size: 1.2em;
color: #151529;
font-weight: 400;
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.event-page .events-page p, .event-page .events-page--paragraph {
font-size: 1.4em;
}
}
@media only screen and (min-width: 62em) {
.event-page .events-page--paragraph {
font-size: 1.6em;
}
}
.event-page .load-more-btn {
margin-top: 1em;
margin-bottom: 1em;
}
.event-page .load-more-btn button {
margin: 0;
}
.event-page .swiper-event-main {
border-bottom: none;
}
.swiper-event-main .event-page--controls,
.swiper-event-multiple-main .event-page--controls {
margin-top: 3.6em;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.swiper-event-main .event-page--controls .swiper-pagination,
.swiper-event-multiple-main .event-page--controls .swiper-pagination {
width: fit-content;
position: relative;
margin: 0 1.111111em;
font-size: 1.8em;
line-height: 1.777777em;
}
.swiper-event-main .event-page--controls .swiper-pagination span,
.swiper-event-multiple-main .event-page--controls .swiper-pagination span {
color: #626262;
}
.swiper-event-main .event-page--controls .swiper-pagination span.current,
.swiper-event-multiple-main .event-page--controls .swiper-pagination span.current {
font-weight: 500;
color: #27274c;
}
.swiper-event-main .event-page--controls .swiper-button-prev,
.swiper-event-main .event-page--controls .swiper-button-next,
.swiper-event-multiple-main .event-page--controls .swiper-button-prev,
.swiper-event-multiple-main .event-page--controls .swiper-button-next {
position: relative;
top: 0;
color: #252524;
font-weight: 800;
width: 0.8em;
height: 1.6em;
right: 0;
left: 0;
}
.swiper-event-main .event-page--controls .swiper-button-prev:after,
.swiper-event-main .event-page--controls .swiper-button-next:after,
.swiper-event-multiple-main .event-page--controls .swiper-button-prev:after,
.swiper-event-multiple-main .event-page--controls .swiper-button-next:after {
font-size: 1em;
}
.swiper-event-main .event-page--controls .swiper-button-prev.swiper-button-disabled,
.swiper-event-main .event-page--controls .swiper-button-next.swiper-button-disabled,
.swiper-event-multiple-main .event-page--controls .swiper-button-prev.swiper-button-disabled,
.swiper-event-multiple-main .event-page--controls .swiper-button-next.swiper-button-disabled {
display: none;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets {
width: fit-content;
position: relative;
margin: 0 1.8em;
display: flex;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
display: flex;
align-items: center;
justify-content: center;
width: 1.67em;
font-size: 0.67em;
height: 1.67em;
border-radius: 0.1em;
margin-left: 0;
margin-right: 0.8em;
background: transparent;
opacity: 1;
color: #27274c;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #27274c;
color: #ffffff;
}
.swiper-event-main .swiper-wrapper,
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-wrap: nowrap;
}
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-direction: row !important;
}
.swiper-event-main .swiper-wrapper-event .events-page.swiper-slide,
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide {
position: relative;
padding: 0;
border: none;
}
.swiper-event-main .swiper-wrapper-event .events-page.swiper-slide::after,
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide::after {
content: "";
position: absolute;
width: 0.1em;
height: 100%;
background: #ddd;
right: -2.75em;
top: 0;
}
@media (max-width: 1024px) {
.swiper-event-main .swiper-wrapper,
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-wrap: wrap;
}
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-direction: column !important;
}
.swiper-event-main .event-page--controls,
.swiper-event-multiple-main .event-page--controls {
display: none;
}
}
@media (min-width: 1024px) {
.swiper-event-multiple-main {
border-bottom: none;
}
.swiper-event-multiple-main .swiper-wrapper-event {
margin: 0 !important;
border-bottom: 1px solid #ddd;
padding-bottom: 1.222em;
overflow: hidden;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide {
position: relative;
padding: 0;
border: none;
margin-bottom: 0;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide::after {
content: "";
position: absolute;
width: 0.1em;
height: calc(100% + 60px);
background: #ddd;
right: -24px;
top: 0;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide::before {
content: "";
position: absolute;
width: calc(100% + 48px);
height: 0.1em;
background: #ddd;
left: 0;
bottom: -24px;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide:last-of-type {
margin-right: 0 !important;
}
.event-page .load-more-btn {
display: none;
}
}
.mb-0 {
margin-bottom: 0;
}
.ptb-0 {
padding-bottom: 0;
padding-top: 0;
}
.whitepaper-page {
margin-bottom: 3.2em;
}
.whitepaper-page .form-wrapper .form input, .whitepaper-page .form-wrapper .form select {
/*.custom-select*/
color: #151529;
}
.whitepaper-page .form-wrapper .form input::placeholder, .whitepaper-page .form-wrapper .form select::placeholder {
color: #151529;
}
.whitepaper-page .form-wrapper .form .custom-select:hover {
border-color: #dbdbdb;
}
.whitepaper-page .form-wrapper .form .select-items {
max-height: 26em;
}
.whitepaper-page .g-recaptcha {
margin-bottom: 0.75em;
}
.whitepaper-page #newsletterForm.form button[type=submit] {
width: 100%;
margin-bottom: 0.75em;
}
.whitepaper-header {
max-width: 79em;
margin: 0 auto;
margin-top: 1.6em;
margin-bottom: 2.4em;
padding-bottom: 1.2em;
border-bottom: 0.1em solid #dbdbdb;
}
.whitepaper-header .breadcrumbs-container {
display: flex;
align-items: center;
margin-bottom: 1.2em;
}
.whitepaper-header .breadcrumbs-container .date {
position: relative;
display: flex;
align-items: center;
}
.whitepaper-header .breadcrumbs-container .date:before {
content: "";
display: inline-block;
width: 1px;
height: 1.2em;
margin: 0 0.8em;
background: #dbdbdb;
}
.whitepaper-header .breadcrumbs-container .date span {
font-size: 1.2em;
line-height: 1.4em;
font-weight: 400;
color: #626262;
}
.whitepaper-header__content {
display: flex;
flex-direction: column;
}
.whitepaper-header__content .whitepaper-header__title {
font-size: 3.2em;
line-height: 1.25em;
margin-bottom: 0.375em;
padding-bottom: 0;
}
.whitepaper-header__content .whitepaper-header__excerpt {
font: 2.2em/1.33333em atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
}
.whitepaper-header__content .whitepaper-header__excerpt p {
font-size: 1em;
}
.whitepaper-header__content .whitepaper-header__excerpt p:last-child {
margin-bottom: 0;
}
.whitepaper-header__content .whitepaper-header__excerpt ul {
font-size: 1em;
margin-top: 1em;
}
.whitepaper-header__content .whitepaper-header__excerpt:last-child {
margin-bottom: 0;
}
.whitepaper-header__content .whitepaper-header__excerpt--snippet {
font: 2.2em/1.33333em atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
margin: 0;
}
.whitepaper-header__content .whitepaper-header__author {
font-size: 1em;
line-height: 1.6em;
color: #373997;
margin-bottom: 1.2em;
}
.whitepaper-header__content .whitepaper-header__author a {
color: #373997;
}
.whitepaper-header__content .read-more {
color: #373997;
margin-top: 1.5em;
display: block;
font-size: 1.4em;
}
.whitepaper-header__content .read-more:after {
content: "";
background: url("/assets/img/icon_arrow_purple.png") no-repeat;
background-size: cover;
transform: rotate(90deg);
width: 1em;
height: 1em;
display: inline-block;
margin: 0em 0 0 0.6em;
position: relative;
top: 0.3em;
}
.whitepaper-header__content .read-more.read-less:after {
transform: rotate(-90deg);
}
.whitepaper-header__content .read-more.hidden {
display: none;
}
@media only screen and (min-width: 62em) {
.whitepaper-header {
padding-bottom: 2em;
margin-bottom: 3.2em;
}
.whitepaper-header__content .whitepaper-header__title {
font-size: 4.8em;
line-height: 1.083333em;
margin-bottom: 0.25em;
}
.whitepaper-header__content .whitepaper-header__author {
font-size: 1.6em;
line-height: 1.5em;
margin-bottom: 0.75em;
}
}
.whitepaper-content {
max-width: 79em;
margin: 0 auto;
}
.whitepaper-content .main-content {
max-width: 73em;
display: flex;
flex-direction: column;
margin: 0 auto;
position: relative;
}
.whitepaper-content .main-content .successMsg {
position: absolute;
left: 0;
}
@media (min-width: 992px) {
.whitepaper-content .main-content .successMsg {
left: 34%;
font-size: 1.6em;
}
}
.whitepaper-content .main-content .img-container {
display: none;
}
.whitepaper-content .main-content .form-wrapper {
width: 100%;
max-width: 55em;
margin: 0 auto;
}
.whitepaper-content .main-content .form-wrapper .form-group .custom-select {
margin-bottom: 0;
}
.whitepaper-content .main-content .form-wrapper button {
width: 100%;
}
@media only screen and (min-width: 62em) {
.whitepaper-content .main-content {
flex-direction: row;
justify-content: flex-end;
margin-left: auto;
margin-right: 0;
}
.whitepaper-content .main-content .img-container {
display: block;
position: relative;
max-width: 13em;
width: 100%;
height: fit-content;
margin-right: 5em;
}
.whitepaper-content .main-content .img-container figure {
position: relative;
width: 100%;
background: url(/assets/img/whitepaper_cover.jpg) no-repeat;
background-size: cover;
height: 19em;
}
}
.enquiry-form-show_2 p {
font-size: 1.2em;
}
@media only screen and (min-width: 992px) {
.form-wrapper .form .details {
text-align: left;
}
}
.newsletter-wrapper .article-grid .grid-x {
margin: 0;
}
.newsletter-wrapper .article-grid .grid-x.tag-box-big {
margin: 0 -1.1em;
}
@media (min-width: 992px) {
.newsletter-wrapper .article-grid .grid-x.tag-box-big {
margin: 0 -2.2em;
}
}
.newsletter-wrapper .article-grid .grid-x header.header-alt h2 {
font-size: var(--fs-sub-heading);
}
.newsletter-wrapper + #load_more_posts {
padding-top: 1rem;
border-top: 0.0625rem solid #ddd;
width: 100%;
}
.page-template-nsmg-newsletter-settings .newsletter-wrapper {
padding-bottom: 20em;
}
.tag-box-item {
display: inline-block;
font-size: 1.4em;
line-height: 2em;
padding: 0.2em 0.9em;
border: 1px solid #373997;
border-radius: 0.5em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
-ms-border-radius: 0.2em;
-o-border-radius: 0.2em;
margin: 0 0.3em 0.7em 0;
}
.tag-box .tag-box-item:last-of-type {
margin-bottom: 0;
}
.tag-box-big {
margin: 0 -1.2em;
}
.tag-box-big > .small-6 {
width: calc(50% - 2.4em);
margin: 0 1.2em;
margin-top: 1.2em;
position: relative;
}
.tag-box-big figure {
display: block;
width: 100%;
background-color: #f3f3f1;
position: relative;
text-align: center;
padding: 3em 0 2em;
}
.tag-box-big figure img {
height: 4em;
object-fit: contain;
}
.tag-box-big .category a {
display: block;
font-size: 1.2em;
color: #151529;
margin-top: 0.7em;
font-weight: 500;
}
.tag-box-big .small-6 > h3 {
font-size: var(--fs-md);
}
.tag-box-big .small-6 > h3 + p {
font-size: 1.4em;
margin-top: 0.3em;
}
.tag-box-big-add {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.tag-box-big-add label {
top: 0.8em;
right: 0.8em;
}
@media (min-width: 992px) {
.tag-box-big.grid-x {
margin: 0 -4.8em;
}
.tag-box-big > .small-6 {
width: calc(25% - 4.8em);
margin: 0 2.4em;
}
.tag-box-big > .small-6:nth-child(1n+5) {
margin-top: 3.2em;
}
.tag-box-big > .small-6 h3 {
margin-top: 0.75em;
}
.tag-box-big .category a {
margin-top: 1em;
}
.tag-box-big figure {
aspect-ratio: 16/7;
}
.tag-box-big figure img {
height: 7.5em;
}
.tag-box-wrapper .header-alt {
margin-top: 3.2em;
}
}
.g-recaptcha {
margin-top: 0.5em;
}
.newsletter-signup__email-container--article {
display: flex;
}
.form-wrapper #newsletterForm .form-group {
margin-bottom: 2.7em;
}
.form-wrapper #newsletterForm .form-group:first-child {
display: block;
}
.form-wrapper #newsletterForm .form-group input:focus ~ .floating-label,
.form-wrapper #newsletterForm .form-group input:valid ~ .floating-label {
top: -1.4em;
}
@media (max-width: 540px) {
main .modal-full.open {
top: calc(100vh - 25em);
}
}
.modal-full.open.expanded .form-wrapper #newsletterForm .form-group {
display: block;
opacity: 1 !important;
}
.view-more-newsletters {
margin-top: 4em;
margin-bottom: 6em;
}
.article-grid header.network-header {
margin-top: 6em;
}
.article-grid header.network-header h2 {
font-size: 2em;
}
@media (min-width: 992px) {
.article-grid header.network-header h2 {
font-size: 3.2em;
}
}
.modal {
position: fixed;
left: 0;
width: 100%;
overflow-y: scroll;
}
.modal .grid-container {
max-width: 60em;
padding: 0 1.6em 2em;
}
.modal.open {
visibility: visible;
z-index: 99;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.size-testing-square {
background: blue;
color: white;
font-size: 0.8em;
position: fixed;
left: 0;
top: 0;
z-index: 999999;
}
.scroll-testing-square {
background: green;
color: white;
font-size: 0.8em;
position: fixed;
left: 0;
bottom: 0;
z-index: 999999;
padding: 0 1rem;
}
.modal-selected {
max-width: 100%;
max-height: 100%;
z-index: 1;
bottom: -200vh;
background-color: #27274c;
padding: 3.2em 1.6em 0.5em;
visibility: hidden;
z-index: -100;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.modal-selected.open {
bottom: 0;
}
.modal-selected-box {
max-width: 88em;
margin: 0 auto;
}
.modal-selected input,
.modal-selected p {
color: #ffffff;
}
.modal-full {
top: 999em;
min-height: 100vh;
z-index: 99;
background-color: #27274c;
padding: 4.5em 0 3.2em;
overflow: hidden;
visibility: hidden;
z-index: -100;
transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
}
.modal-full.open {
visibility: visible;
top: calc(100vh - 15.5em);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.modal-full.open p,
.modal-full.open h6 {
color: #ffffff;
}
.modal-full.open h6 {
display: none;
}
.modal-full.open input[type=text],
.modal-full.open input[type=email] {
background-color: #ffffff;
}
.modal-full.open input[type=text]::placeholder,
.modal-full.open input[type=email]::placeholder {
color: #626262;
}
.modal-full.open.expanded {
top: 0;
bottom: 0;
min-height: 100vh;
height: 100vh;
overflow-y: scroll;
background-color: #ffffff;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
z-index: 99999;
}
.modal-full.open.expanded #newsletterForm {
padding-top: 1.6em;
}
.modal-full.open.expanded #newsletterForm .custom-select {
margin-bottom: 0;
}
.modal-full.open.expanded .modal-close-arrow {
top: 2.8em;
}
.modal-full.open.expanded p,
.modal-full.open.expanded h6 {
display: block;
color: #151529;
}
.modal-full.open.expanded input[type=text],
.modal-full.open.expanded input[type=email] {
border-color: #dbdbdb;
}
.modal-full.open.expanded input[type=text]:hover,
.modal-full.open.expanded input[type=email]:hover {
border-color: #27274c;
}
.modal-full.open.expanded input[type=text]::placeholder,
.modal-full.open.expanded input[type=email]::placeholder {
color: #626262;
}
.modal-full.open.expanded input:focus,
.modal-full.open.expanded input:hover,
.modal-full.open.expanded .custom-select:focus,
.modal-full.open.expanded .custom-select:focus-visible {
outline: none;
border-color: #373997;
}
.modal-full.open.expanded .custom-select:focus-visible > .select-items.select-hide {
display: block;
}
.modal-full.open.expanded .custom-select:hover {
border-color: #dbdbdb;
}
.modal-full .form-wrapper p {
margin-bottom: 1.25em;
}
.modal-full .form-wrapper h6 {
margin-bottom: 0.4em;
}
.modal-close {
position: absolute;
top: 0;
right: 0.6em;
color: #ffffff;
font-size: 3.5em;
cursor: pointer;
}
.modal-close-arrow {
position: absolute;
right: 2em;
top: 1em;
cursor: pointer;
z-index: 20;
height: 2em;
width: 2em;
text-indent: -5000px;
overflow: hidden;
text-align: left;
overflow: visible;
}
.modal-close-arrow::after {
content: "×";
font-size: 1.8em;
position: absolute;
left: 110%;
left: 0;
top: 0;
text-indent: 0;
}
.modal-close-arrow.close-expanded::after {
content: "∟";
font-size: 1em;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.modal-close-arrow.close-expanded::before {
content: "close";
position: absolute;
z-index: 1;
right: 2.5em;
top: -1px;
text-indent: 5000px;
color: #373997;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-overlay.closed {
display: none;
}
@media (min-width: 48em) {
.modal.open {
overflow: hidden;
}
.modal .grid-container {
position: relative;
overflow: hidden;
}
}
.events {
padding: 0 2rem;
}
.events header {
display: flex;
align-items: center;
justify-content: space-between;
}
.events .grid-x article .category {
font-size: 1.2em;
line-height: 1.6em;
font-weight: 500;
color: #373997;
margin-bottom: 0.4em;
}
.events .grid-x article h3 {
line-height: 2.4em;
}
.events .grid-x article h3 a {
color: #151529;
}
.event-page .article-grid > .grid-x {
margin: 0 var(--edge-spacing-s-adjust);
}
@media (min-width: 992px) {
.event-page .article-grid > .grid-x {
margin: 0 var(--edge-spacing-adjust);
}
}
.event-page .event-section {
margin-bottom: 2em;
}
.event-page .event-section .load-more-btn {
margin-bottom: 0;
}
.event-page .event-section.article-grid header {
margin-bottom: 2.4em;
}
.event-page .event-section.article-grid .events-page .events-page-card {
display: flex;
flex-direction: column;
height: 100%;
}
@media (min-width: 992px) {
.event-page .event-section.article-grid .events-page .events-page-card figure {
height: 10em;
}
}
.event-page .event-section.article-grid .events-page .events-page-card--byline {
font-size: 1.6em;
line-height: 1.5em;
padding-top: 0.75em;
border-top: 1px solid #dbdbdb;
}
.event-page .event-section.article-grid .grid-x article:last-of-type {
border-bottom: none;
}
.event-page .events-page {
position: relative;
margin-bottom: 1.6em;
}
@media only screen and (min-width: 62em) {
.event-page .events-page {
margin-bottom: 4em;
}
.event-page .events-page:nth-of-type(4n + 4) {
border-right: none;
}
.event-page .events-page:nth-of-type(4n + 5):before {
content: "";
position: absolute;
width: 400%;
height: 0.1em;
background: #dddddd;
top: -2em;
left: 0em;
}
}
div .event-page .events-page--category-text {
font-size: 1.4em;
font-weight: 500;
line-height: 1.6em;
color: #151529;
}
.event-page .events-page-card {
background-color: #f3f3f1;
padding: 1.2em 1em 1.8em !important;
}
.event-page .events-page-card figure {
margin-bottom: 1.4em;
width: 100%;
}
.event-page .events-page-card figure img {
margin-bottom: 0;
}
.event-page .events-page-card--byline {
font-size: 1.9em;
font-weight: 400;
line-height: 1.4em;
color: #151529;
}
.event-page .events-page--meta-items {
display: flex;
align-items: center;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 1.6em;
margin-bottom: 1em;
}
.event-page .events-page--meta-items .events-page--date span {
font-size: 1.2em;
font-weight: 500;
line-height: 1.1em;
}
.event-page .events-page--meta-items .events-page--tickets {
margin-left: auto;
}
.event-page .events-page--meta-items .events-page--tickets span {
font-size: 1.4em;
font-weight: 500;
line-height: 1.2em;
color: #151529;
}
.event-page .events-page h3, .event-page .events-page--heading {
padding-bottom: 0.8em;
}
.event-page .events-page p, .event-page .events-page--paragraph {
font-size: 1.2em;
color: #151529;
font-weight: 400;
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.event-page .events-page p, .event-page .events-page--paragraph {
font-size: 1.4em;
}
}
@media only screen and (min-width: 62em) {
.event-page .events-page--paragraph {
font-size: 1.6em;
}
}
.event-page .load-more-btn {
margin-top: 1em;
margin-bottom: 1em;
}
.event-page .load-more-btn button {
margin: 0;
}
.event-page .swiper-event-main {
border-bottom: none;
}
.swiper-event-main .event-page--controls,
.swiper-event-multiple-main .event-page--controls {
margin-top: 3.6em;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.swiper-event-main .event-page--controls .swiper-pagination,
.swiper-event-multiple-main .event-page--controls .swiper-pagination {
width: fit-content;
position: relative;
margin: 0 1.111111em;
font-size: 1.8em;
line-height: 1.777777em;
}
.swiper-event-main .event-page--controls .swiper-pagination span,
.swiper-event-multiple-main .event-page--controls .swiper-pagination span {
color: #626262;
}
.swiper-event-main .event-page--controls .swiper-pagination span.current,
.swiper-event-multiple-main .event-page--controls .swiper-pagination span.current {
font-weight: 500;
color: #27274c;
}
.swiper-event-main .event-page--controls .swiper-button-prev,
.swiper-event-main .event-page--controls .swiper-button-next,
.swiper-event-multiple-main .event-page--controls .swiper-button-prev,
.swiper-event-multiple-main .event-page--controls .swiper-button-next {
position: relative;
top: 0;
color: #252524;
font-weight: 800;
width: 0.8em;
height: 1.6em;
right: 0;
left: 0;
}
.swiper-event-main .event-page--controls .swiper-button-prev:after,
.swiper-event-main .event-page--controls .swiper-button-next:after,
.swiper-event-multiple-main .event-page--controls .swiper-button-prev:after,
.swiper-event-multiple-main .event-page--controls .swiper-button-next:after {
font-size: 1em;
}
.swiper-event-main .event-page--controls .swiper-button-prev.swiper-button-disabled,
.swiper-event-main .event-page--controls .swiper-button-next.swiper-button-disabled,
.swiper-event-multiple-main .event-page--controls .swiper-button-prev.swiper-button-disabled,
.swiper-event-multiple-main .event-page--controls .swiper-button-next.swiper-button-disabled {
display: none;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets {
width: fit-content;
position: relative;
margin: 0 1.8em;
display: flex;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
display: flex;
align-items: center;
justify-content: center;
width: 1.67em;
font-size: 0.67em;
height: 1.67em;
border-radius: 0.1em;
margin-left: 0;
margin-right: 0.8em;
background: transparent;
opacity: 1;
color: #27274c;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.swiper-event-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-event-multiple-main .event-page--controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #27274c;
color: #ffffff;
}
.swiper-event-main .swiper-wrapper,
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-wrap: nowrap;
}
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-direction: row !important;
}
.swiper-event-main .swiper-wrapper-event .events-page.swiper-slide,
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide {
position: relative;
padding: 0;
border: none;
}
.swiper-event-main .swiper-wrapper-event .events-page.swiper-slide::after,
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide::after {
content: "";
position: absolute;
width: 0.1em;
height: 100%;
background: #ddd;
right: -2.75em;
top: 0;
}
@media (max-width: 1024px) {
.swiper-event-main .swiper-wrapper,
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-wrap: wrap;
}
.swiper-event-main .swiper-wrapper-event,
.swiper-event-multiple-main .swiper-wrapper-event {
flex-direction: column !important;
}
.swiper-event-main .event-page--controls,
.swiper-event-multiple-main .event-page--controls {
display: none;
}
}
@media (min-width: 1024px) {
.swiper-event-multiple-main {
border-bottom: none;
}
.swiper-event-multiple-main .swiper-wrapper-event {
margin: 0 !important;
border-bottom: 1px solid #ddd;
padding-bottom: 1.222em;
overflow: hidden;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide {
position: relative;
padding: 0;
border: none;
margin-bottom: 0;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide::after {
content: "";
position: absolute;
width: 0.1em;
height: calc(100% + 60px);
background: #ddd;
right: -24px;
top: 0;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide::before {
content: "";
position: absolute;
width: calc(100% + 48px);
height: 0.1em;
background: #ddd;
left: 0;
bottom: -24px;
}
.swiper-event-multiple-main .swiper-wrapper-event .events-page.swiper-slide:last-of-type {
margin-right: 0 !important;
}
.event-page .load-more-btn {
display: none;
}
}
.mb-0 {
margin-bottom: 0;
}
.ptb-0 {
padding-bottom: 0;
padding-top: 0;
}
.article-grid-x .article-list > article.feature {
display: flex;
flex-direction: column-reverse;
border-bottom: 1px solid #ddd;
}
.article-grid-x .article-list > article.feature .article-list-item h3 {
font-size: var(--fs-const-md);
}
.article-grid-x .article-list > article.feature .article-list-item p {
font-size: var(--fs-const-sm);
}
.article-grid-x .article-list figure {
width: 100%;
margin-top: 1.2em;
}
.article-grid-x .article-list figure img {
aspect-ratio: 16/9;
object-fit: cover;
}
.article-grid-x .article-list + .grid-x .button.primary {
margin: 0.8em 0 2.5em;
}
.search-pages div h1 {
border-bottom: 1px solid #ddd;
padding-bottom: 0.5em;
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.search-pages div h1 {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
}
.search-pages .feature .articles figure a {
display: block;
height: 100%;
width: 100%;
left: 0;
top: 0;
position: absolute;
}
.search-pages .feature .articles figure a img {
position: absolute;
min-height: 100%;
min-width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.search-pages .feature .articles figure {
height: 100%;
position: relative;
overflow: hidden;
}
.search-pages .feature .articles figure:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.search-pages .feature .articles figure > img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
.search-pages .res_info_wraper {
padding-top: 0.86em;
}
.search-pages #load-more-archives {
margin-bottom: 0.6em;
}
.seacrh_info_wraper {
display: flex;
align-items: baseline;
font-size: 1.4em;
padding-bottom: 0.85em;
margin-bottom: 24px;
gap: 1.2em;
}
.seacrh_info_wraper .seacrh_info {
color: #151529;
}
.seacrh_info_wraper .seacrh_info,
.seacrh_info_wraper .search-filter__dropdown {
font-family: "atlas", sans-serif;
}
@media (max-width: 768px) {
.seacrh_info_wraper .seacrh_info,
.seacrh_info_wraper .search-filter__dropdown {
font-size: 11px;
}
}
.seacrh_info_wraper .seacrh_info .search-filter__dropdown--icon,
.seacrh_info_wraper .search-filter__dropdown .search-filter__dropdown--icon {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.seacrh_info_wraper .seacrh_info .search-filter__dropdown--icon::after,
.seacrh_info_wraper .search-filter__dropdown .search-filter__dropdown--icon::after {
content: url("../../assets/images/Up.svg");
position: absolute;
right: 0;
top: 0.2em;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.seacrh_info_wraper .search-filter__dropdown {
font-weight: 500;
margin-left: auto;
display: flex;
position: relative;
}
.seacrh_info_wraper .search-filter__dropdown .search-filter__dropdown-link {
font-weight: 500;
display: inline-block;
width: auto;
}
@media (min-width: 992px) {
.article-grid-x .article-list > article.feature {
flex-direction: row;
padding-bottom: 1.6em;
margin-bottom: 1.6em;
}
.article-grid-x .article-list > article.feature .article-list-item h3 {
margin-bottom: 0.4em;
}
.article-grid-x .article-list:last-child {
background-color: #373997;
}
.article-grid-x .article-list figure {
max-width: 31.5em;
margin-top: 0;
margin-right: 4.8em;
}
.article-grid-x .article-list .button.primary {
margin: 0;
}
}
.search-filter-section--mobile {
display: flex;
margin-top: 0.25rem;
margin-bottom: 1.2em;
}
@media only screen and (min-width: 62em) {
.search-filter-section--mobile {
display: none;
}
}
.search-filter-section--mobile .search-box-mobile {
padding-left: 0.8em;
padding-right: 2em;
}
.search-filter-section--mobile .search-form-mobile {
display: flex;
position: relative;
width: 100%;
height: 4.08em;
}
.search-filter-section--mobile .search-form-mobile .search-submit-mobile {
margin-left: auto;
}
.search-filter-section--mobile .search-form-mobile .search-submit-mobile:hover {
background-color: white;
}
.search-filter-section--mobile .search-submit-mobile {
display: inline-block;
right: 0.2em;
width: 2em;
height: 2em;
padding: 0;
top: 0.1em;
position: absolute;
background: url(../../assets/img/icon_search.png) no-repeat center;
background-size: 1.35em;
text-indent: -5000px;
overflow: hidden;
cursor: pointer;
}
.search-filters-btn {
background-color: #373997;
color: white;
padding: 0.5em 0.1em;
display: block;
width: 100%;
margin-bottom: 10px;
cursor: pointer;
max-width: 34px;
margin-left: 12px;
}
@media only screen and (min-width: 62em) {
.search-filters-btn {
display: none;
}
}
.search-filters-btn img {
min-width: 25px;
}
@media only screen and (min-width: 62em) {
.search-filters-btn img {
display: none;
}
}
.premium-insights .search-filters-btn {
max-width: 100%;
margin-left: 0;
}
.search-page-container .open-filters {
opacity: 1;
visibility: visible;
}
.search-page-container .search-filter-btns {
position: -webkit-sticky;
position: sticky;
background-color: #ffffff;
top: 0;
padding: 1.2em;
margin-bottom: 2.4em;
border-bottom: 1px solid #ddd;
z-index: 999;
}
.search-page-container .search-filter-btns .search-filter-btn--apply::before {
content: url("../../assets/images/filter.svg");
width: 30px;
position: relative;
top: 3px;
z-index: 99999;
}
@media only screen and (min-width: 62em) {
.search-page-container .search-filter-btns {
display: none;
border-bottom: none;
}
}
.search-page-container .c-search-form {
margin-top: 1.5rem;
}
.search-page-container .c-search-form p {
font-family: "atlas", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.3em;
margin-bottom: 0;
}
.search-page-container .c-search-form .c-search-filter__dropdown--sub {
font-size: 1rem;
padding: 0 rem-calc(16);
background-color: #ffffff;
}
.search-page-container .c-search-form .c-search-filter__dropdown--sub li a:hover {
background-color: #ffffff;
}
.search-page-container .c-search-form .c-search-filter__dropdown--sub li:not(:last-of-type) {
border-bottom: 1px solid #ddd;
}
.search-page-container .c-search-form .c-search-filter__dropdown--sub li a {
padding: rem-calc(14) 0;
}
.search-page-container .c-search-form .c-search-filter__dropdown--sub li a.is-selected {
font-weight: 600;
}
.button {
margin-top: 0.75em;
margin-bottom: 2.5em;
}
.search-filter-btn {
display: flex;
justify-content: center;
white-space: nowrap;
align-items: center;
background-color: #373997;
text-align: center;
width: 60%;
padding: 0.62rem 2rem;
margin: auto;
color: #ffffff;
font-size: 1.3em;
text-transform: uppercase;
font-weight: 500;
}
.search-filter-container {
padding: 0 1rem;
overflow-y: auto;
opacity: 0;
visibility: hidden;
height: 100vh;
width: 100%;
position: fixed;
background-color: #ffffff;
top: 3px;
left: 0;
z-index: 100000;
transform: all 0.3s;
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* When the checkbox is checked, add a blue background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.search-filter-container p {
font-family: "atlas", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1em;
}
.search-filter-container:target {
opacity: 1;
visibility: visible;
}
.search-filter-container .custom_filters_clear {
font-size: 0.87em;
}
.search-filter-container .icon-close::before {
content: url("../../assets/images/close-red.svg");
position: relative;
margin-right: 0.5em;
display: inline-block;
top: 4px !important;
z-index: -9;
}
.search-filter-container .search-filter-results--mobile {
display: flex;
margin-top: 1rem;
}
@media only screen and (min-width: 62em) {
.search-filter-container .search-filter-results--mobile {
display: none;
}
}
.search-filter-container .search-filter-btn--reset {
display: none;
font-family: "atlas", sans-serif;
cursor: pointer;
color: red;
font-size: 1.4em;
font-weight: 400;
margin-bottom: 0.75em;
border: none;
background-color: transparent;
align-items: center;
}
.search-filter-container .search-filter-btn--reset.active {
display: flex;
}
.search-filter-container .search-filter-btn--reset .icon-close {
margin-right: 0.4em;
}
.search-filter-container .search-filter-section--dropdown {
display: inline-block;
border: none;
font-weight: 500;
font-size: 1.8em;
font-family: "atlas", sans-serif;
cursor: pointer;
width: 100%;
text-align: left;
background-color: #ffffff;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 0.75rem;
margin-bottom: var(--sidebar-margin);
padding-left: 0;
}
.search-filter-container .search-filter-section--dropdown .icon-chevron-down {
float: right;
}
.search-filter-container .search-filter-section--dropdown .icon-chevron-down::before {
content: url("../../assets/images/Up.svg");
position: relative;
top: 0;
}
.search-filter-container .search-filter-section input[type=checkbox] {
display: none;
}
.search-filter-container .search-filter-section .search-wrapper:not(:last-of-type) {
margin-bottom: 4.8em;
}
.search-filter-container .search-filter-section .search-wrapper .scrollable {
display: none;
overflow: hidden;
overflow-y: auto;
}
.search-filter-container .search-filter-section .search-wrapper .scrollable::-webkit-scrollbar {
width: 5px;
background-color: transparent;
}
.search-filter-container .search-filter-section .search-wrapper .scrollable::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
border: 4px solid #dbdbdb;
border-radius: 8px;
background-clip: padding-box;
}
.search-filter-container .search-filter-section .search-wrapper.show .panel {
display: block;
}
.search-filter-container .search-filter-section .search-wrapper.active .scrollable {
display: block;
}
.search-filter-container .search-filter-section .search-wrapper.active .container {
display: flex;
align-items: center;
}
.search-filter-container .search-filter-section .search-wrapper.active .icon-chevron-down::before {
content: url("../../assets/images/Down.svg");
position: relative;
top: 0;
}
.search-filter-container .search-filter-section .search-wrapper:not(.active) .search-filter-btn--reset {
display: none;
}
.search-filter-container .search-filter-section .search-wrapper .no-filter-selected {
font-size: 1rem;
margin-bottom: 1.2em;
}
.search-filter-container .search-filter-btn--close:link, .search-filter-container .search-filter-btn--close:visited {
position: absolute;
font-size: 1.4em;
padding-right: 1rem;
right: 0;
}
.search-filter-container .search-filter-btn--close::before {
content: url("../../assets/images/close.svg");
position: relative;
}
.search-filter-container .container {
display: none;
position: relative;
padding-left: 2em;
line-height: 1.3em;
margin-bottom: 1.29em;
cursor: pointer;
font-family: "atlas", sans-serif;
font-size: 1.4em;
user-select: none;
color: #000;
}
.search-filter-container .container.active {
display: block;
}
.search-filter-container .container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.search-filter-container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid black;
border-radius: 0;
}
.search-filter-container .container input:checked ~ .checkmark {
background-color: #373997;
}
.search-filter-container .checkmark:after {
content: "";
position: absolute;
display: none;
}
.search-filter-container .container input:checked ~ .checkmark:after {
display: block;
}
.search-filter-container .container .checkmark:after {
top: 0em;
width: 5px;
height: 14px;
border: solid #ffffff;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.search-filter__dropdown select {
cursor: pointer;
padding-right: 25px;
text-align: right;
font-size: inherit;
line-height: 1;
border: 0;
-webkit-appearance: none;
}
.category.mb-small + h3 {
margin-bottom: 0.2em;
}
.global-paragraph + .byline {
margin-top: 0.8em;
}
.articles .global-paragraph {
margin-top: 0.3em;
margin-bottom: 1em;
color: #626262;
font-size: 1.6em;
font-weight: 400;
line-height: 20px;
}
ul.wpsolr_facet_checkbox::-webkit-scrollbar {
width: 0.4em;
}
ul.wpsolr_facet_checkbox::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
outline: none;
}
.results-by-facets .category {
font-size: 12px;
font-weight: 500;
}
.results-by-facets .global-paragraph {
font-size: 1.4em;
}
.results-by-facets .articles h3 {
margin-bottom: 0.22em;
}
.results-by-facets .article-meta {
color: #515151;
margin-bottom: 12px;
}
.results-by-facets .article-meta span:after {
content: "|";
margin: 0 0rem 0 0.2rem;
}
.results-by-facets .article-meta span:last-child:after {
content: none;
}
@media (min-width: 992px) {
.search-page {
flex-basis: 100%;
margin-left: 0;
margin-top: 2rem;
}
.search-page .l-segment__item {
flex: 0 0 100%;
}
.search-page-container .c-search-form {
margin: auto;
margin-top: 0;
}
.search-pages > .article-grid {
padding-top: 0.8em;
}
.search-pages .large-9 > .feature {
padding-bottom: 1.6em;
margin-bottom: 1.6em;
}
.search-pages .large-9 > .feature .large-8.articles {
max-width: 60em;
}
.search-pages .res_info_wraper {
padding-top: 0;
}
.search-filter-section .no-filter-selected {
font-size: 1.8em;
}
.search-filter-btn {
display: none;
}
.search-filter-container {
position: relative;
height: 100%;
opacity: 1;
visibility: visible;
padding: 0;
z-index: 860;
margin-top: 0.5em;
}
.search-filter-container .search-wrapper:first-of-type .search-filter-section--dropdown {
margin-top: 0;
}
.seacrh_info_wraper {
margin-bottom: var(--sidebar-margin);
}
.seacrh_info_wraper .seacrh_info,
.seacrh_info_wraper .search-filter__dropdown {
font-size: 1rem;
}
.c-search-form .search-right-side {
margin-top: 1.5rem;
}
.c-search-form .search-right-side .l-segment__item {
padding-left: 0;
padding-right: 0;
}
.global-paragraph + .byline.mb-medium {
margin-top: 1.2em;
}
.search-filter-container .container {
margin-bottom: 1.14em;
}
.results-by-facets .articles h3 {
margin-bottom: 0.45em;
}
.grid-gap-padding.wdm_results {
width: 76% !important;
}
}
figure.wp-block-table {
display: none;
}
.pi-block-mobile-serch {
display: block;
margin-top: 20px;
width: 90%;
}
@media (min-width: 992px) {
.pi-block-mobile-serch {
display: none;
}
}
.ai-enhanced-search {
display: none;
}
.ai-enhanced-search .article-tags h3 {
border-bottom: solid 1px #ddd;
padding-bottom: 0.5em;
font-size: 1.2em;
border-bottom: none;
margin: 1rem 0 0rem 0;
font-weight: 400;
}
.ai-enhanced-search .article-tags ul {
margin: 10px 0;
}
.ai-enhanced-search .article-tags ul li {
margin-right: 0;
}
.ai-enhanced-search .article-tags ul li a {
display: block;
padding: 6px 10px;
line-height: 20px;
}
.ai-enhanced-search .answer-created-by-ai {
background: #f3f3f1;
padding: 16px;
position: relative;
margin-bottom: 14px;
}
.ai-enhanced-search .answer-created-by-ai h2 {
font-size: 18px;
}
.ai-enhanced-search .answer-created-by-ai .like-dislike {
position: absolute;
top: 16px;
right: 16px;
}
.ai-enhanced-search .answer-created-by-ai .like-dislike li {
width: 28px;
height: 28px;
}
.ai-enhanced-search .answer-created-by-ai .like-dislike li:hover {
background: #ddd;
}
.ai-enhanced-search .answer-created-by-ai p small {
font-size: 12px;
}
.ai-enhanced-search .answer-created-by-ai p {
font-size: 14px;
}
.ai-enhanced-search .answer-created-by-ai .ai-answer p:last-of-type {
margin-bottom: 0;
}
.ai-enhanced-search .answer-created-by-ai .read-more {
font-size: 12px;
text-align: center;
margin-bottom: 0;
text-decoration: none;
}
.ai-enhanced-search .answer-created-by-ai .more-links {
margin: 20px 0;
}
.ai-enhanced-search .answer-created-by-ai .more-links h3 {
font-weight: 400;
}
.ai-enhanced-search .answer-created-by-ai .more-links ul {
font-size: 14px;
}
.ai-enhanced-search .answer-created-by-ai .more-links ul li:last-of-type a {
padding-bottom: 0.75em;
}
@media (min-width: 992px) {
.ai-enhanced-search .article-tags ul {
margin: 0.5rem 0 1rem 0;
}
.ai-enhanced-search .article-tags ul li {
margin-right: 10px;
}
.ai-enhanced-search .article-tags ul li a {
display: inline-block;
}
.ai-enhanced-search .answer-created-by-ai {
margin-bottom: 0;
}
.ai-enhanced-search .answer-created-by-ai h2 {
display: inline-block;
}
.ai-enhanced-search .answer-created-by-ai .like-dislike {
position: relative;
top: 5px;
right: 0;
left: 12px;
display: inline-block;
width: 66px;
}
.ai-enhanced-search .answer-created-by-ai .like-dislike li {
width: 32px;
float: left;
}
.ai-enhanced-search .answer-created-by-ai .like-dislike + p {
margin: 8px 0;
}
.ai-enhanced-search .answer-created-by-ai .ai-answer {
display: flex;
}
.ai-enhanced-search .answer-created-by-ai .ai-answer p {
width: 829px;
padding-right: 50px;
}
.ai-enhanced-search .answer-created-by-ai .ai-answer .source-articles {
margin-left: auto;
width: 419px;
margin: -20px 0 0 0;
}
}
/* _search.scss end */
.ad {
padding-top: 16px;
padding-bottom: 16px;
margin: 0 auto;
text-align: center;
}
.ad-desktop {
display: none;
}
.ad-mobile {
display: block;
}
@media (min-width: 992px) {
.ad-desktop {
display: block;
}
.ad-mobile {
display: none;
}
}
.store-ctas {
margin-top: 2em;
margin-bottom: 3em;
}
.store-ctas button {
width: 90%;
cursor: pointer;
}
@media (max-width: 992px) {
.store-ctas button {
margin-top: 1em;
width: 100%;
}
}
.enquiry__form {
font-size: 16px;
position: fixed;
width: 100%;
height: 100%;
background: white;
top: 100vh;
z-index: -999;
visibility: hidden;
transition: top 0.4s ease-in-out;
}
.enquiry__form .scrollable {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--edge-spacing) var(--edge-spacing) 5em var(--edge-spacing);
overflow: scroll;
}
.enquiry__form.open {
top: 5em;
z-index: 99999;
visibility: visible;
}
@media (min-width: 992px) {
.enquiry__form {
width: 800px;
left: 50%;
margin-left: -400px;
}
}
.enquiry-form-bg {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: black;
opacity: 0.7;
z-index: 9;
display: block;
transition: opacity 0.3s ease-in-out;
}
.enquiry-form-bg.hidden {
opacity: 0;
z--index: -999;
display: none;
}
.store-contact-details {
width: 100%;
visibility: hidden;
height: 0;
overflow: hidden;
opacity: 0;
background: #f7f7f7;
transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}
.store-contact-details.open {
visibility: visible;
height: auto;
opacity: 1;
margin-bottom: 2em;
padding: 2em;
}
.store-contact-details .cell div {
margin-bottom: 3em;
padding-right: 2em;
}
.store-contact-details .cell div h3 {
font-size: 1.4em;
margin: 0 0 0.5em 0;
}
.store-contact-details .cell div .tel {
display: block;
margin-bottom: 1em;
}
.partner__logo {
margin-top: 2em;
}
body.no-scroll {
overflow: hidden;
}
.contractors-a-z {
width: 1000px;
max-width: 100%;
margin: 0 auto;
}
#partners-enquiry {
cursor: pointer;
}
.prs--body {
width: 100%;
}
.prs-text {
width: 800px;
max-width: 100%;
margin: 0 auto;
}
.c-tabs-content {
font-size: 10px;
}
.r_office__tab .contact__details {
width: 900px;
max-width: 100%;
}
.company-whitepapers {
margin-top: 3em;
}
/* Paywall start */
.paywall-standalone-page {
margin-top: 1.6em;
padding-bottom: 6.4em;
}
.paywall-standalone-page > section {
flex-flow: nowrap;
}
@media only screen and (min-width: 62em) {
.paywall-standalone-page {
margin-top: 3.2em;
padding-bottom: 8em;
}
}
.paywall-standalone-page .main-content {
display: flex;
flex-direction: column;
font-family: "Lora";
}
@media only screen and (min-width: 62em) {
.paywall-standalone-page .main-content {
margin-right: 4.8em;
}
}
.paywall-standalone-page .main-content header {
padding-bottom: 1.2em;
margin-bottom: 1.6em;
border-bottom: 1px solid #dbdbdd;
}
.paywall-standalone-page .main-content header h1 {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
}
@media only screen and (min-width: 62em) {
.paywall-standalone-page .main-content header {
padding-bottom: 1.6em;
margin-bottom: 2.4em;
}
}
.paywall-standalone-page .main-content .content {
display: flex;
flex-direction: column;
color: #151529;
}
.paywall-standalone-page .main-content .content ul,
.paywall-standalone-page .main-content .content p,
.paywall-standalone-page .main-content .content a {
margin-bottom: 1em;
line-height: 1.5em;
}
@media only screen and (min-width: 62em) {
.paywall-standalone-page .main-content .content ul,
.paywall-standalone-page .main-content .content p,
.paywall-standalone-page .main-content .content a {
font-size: 1.8em;
line-height: 1.555em;
margin-bottom: 1.333em;
}
}
.paywall-standalone-page .main-content .content a {
font-size: 1.6em;
text-decoration: underline;
}
.paywall-standalone-page .main-content .content .button {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
width: fit-content;
background: #373997;
color: #fff;
margin-top: 0;
margin-bottom: 1em;
text-decoration: none;
}
@media only screen and (min-width: 62em) {
.paywall-standalone-page .main-content .content .button {
font-size: 1.6em;
margin-bottom: 1.5em;
}
}
.paywall-standalone-page .main-content .content .button:hover {
background: #27274c;
}
.paywall-standalone-page .main-content .content .contacts p {
margin-bottom: 0;
}
.paywall-standalone-page .image-container {
display: none;
}
@media only screen and (min-width: 62em) {
.paywall-standalone-page .image-container {
display: block;
}
.paywall-standalone-page .image-container img {
display: block;
width: auto;
margin: auto;
}
}
/* Paywall Article */
.paywall-article .main-content .paywall-block {
display: flex;
flex-direction: column;
background: #f3f3f1;
padding: 1.2em;
margin-bottom: 2em;
}
@media only screen and (min-width: 62em) {
.paywall-article .main-content .paywall-block {
padding: 2.4em;
margin-bottom: 3.2em;
}
}
.paywall-article .main-content .paywall-block .paywall-block-heading {
width: 100%;
margin-bottom: 1.6em;
padding-bottom: 1.6em;
border-bottom: 1px solid #dbdbdb;
}
@media only screen and (min-width: 62em) {
.paywall-article .main-content .paywall-block .paywall-block-heading {
margin-bottom: -1em;
padding-bottom: 0;
border-bottom: none;
}
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content figure {
float: right;
margin-left: 2rem;
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content h3 {
font-size: 1.8em;
line-height: 1.333em;
font-weight: 500;
margin-bottom: 0.888em;
}
@media only screen and (min-width: 62em) {
.paywall-article .main-content .paywall-block .paywall-block-heading .content h3 {
font-size: 2.4em;
line-height: 1.25em;
margin-bottom: 1em;
}
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content button {
margin-bottom: 30px;
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content button + span {
display: block;
font: 16px/1.5 Lora, Georgia, serif;
margin: 0 0 60px 0;
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content button + span a {
text-transform: uppercase;
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content h4 {
font-size: 1.6em;
line-height: 1.25em;
}
@media only screen and (min-width: 62em) {
.paywall-article .main-content .paywall-block .paywall-block-heading .content h4 {
font-size: 1.8em;
line-height: 1.333em;
}
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content p {
font-size: 1rem;
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content p .button {
width: fit-content;
background: #373997;
color: #fff;
margin-bottom: 1em;
font-size: 1em;
font-weight: normal;
padding: 1rem 2.2rem;
}
@media only screen and (min-width: 62em) {
.paywall-article .main-content .paywall-block .paywall-block-heading .content p .button {
margin-bottom: 1.5em;
}
}
.paywall-article .main-content .paywall-block .paywall-block-heading .content p .button:hover {
background: #27274c;
}
.paywall-article .main-content .paywall-block .paywall-block-heading figure {
display: none;
max-width: 19.3em;
}
@media (min-width: 767px) {
.paywall-article .main-content .paywall-block .paywall-block-heading figure {
display: block;
}
}
.paywall-article .main-content .paywall-block .paywall-block-heading figure img {
width: auto;
margin: 0 auto;
}
.paywall-article .main-content .paywall-block .paywall-block-content {
display: flex;
flex-direction: column;
}
.paywall-article .main-content .paywall-block .paywall-block-content h4 {
font-size: 2.4em;
line-height: 1.333em;
letter-spacing: -0.02em;
}
@media only screen and (min-width: 62em) {
.paywall-article .main-content .paywall-block .paywall-block-content h4 {
font-size: 3em;
}
}
.paywall-article .main-content .paywall-block .paywall-block-content ul {
font: 1.6em/1.5em atlas, "Helvetica Neue", helvetica, sans-serif;
margin: 5px 0 0 16px;
}
.paywall-article .main-content .paywall-block .paywall-block-content ul li {
margin-bottom: 0.5em;
color: #626262;
}
.paywall-article .main-content .paywall-block .paywall-block-content h5 {
font-size: 1.4em;
line-height: 1.285714em;
margin-bottom: 0.857142em;
}
@media only screen and (min-width: 62em) {
.paywall-article .main-content .paywall-block .paywall-block-content h5 {
font-size: 1.6em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
}
.paywall-article .main-content .paywall-block .paywall-block-content p {
font-size: 1.6em;
line-height: 1.5em;
color: #626262;
}
.paywall-article .main-content .paywall-block .paywall-block-content p:last-of-type {
margin-bottom: 0;
}
.paywall-article .main-content .paywall-block .paywall-block-content > a {
font-size: 1.4em;
line-height: 1.285714em;
text-decoration: underline;
}
.popup-modal {
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 0;
z-index: 999999;
border-top: solid 4px #373997;
overflow: hidden;
}
.popup-modal-content {
border-radius: 0;
background: white;
width: 100%;
height: 100vh;
max-width: 100%;
overflow: scroll;
}
.popup-modal-content .form_container {
background: white;
width: 600px;
max-width: 100%;
margin: auto;
}
.popup-modal-content .form_container input[type=text],
.popup-modal-content .form_container input[type=email] {
border-radius: 0;
font-size: 16px;
}
.popup-modal-content .form_container input[type=submit] {
background: #373997;
color: white;
border-radius: 0;
text-transform: capitalize;
padding: 0.9rem 2rem;
width: 165px;
}
.popup-modal-content .form_container select {
margin-bottom: var(--text-spacing);
}
.popup-modal-content .form_container .close {
position: fixed;
top: 1rem;
right: 0;
text-indent: -50000px;
overflow: visible;
width: 5rem;
font-weight: 400;
font-size: 22px;
}
.popup-modal-content .form_container .close::before {
content: "close";
position: absolute;
z-index: 1;
right: 5.5em;
top: 4px;
text-indent: 5000px;
color: #373997;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.popup-modal-content .form_container .close::after {
content: "∟";
font-size: 1em;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
color: #373997;
font-size: 0.85em;
position: absolute;
left: 110%;
left: 0;
top: 0;
text-indent: 0;
}
.popup-modal-content .form_container .close .form_container {
background: white;
width: 600px;
max-width: 100%;
margin: auto;
}
.popup-modal-content .form_container .close .form_container input[type=text],
.popup-modal-content .form_container .close .form_container input[type=email] {
border-radius: 0;
}
.popup-modal-content .form_container .close .form_container input[type=submit] {
background: #373997;
color: white;
border-radius: 0;
font-size: 1.2em;
text-transform: capitalize;
text-align: center;
margin: o auto;
}
.popup-modal-content .form_container .close .form_container:before {
content: "close";
font-size: 0.8rem;
font-weight: normal;
margin-right: 0.9rem;
position: absolute;
right: 1.6rem;
top: -0.3rem;
color: #373997;
text-indent: 0;
}
.popup-modal-content .form_container .close .form_container:after {
content: "∟";
position: absolute;
right: 1rem;
top: -0.8rem;
font-size: 18px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
color: #373997;
text-indent: 0;
}
.page .membership-account h1,
.page .your-profile h1,
.page .member-login h1 {
border-bottom: solid 1px #ddd;
padding-bottom: 1.5rem;
margin: 0;
}
.page .membership-account hr,
.page .your-profile hr,
.page .member-login hr {
display: none;
}
.page .membership-account .form-wrapper,
.page .your-profile .form-wrapper,
.page .member-login .form-wrapper {
margin-top: var(--form-spacing);
}
.page .membership-account .form-wrapper .form-wrapper,
.page .your-profile .form-wrapper .form-wrapper,
.page .member-login .form-wrapper .form-wrapper {
margin-top: 0;
}
.page .pmpro_lost_password_wrap {
margin-top: 1rem;
}
.page .pmpro_lost_password_wrap .pmpro_lost_password-instructions {
font-size: 22px;
}
.page .pmpro_lost_password_wrap hr {
display: none;
}
.page .pmpro_reset_password_wrap .pmpro_message {
font-size: 1rem;
margin: var(--form-spacing) 0 0 0;
}
.page .pmpro_reset_password_wrap .pmpro_reset_password-field label {
display: block;
}
.page .pmpro_reset_password_wrap .pmpro_reset_password-field.pmpro_reset_password-field-pass2 {
margin-top: 1.5rem;
}
.page .pmpro_reset_password_wrap .pmpro_reset_password-field #pass-strength-result {
height: auto;
margin-bottom: 0.5rem;
}
.page .pmpro_reset_password_wrap .pmpro_reset_password-field #pass-strength-result.bad {
color: red;
}
.page .pmpro_reset_password_wrap .pmpro_reset_password-field #pass-strength-result.good {
color: orange;
}
.page .pmpro_reset_password_wrap .pmpro_reset_password-field #pass-strength-result.strong {
color: green;
font-weight: bold;
}
.page .form-wrapper .form input {
margin-bottom: 16px;
}
@media (min-width: 992px) {
.page .form-wrapper .form input {
margin-bottom: 32px;
}
}
.page .form-wrapper .form button,
.page .form-wrapper .form a.button {
font-size: 16px;
padding: 1rem 2rem;
top: 0;
}
.page .form-wrapper .form a.button {
padding: 0.8rem 2rem;
}
.page .form-wrapper .form .hint-msg {
margin-top: 0;
margin-bottom: 30px;
}
.page .form-wrapper .form .pmpro_change_password-field-pass2 input {
margin-bottom: 0;
}
.page .form-wrapper .form input.error {
border-color: #eb0000;
}
.page .form-wrapper .form .pmpro_message.pmpro_error {
color: #eb0000;
font-size: 12px;
font-weight: 500;
margin: 0px 0 15px 0;
}
@media (min-width: 992px) {
.page .form-wrapper .form .pmpro_message.pmpro_error {
margin: -25px 0 25px 0;
}
}
.page .membership-account h1 {
border-bottom: solid 1px #ddd;
padding-bottom: 1.5rem;
margin: 0;
margin-bottom: 1.5rem;
}
.page .membership-account .article-grid {
border-bottom: none;
}
.page .membership-account .article-grid #pmpro_account-profile {
border: none;
padding-top: 24px;
}
.page .membership-account .article-grid #pmpro_account-profile ul {
list-style: none;
margin-left: 0;
margin-bottom: var(--form-spacing);
}
.page .membership-account .article-grid #pmpro_account-profile ul li {
margin-bottom: 7px;
}
.page .membership-account .article-grid #pmpro_account-profile ul li strong {
margin-right: 0.5em;
}
.page .membership-account .article-grid #pmpro_account-profile ul li span.addresses-block {
display: inline-flex;
}
.page .membership-account .article-grid .pmpro_actionlinks,
.page .membership-account .article-grid #pmpro_account-subscription {
color: white;
}
.page .membership-account .article-grid .pmpro_actionlinks a.button,
.page .membership-account .article-grid #pmpro_account-subscription a.button {
display: inline-block;
font-size: 16px;
margin: 0 5px 10px 0;
}
.page .membership-account .article-grid #pmpro_account-subscription {
color: #151529;
}
.page .membership-account .article-grid #pmpro_account-subscription a.button {
margin-top: 20px;
}
.page .membership-account .article-grid .pmpro_actionlinks,
.page .membership-account .article-grid #pmpro_account-subscription {
color: #ffffff;
}
.page .membership-account .article-grid .pmpro_actionlinks a.button,
.page .membership-account .article-grid #pmpro_account-subscription a.button {
display: inline-block;
font-size: 16px;
margin: 0 4px 10px 0;
}
@media (max-width: 1399px) {
.page .membership-account .article-grid .pmpro_actionlinks a.button,
.page .membership-account .article-grid #pmpro_account-subscription a.button {
font-size: 14px;
}
}
@media (min-width: 992px) {
.page .membership-account .article-grid .pmpro_actionlinks a.button,
.page .membership-account .article-grid #pmpro_account-subscription a.button {
margin: 0 3px 10px 0;
}
}
.page .membership-account .article-grid #pmpro_account-subscription {
color: #151529;
border-top: 1px solid #dbdbdb;
margin-top: 24px;
}
@media (min-width: 992px) {
.page .membership-account .article-grid #pmpro_account-subscription {
border-top: 0px solid #dbdbdb;
margin-top: 0;
}
}
.page .membership-account .article-grid #pmpro_account-subscription a.button {
margin-top: 20px;
}
.page .membership-account .article-grid .pmpro_table tr td,
.page .membership-account .article-grid .pmpro_table tr th {
padding: 1em 0;
}
.page .membership-account .article-grid .pmpro_table thead th {
text-align: left;
border-bottom: solid 1px #ddd;
font-size: 18px;
}
@media (min-width: 992px) {
.page .membership-account .article-grid .pmpro_table .pt-0 {
padding-top: 0;
}
}
.page .form-group-buttons input {
display: inline-block;
}
.page .form-group-buttons input:first-of-type {
margin-right: 1rem;
}
.page-id-130510 .page-container .u-my-5 {
display: block;
}
.pmpro_submit .pmpro_btn {
color: #fff;
background-color: #373997;
font-size: 1rem;
padding: 1rem;
opacity: 1;
border: 1px solid #373997;
display: inline-block;
margin-right: 10px;
}
.pmpro_btn.pmpro_btn-cancel {
background-color: #fff;
color: #373997;
margin-right: 1rem;
border: solid 2px #373997;
}
.pmpro_btn.pmpro_btn.pmpro_btn-cancel:hover,
.pmpro_btn.pmpro_btn.pmpro_btn-cancel.active {
background-color: #373997;
border-color: #373997;
color: #fff;
}
/* _gdm_page-parts.scss start */
.who-is-globaldata {
margin-top: var(--edge-spacing-xl-px);
}
@media (min-width: 992px) {
.who-is-globaldata {
border-top: solid 1px #ddd;
padding-top: var(--edge-spacing-xl-px);
}
}
.who-is-globaldata .text {
padding-bottom: var(--edge-spacing-xl-px);
}
.who-is-globaldata .text h2 {
font: 500 var(--h2-subhead)/1.25 atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.01;
}
.who-is-globaldata .text h2,
.who-is-globaldata .text p {
margin-bottom: var(--edge-spacing-px);
}
.who-is-globaldata .text p {
color: #626262;
font: var(--standfirst)/1.36 atlas, "Helvetica Neue", helvetica, sans-serif;
}
.who-is-globaldata .text p:last-of-type {
margin: 0;
}
@media (min-width: 992px) {
.who-is-globaldata .text {
padding: 0 var(--edge-spacing-xl-px) 0 0;
display: flex;
flex-direction: column;
justify-content: center;
}
}
/* _gdm_page-parts.scss end */
.page h1 {
margin-bottom: 1em;
font-size: 2.744em;
border-bottom: solid 1px #ddd;
padding-bottom: 0.4em;
}
.page .c-post-typography {
max-width: 100%;
}
.page .c-contact-grid__section {
padding: 2em 0;
}
.page .c-tabs-nav {
margin-bottom: 0;
}
.page .lead {
font-size: 1.8em;
}
.page .c-post-content__excerpt {
font-size: 1.6em;
}
.page-template-template-advertise iframe {
height: 1500px !important;
}
@media (min-width: 992px) {
.page-template-template-advertise iframe {
height: 1000px !important;
}
}
.alignnone {
padding-bottom: 1em;
margin-bottom: 1em;
}
.article table {
margin-top: 2em;
}
.block-License-our-content h1 {
padding-bottom: 0.5em;
border-bottom: 1px solid #ddd;
font-size: 24px;
line-height: 1.25;
margin-bottom: 1.25rem;
color: #151529;
}
@media (min-width: 992px) {
.block-License-our-content h1 {
font-size: 32px;
}
}
.block-License-our-content p {
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 1.5em;
letter-spacing: -0.01em;
color: #626262;
}
.block-License-our-content .block-checkbox label {
margin-left: 31px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #464646;
display: inline-block;
position: relative;
top: -4px;
}
@media (min-width: 1399px) {
.block-License-our-content .block-checkbox label {
top: -9px;
}
}
.block-License-our-content label .consent-text {
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #464646;
}
.whitepaper-block.open {
visibility: visible;
top: calc(100vh - 15.5em);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.whitepaper-block.open p,
.whitepaper-block.open h6 {
color: #ffffff;
}
.whitepaper-block.open h6 {
display: none;
}
.whitepaper-block.open input {
border-color: #ffffff;
background-color: #ffffff;
}
.whitepaper-block.open input::placeholder {
color: #626262;
}
.whitepaper-block.open.expanded {
top: 0;
bottom: 0;
min-height: 100vh;
height: 100vh;
overflow-y: scroll;
background-color: #ffffff;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
z-index: 99999;
}
.whitepaper-block.open.expanded #newsletterForm {
padding-top: 1.6em;
}
.whitepaper-block.open.expanded #newsletterForm .custom-select {
margin-bottom: 0;
}
.whitepaper-block.open.expanded .modal-close-arrow {
top: 2.8em;
}
.whitepaper-block.open.expanded p,
.whitepaper-block.open.expanded h6 {
display: block;
color: #151529;
}
.whitepaper-block.open.expanded input {
border-color: #dbdbdb;
}
.whitepaper-block.open.expanded input:hover {
border-color: #27274c;
}
.whitepaper-block.open.expanded input::placeholder {
color: #626262;
}
.whitepaper-block.open.expanded input:focus,
.whitepaper-block.open.expanded input:hover,
.whitepaper-block.open.expanded .custom-select:focus,
.whitepaper-block.open.expanded .custom-select:focus-visible {
outline: none;
border-color: #373997;
}
.whitepaper-block.open.expanded .custom-select:focus-visible > .select-items.select-hide {
display: block;
}
.whitepaper-block.open.expanded .custom-select:hover {
border-color: #dbdbdb;
}
.whitepaper-block .form-wrapper p {
margin-bottom: 1.25em;
}
.whitepaper-block .form-wrapper h6 {
margin-bottom: 0.4em;
}
.event-page-pagination button {
max-width: 148px;
margin: 0 auto;
display: block;
background-color: #373997;
color: #ffffff;
padding: 14px 32px;
margin-top: 51px;
margin-bottom: 51px;
}
.event-page-pagination ul {
display: none;
}
@media (min-width: 992px) {
.event-page-pagination button {
display: none;
}
.event-page-pagination ul {
display: block;
text-align: center;
margin-left: 0;
border-top: 1px solid #ddd;
margin-bottom: 0;
padding-top: 1em;
}
.event-page-pagination ul li {
display: inline-block;
margin-left: 20px;
}
.event-page-pagination ul li a {
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
display: inline-block;
color: #252524;
padding: 2px 7px;
}
.event-page-pagination ul li a:hover {
color: #27274c;
background-color: #ffffff;
}
.event-page-pagination ul li .active {
color: #ffffff;
background-color: #27274c;
}
}
.no-bottom-border {
border-bottom: solid 0px #ddd;
}
.pmpro_status_message {
margin-top: 1.5em;
}
.pg-back span {
color: #373997;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
position: relative;
left: 12px;
cursor: pointer;
}
.pg-back span::before {
content: "∟";
font-size: 0.8em;
transform: rotate(40deg);
-webkit-transform: rotate(40deg);
position: absolute;
top: 0;
left: -12px;
}
.btn-cancle {
margin-right: 15px;
width: 122px;
}
.btn-changepass {
min-width: 205px;
max-width: 205px;
}
@media (min-width: 992px) {
.text-block-pr {
padding-right: 1.2rem;
}
}
@media (min-width: 992px) {
.text-block-pl {
padding-left: 0.625rem;
}
}
@media (min-width: 992px) {
.customer_login .woocommerce-notices-wrapper {
width: 50%;
margin-left: 25%;
}
}
.customer_login .woocommerce-notices-wrapper ul.woocommerce-error li {
list-style: none;
font-size: 14px;
margin-top: 2em;
text-align: center;
color: #eb0000;
}
.magazine-archive .grid-x.desktop-gap h3 {
font-size: 18px;
}
.magazine-archive .grid-x.desktop-gap p.global-paragraph {
font-size: 14px;
}
/*sitemap css*/
@media (max-width: 992px) {
.cls_results .large-6 {
width: 100%;
}
}
.block-sitemap-section {
margin-top: 32px;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
margin-bottom: 30px;
}
.block-sitemap-section h2 {
font-weight: 500;
font-size: 20px;
line-height: 28px;
letter-spacing: -0.01em;
color: #151529;
}
@media (min-width: 992px) {
.block-sitemap-section h2 {
font-size: 24px;
}
}
.accordion {
width: 100%;
margin: 20px auto;
}
.accordion h1,
.accordion h2,
.accordion h3,
.accordion h4 {
cursor: pointer;
}
.accordion h1 {
padding: 15px 20px;
background-color: #fff;
font-family: Lobster;
font-size: 1.5rem;
font-weight: normal;
color: black;
}
.accordion h1:hover {
color: black;
}
.accordion h2 {
padding: 0;
background-color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #151529;
border-bottom: 0px solid #ddd;
margin-bottom: 15px;
border-radius: 0px 0px 0px 0px !important;
position: relative;
}
.accordion h2::after {
content: url(../../assets/images/Up.svg);
position: absolute;
top: 0;
right: 0;
rotate: 180deg;
}
.accordion h2:hover {
background-color: #fff;
}
@media (min-width: 992px) {
.accordion h2 {
padding: 0px;
}
}
.accordion h3 {
padding: 0;
background-color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #151529;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
border-radius: 0px 0px 0px 0px !important;
position: relative;
}
.accordion h3::after {
content: url(../../assets/images/Up.svg);
position: absolute;
top: 0;
right: 0;
rotate: 180deg;
}
.accordion h3:hover {
background-color: #fff;
}
@media (min-width: 992px) {
.accordion h3 {
padding: 0px 50px 15px 50px;
}
}
.accordion h4 {
padding: 0px;
background-color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #151529;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
border-radius: 0px 0px 0px 0px !important;
position: relative;
}
.accordion h4::after {
content: url(../../assets/images/Up.svg);
position: absolute;
top: 0;
right: 0;
rotate: 180deg;
}
.accordion h4:hover {
background-color: #fff;
}
@media (min-width: 992px) {
.accordion h4 {
padding: 0px 50px 15px 50px;
}
}
.accordion .icnrotate::after {
content: url(../../assets/images/Up.svg);
position: absolute;
top: 0;
right: 0;
rotate: 0deg;
}
.accordion div,
.accordion p {
display: none;
}
.accordion p {
padding: 15px 35px;
background-color: #fff;
font-family: "Georgia";
font-size: 0.8rem;
color: black;
line-height: 1.3rem;
}
.accordion .opened-for-acc {
display: block;
}
.opened-for-acc p {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #373997;
font-family: inherit;
padding-left: 50px;
}
.opened-for-acc p span {
display: block;
margin-bottom: 24px;
position: relative;
}
.opened-for-acc p span::after {
content: "" !important;
}
.opened-for-acc span {
display: block;
margin-bottom: 24px;
position: relative;
color: #373997;
font-family: inherit;
font-size: 14px;
line-height: 17px;
font-weight: 500;
}
.opened-for-acc span::after {
content: "" !important;
position: relative;
display: inline-block;
margin-left: 10px;
top: 2px;
right: 0;
background: url(../../assets/images/sitemap-list-icon.svg) no-repeat !important;
background-size: 13px !important;
height: 13px;
width: 13px;
}
/*sitemap css end*/
.what-do-you-get .banners figure img {
filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0)) !important;
}
/* _pages.scss end */
/* awards.scss start */
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls {
margin-top: -15px;
text-align: center;
z-index: 9999;
position: relative;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; /*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); /*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100); /*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline; /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 24px;
height: 8px;
margin: 5px 7px;
background: #dbdbdb;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
background: #373997;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center;
}
.featured-winners .full-width {
width: 100%;
padding-bottom: 12px !important;
margin-bottom: 24px !important;
}
.featured-winners .logos .logo-grid {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 12px;
margin-bottom: 24px;
}
.featured-winners .logos .logo-grid .logo-item {
border-right: 1px solid #dbdbdb;
}
.featured-winners .logos .logo-grid .logo-item:last-child {
border-right: 0px solid #dbdbdb;
}
.featured-winners .logos .logo-grid .logo-item a img {
object-fit: contain;
height: 168px;
min-height: 168px;
min-width: 100%;
padding: 10px;
}
.winnner-sf-table .large-2.thead {
width: 16.5%;
}
.aw-tx-block {
margin-top: 15px !important;
}
@media (min-width: 992px) {
.aw-tx-block {
margin-top: 0 !important;
}
}
.aw-tx-block .button a {
display: block;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.aw-tx-block .button a {
width: auto;
display: inline-block;
}
}
.bl-award-benefit {
display: flex;
}
.bl-award-benefit span {
margin-right: 15px;
width: 150px;
}
.bl-award-benefit h3 {
margin-bottom: 5px;
margin-top: 10px;
}
.bl-award-benefit ul {
margin-top: 30px;
margin-left: -40px;
}
@media (min-width: 992px) {
.bl-award-benefit ul {
margin-top: auto;
margin-left: 1.25rem;
}
}
.aw-ln-categories {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #dbdbdb;
}
@media (min-width: 992px) {
.aw-ln-categories .ct-block-text {
padding: 25px 0 25px 25px;
}
}
.aw-ln-categories .ct-block-text h2 {
margin-bottom: 15px;
}
.aw-ln-categories .ct-block-text .button a {
display: block;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.aw-ln-categories .ct-block-text .button a {
width: auto;
display: inline-block;
}
}
.aw-ln-categories .bl-only-big {
display: none;
}
@media (min-width: 992px) {
.aw-ln-categories .bl-only-big {
display: block;
}
}
.aw-ln-categories .bl-only-small {
display: block;
}
@media (min-width: 992px) {
.aw-ln-categories .bl-only-small {
display: none;
}
}
.aw-ln-how-to-enter {
margin-bottom: 25px;
padding-bottom: 25px;
}
.aw-ln-how-to-enter:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
@media (min-width: 992px) {
.aw-ln-how-to-enter .ct-block-text {
padding: 25px 25px 25px 0px;
}
}
.aw-ln-how-to-enter .ct-block-text h2 {
margin-bottom: 15px;
}
.aw-ln-how-to-enter .ct-block-text .button a {
display: block;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.aw-ln-how-to-enter .ct-block-text .button a {
width: auto;
display: inline-block;
}
}
.slideshow-container {
/* Slideshow container */
/* Caption text */
/* Number text (1/3 etc) */
/* The dots/bullets/indicators */
/* Fading animation */
}
.slideshow-container .slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
.slideshow-container .text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
.slideshow-container .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
.slideshow-container .dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.slideshow-container .active {
background-color: #717171;
}
.slideshow-container .fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
.bl-croul-page {
position: relative;
text-align: center;
margin-top: 20px;
}
.bl-croul-page span {
display: inline-block;
background: #dbdbdb;
height: 8px;
width: 24px;
margin-right: 5px;
margin-left: 5px;
}
.bl-croul-page .active {
background: #373997;
}
.bl-croul-page p {
display: inline-block;
}
.owl-controls .owl-buttons {
position: relative;
margin-bottom: 30px;
}
.owl-controls .owl-buttons .owl-prev {
position: absolute;
width: 30px;
height: auto;
right: 66%;
top: -30px;
text-indent: -9999px;
background: url("../images/icons/left-arrow.png") !important;
opacity: 1 !important;
}
@media (min-width: 992px) {
.owl-controls .owl-buttons .owl-prev {
right: 60%;
}
}
.owl-controls .owl-buttons .owl-next {
position: absolute;
width: 30px;
height: auto;
left: 66%;
top: -30px;
text-indent: -9999px;
background: url("../images/icons/right-arrow.png") !important;
opacity: 1 !important;
}
@media (min-width: 992px) {
.owl-controls .owl-buttons .owl-next {
left: 60%;
}
}
/* awards.scss end */
/* about-us.scss start */
.about-us-page .header-category.header-category-alt {
padding-bottom: 1.2em;
margin: 0.4em 0 2em;
}
@media (min-width: 992px) {
.about-us-page .header-category.header-category-alt {
border: none;
margin-bottom: 1em;
}
}
.about-us-page header h1 {
margin-bottom: 0;
}
.about-us-page p {
color: #151529;
}
.about-us-page h2 {
font-size: 20px;
margin: 30px 0 25px 0;
}
@media (min-width: 992px) {
.about-us-page h2 {
font-size: 24px;
}
}
.about-us-page .article-grid header {
padding-bottom: 0.8em;
margin-top: 2em;
}
.about-us-page .list-3-2 {
border-bottom: solid 1px #ddd;
}
.about-us-page .list-3-2-blocks {
border-right: 1px solid #ddd;
padding-right: 2.4em;
height: 100%;
}
.about-us-page .list-3-2 .large-4 {
width: 50%;
padding: 2em 0;
border-bottom: solid 1px #ddd;
margin-bottom: -1px;
}
.about-us-page .list-3-2 .large-4:nth-child(2n) {
padding-left: 2.4em;
padding-right: 0;
}
.about-us-page .list-3-2 .large-4:nth-child(2n) .list-3-2-blocks {
border-right: 0;
}
.about-us-page .list-3-2 .avatar-image__container, .about-us-page .list-3-2 .avatar figure {
max-width: 12.5em;
max-height: 12.5em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.6em;
}
.about-us-page .list-3-2 .avatar-image__container img, .about-us-page .list-3-2 .avatar figure img {
filter: grayscale(100%);
}
.about-us-page .list-3-2 .avatar h3 {
color: #373997;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.01em;
}
.about-us-page .list-3-2 .avatar h3 + p {
margin-top: 0.5em;
color: #626262;
}
.about-us-page .list-3-2 .avatar-name__container {
margin-left: 0.8em;
}
.about-us-page .list-3-2 .avatar-name__container h3.author-name {
margin-bottom: 0;
}
.about-us-page .list-3-2 .avatar-name__container h3.author-name a {
text-decoration: none;
}
.about-us-page .list-3-2 .avatar-name__container h4.author-social-link {
font-size: 10px;
margin-bottom: 0;
}
.about-us-page .list-3-2 .avatar-name__container h4.author-social-link a {
text-decoration: none;
color: #373997;
font-weight: 400;
}
.about-us-page .large-8 > p,
.about-us-page .article-grid > p {
font-family: "Lora";
}
.about-us-page .subheader-alt {
margin-bottom: 2em;
}
@media (min-width: 992px) {
.about-us-page .article-grid .large-8 {
width: 796px;
}
.about-us-page .article-grid .large-8 p {
font-size: 18px;
}
.about-us-page .article-grid .grid-x.list-3-2 .cell.large-4 {
width: 33.33%;
padding: var(--edge-spacing) 0 0 0;
margin: var(--edge-spacing) 0;
border-bottom: none;
position: relative;
}
.about-us-page .article-grid .grid-x.list-3-2 .cell.large-4:after {
content: "";
border-bottom: solid 1px #ddd;
position: absolute;
bottom: -1.4rem;
left: 0;
right: 0;
}
.about-us-page .article-grid .grid-x.list-3-2 .cell.large-4:nth-last-child(1):after, .about-us-page .article-grid .grid-x.list-3-2 .cell.large-4:nth-last-child(2):after {
border: none;
}
.about-us-page .article-grid .grid-x.list-3-2 .cell.large-4 .list-3-2-blocks {
padding: 0 var(--edge-spacing);
border-right: 0px solid #ddd;
}
.about-us-page .article-grid .grid-x.list-3-2 .cell.large-4:nth-child(3n) .list-3-2-blocks {
border-right: 0;
}
}
.about-us-page h3 {
margin-bottom: 0.43em;
}
.about-us-page h6 {
font-size: 1em;
text-transform: uppercase;
color: #373997;
margin-bottom: 1.6em;
}
.the-publication.grid-x {
margin: 0;
}
.publication {
max-width: 1110px;
}
.publication .tabcontent ul {
margin-left: 1em;
margin-bottom: var(--xsmall-edge-spacing);
}
.publication .tabcontent li {
margin-left: 1em;
margin-bottom: var(--xsmall-edge-spacing);
}
.publication .tabcontent p {
font-size: var(--small-text);
margin-bottom: 1em;
}
.publication .tabcontent h2 {
font-size: 2.06em;
margin-bottom: var(--xsmall-edge-spacing);
}
.publication .tabs-navigation {
padding-top: 0.4em;
}
.the-publication .c-publication-segment {
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-bottom: 4em;
}
@media (max-width: 768px) {
.the-publication .c-publication-segment {
margin-bottom: 3em;
}
}
.the-publication .c-publication-segment .c-publication-segment__cover {
width: 35.74%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media (max-width: 992px) {
.the-publication .c-publication-segment .c-publication-segment__cover {
width: 22.74%;
}
}
@media (max-width: 540px) {
.the-publication .c-publication-segment .c-publication-segment__cover {
width: 100%;
}
}
.the-publication .c-publication-segment .c-publication-segment__title {
width: 62%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 2em;
}
@media (max-width: 540px) {
.the-publication .c-publication-segment .c-publication-segment__title {
width: 100%;
}
}
.the-publication .c-publication-segment .c-publication-segment__title h2 {
color: #151529;
font-size: var(--fs-xs);
font-weight: 400;
margin-bottom: var(--edge-spacing-small-fixed);
}
.the-publication .c-publication-segment .c-publication-segment__title .meta-item a, .the-publication .c-publication-segment .c-publication-segment__title .meta-item {
color: #626262;
font-size: var(--small-text);
line-height: var(--ln-m);
}
.the-publication .c-publication-segment .c-publication-segment__img.the-global-title {
/*-webkit-box-shadow: -6px 6px 0px 0px rgba(0,0,0,1);
-moz-box-shadow: -6px 6px 0px 0px rgba(0,0,0,1);
box-shadow: -6px 6px 0px 0px rgba(0,0,0,1);*/
max-width: 176px;
width: 100%;
border: 2px solid #151529;
}
@media (max-width: 540px) {
.the-publication .c-publication-segment .c-publication-segment__img.the-global-title {
margin: auto auto 2em auto;
max-width: 127px;
align-items: center;
display: flex;
}
}
/* about-us.scss end */
/* accounts.scss start */
.account-page {
padding-top: 1.6em;
}
.account-page .account-section {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 6.4em;
}
.account-page .account-section header {
margin-top: 0;
margin-bottom: 2.4em;
}
.account-page .account-section .account-content-wrapper {
width: 100%;
}
.account-page .account-section #pmpro_account {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 62em) {
.account-page .account-section #pmpro_account {
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
}
}
.account-page .account-section #pmpro_account .pmpro_box#pmpro_account-profile {
width: 100%;
padding-bottom: 1.2em;
margin-bottom: 2.4em;
border-bottom: 1px solid #dbdbdb;
}
@media only screen and (min-width: 62em) {
.account-page .account-section #pmpro_account .pmpro_box#pmpro_account-profile {
width: 50%;
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
}
.account-page .account-section #pmpro_account .pmpro_box ul {
margin: 0;
margin-bottom: 2em;
list-style: none;
font-size: 1.2em;
line-height: 1.25em;
}
.account-page .account-section #pmpro_account .pmpro_box ul li {
margin-bottom: 1em;
color: #626262;
}
.account-page .account-section #pmpro_account .pmpro_box ul li strong {
margin-right: 1em;
color: #151529;
}
@media only screen and (min-width: 62em) {
.account-page .account-section #pmpro_account .pmpro_box ul {
font-size: 1.4em;
margin-bottom: 1.714285em;
}
.account-page .account-section #pmpro_account .pmpro_box ul li {
margin-bottom: 0.857142;
}
}
.account-page .account-section #pmpro_account .pmpro_box .pmpro_actionlinks .button {
margin-bottom: 0.75em;
margin-top: 0;
margin-right: 0.75em;
}
.account-page .account-section #pmpro_account .pmpro_box.cell {
border: none;
}
.account-page .account-section #pmpro_account .pmpro_box#pmpro_account-subscription {
width: 100%;
}
@media only screen and (min-width: 62em) {
.account-page .account-section #pmpro_account .pmpro_box#pmpro_account-subscription {
width: 50%;
}
}
.account-page .account-section #pmpro_account .pmpro_box#pmpro_account-subscription .button {
margin-top: 0.75em;
}
@media only screen and (min-width: 62em) {
.account-page .account-section #pmpro_account .pmpro_box#pmpro_account-subscription .button {
margin-top: 2.4em;
}
}
.account-page .account-section #pmpro_account .pmpro_box table {
border-collapse: collapse;
border: none;
margin-bottom: 0;
width: 100%;
}
.account-page .account-section #pmpro_account .pmpro_box table thead th {
text-align: left;
padding-bottom: 1.2em;
font-size: 1.6em;
line-height: 0.75em;
font-weight: 500;
color: #151529;
}
@media only screen and (min-width: 62em) {
.account-page .account-section #pmpro_account .pmpro_box table thead th {
font-size: 1.8em;
line-height: 1.333333em;
padding-bottom: 0.666666em;
}
}
.account-page .account-section #pmpro_account .pmpro_box table tr {
border-bottom: 1px solid #dbdbdb;
}
.account-page .account-section #pmpro_account .pmpro_box table td {
text-align: left;
padding-bottom: 1em;
padding-top: 1em;
font-size: 1.2em;
line-height: 1.214285em;
}
@media only screen and (min-width: 62em) {
.account-page .account-section #pmpro_account .pmpro_box table td {
font-size: 1.4em;
line-height: 1.214285em;
padding-bottom: 0.857142em;
padding-top: 0.857142em;
}
}
/* accounts.scss end */
.storefront-page .tabs-content {
min-height: 40vh;
}
.storefront-page .modal-full.open.expanded p {
color: #626262;
}
.storefront-page .modal-full.open.expanded .modal-close-arrow {
right: 2em;
top: 1em;
color: #373997;
}
.storefront-page .storefront-heading {
border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 62em) {
.storefront-page .storefront-heading {
padding-bottom: 2.4em;
}
}
.storefront-page .storefront-heading-content {
width: 100%;
}
@media only screen and (min-width: 62em) {
.storefront-page .storefront-heading-content {
justify-content: space-between;
padding-right: 7em;
padding-top: 0.6em;
}
}
.storefront-page .storefront-heading h2 {
font-size: var(--fs-xl);
letter-spacing: var(--letter-space-xl);
line-height: var(--ln-xl);
margin-bottom: 0.5em;
}
@media only screen and (min-width: 62em) {
.storefront-page .storefront-heading h2 {
font-size: var(--fs-xl);
margin-bottom: 0.75em;
}
}
.storefront-page .storefront-heading h5 {
font-size: 1.8em;
line-height: 1.333333em;
font-weight: 400;
}
.storefront-page .storefront-heading .buttons-wrap {
display: flex;
flex-wrap: nowrap;
}
.storefront-page .storefront-heading .buttons-wrap button {
margin-bottom: 0.75em;
margin-top: 0;
text-align: left;
padding: 0.9em 2em;
}
@media only screen and (min-width: 62em) {
.storefront-page .storefront-heading .buttons-wrap button {
margin-bottom: 0;
}
}
.storefront-page .storefront-heading .buttons-wrap .button-with-img {
background: white;
color: #373997;
margin-left: 1em;
}
.storefront-page .storefront-heading .buttons-wrap .button-with-img img {
width: 16px;
margin-left: 5px;
}
.storefront-page .storefront-heading .buttons-wrap .button-with-img.active img {
transform: rotate(180deg);
}
@media (max-width: 500px) {
.storefront-page .storefront-heading .buttons-wrap button {
padding: 0.9em 0.9em;
font-size: 15px;
}
}
@media (max-width: 380px) {
.storefront-page .storefront-heading .buttons-wrap button {
font-size: 13px;
}
}
.storefront-page .storefront-heading .company-logo {
order: -1;
margin-bottom: 1.2em;
}
.storefront-page .storefront-heading .company-logo figure {
max-width: 16.8em;
width: 100%;
margin: 0 auto;
}
@media (min-width: 768px) {
.storefront-page .storefront-heading .company-logo {
order: initial;
margin-left: auto;
margin-bottom: 0;
}
}
.storefront-page .contact-details {
width: 100%;
border-top: 1px solid #ddd;
padding-top: 2.4em;
display: none;
overflow: hidden;
}
.storefront-page .contact-details .cell {
width: 49%;
margin-right: 1em;
}
.storefront-page .contact-details .cell:nth-child(even) {
margin-right: 0;
}
@media only screen and (min-width: 62em) {
.storefront-page .contact-details .cell {
width: 25%;
margin-right: 0;
}
}
.storefront-page .contact-details .cell .title {
font-size: 1.8em;
line-height: 1.333333em;
font-weight: 500;
color: #151529;
}
.storefront-page .contact-details .cell .description {
display: flex;
flex-direction: column;
font-size: 1.4em;
line-height: 1.428571em;
color: #626262;
margin-bottom: 1.142857em;
}
.storefront-page .contact-details.active {
display: block;
animation: fadein 300ms ease-in-out forwards;
transform-origin: top center;
}
.storefront-page .contact-details.active-close {
display: block;
padding: 0;
transition: padding 0.5s;
animation: fadeout 600ms ease-in-out forwards;
}
.tabs-navigation {
padding-top: 2.4em;
position: relative;
}
.tabs-navigation .tabs-nav {
text-align: left;
display: block;
border-bottom: 1px solid #ddd;
padding-bottom: 0;
margin-bottom: 18px;
margin-left: 0;
font-size: 1.6em;
line-height: 1.214285em;
overflow-x: scroll;
white-space: nowrap;
transition: margin 0.3s ease-in-out;
padding-right: 2.571428em;
-ms-overflow-style: none;
/* IE 11 */
scrollbar-width: none;
/* Firefox 64 */
overflow: -moz-scrollbars-none;
}
.tabs-navigation .tabs-nav::-webkit-scrollbar, .tabs-navigation .tabs-nav::-webkit-scrollbar-track, .tabs-navigation .tabs-nav::-webkit-scrollbar-thumb {
display: none;
}
@media only screen and (min-width: 62em) {
.tabs-navigation .tabs-nav {
margin-bottom: 30px;
}
}
.tabs-navigation .tabs-nav .tabs-nav-arrow {
width: 2.571428em;
height: 2.571428em;
display: none;
position: absolute;
right: -11px;
bottom: 0;
background: url(../img/icon_arrow_purple.png) no-repeat center;
background-size: 60%;
background-color: #dbdbdb;
}
.tabs-navigation .tabs-nav .tabs-nav-arrow.active {
display: block;
}
.tabs-navigation .tabs-nav__item {
display: inline-block;
margin-right: 24px;
}
.tabs-navigation .tabs-nav__item.open-tab .tabs-nav__link {
border-bottom: 1px solid #373997;
position: relative;
color: #373997;
font-weight: 500;
}
.tabs-navigation .tabs-nav__item .tabs-nav__link {
color: #151529;
padding: 0 12px;
padding-bottom: 11px;
cursor: pointer;
}
.tabs-navigation .tabs-nav__item:last-child {
margin-right: 0;
}
.tabs-content__panel {
transition: opacity 0.5s ease-in-out;
}
.tabs-content__panel .wrapper > .cell {
padding-bottom: 1.6em;
margin-bottom: 1.6em;
}
.tabs-content__panel .wrapper > .cell h3 {
margin-bottom: 0.222222em;
}
@media only screen and (min-width: 62em) {
.tabs-content__panel .wrapper > .cell h3 {
margin-bottom: 0.444444em;
}
}
@media (min-width: 540px) {
.tabs-content__panel .wrapper > .cell .cell.padding-left-big-gap {
padding-left: 2.4em;
}
}
.tabs-content__panel.article-content .main-content {
margin: 0 auto;
}
.tabs-content__panel.article-content .main-content h2 {
margin-bottom: 1.333333em;
}
.tabs-content__panel.article-content .main-content > figure {
margin-bottom: 2em;
}
@media only screen and (min-width: 62em) {
.tabs-content__panel.article-content .main-content > figure {
margin-bottom: 3.2em;
}
}
.tabs-content__panel.article-content .main-content .swiper-slide {
margin-bottom: 3em;
}
.tabs-content__panel.article-content .main-content .swiper-slide span {
text-align: left;
display: block;
font-size: 14px;
border-bottom: solid 1px #ddd;
padding: 1em 0;
margin-bottom: 1em;
}
.tabs-content__panel.centered .wrapper {
margin: 0 auto;
}
.tabs-content__panel.videos .articles figure {
position: relative;
}
.tabs-content__panel.videos .articles figure::after {
content: url("../images/icons/video-thumb-icon.png");
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
}
.tabs-content__panel.videos .articles figure iframe {
width: 100%;
aspect-ratio: 16/9;
}
.tabs-content__panel .load-more-btn {
margin-top: 0;
margin-bottom: 0;
}
.tabs-content__panel .load-more-btn button {
margin-bottom: 0;
margin-top: 0.5em;
}
.tabs-content__panel .contact-details {
display: flex;
padding-top: 0;
border-top: none;
}
.tabs-content__panel .video {
aspect-ratio: 16/9;
display: block;
position: relative;
padding-top: 56.25%;
margin-bottom: 2.4em;
}
.tabs-content__panel .video iframe {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 62em) {
.tabs-content__panel .video {
margin-bottom: 3.2em;
}
}
.tabs-content__panel .swiper {
margin-bottom: 2em;
}
@media only screen and (min-width: 62em) {
.tabs-content__panel .swiper {
margin-bottom: 3.2em;
}
}
.tabs-content__panel {
display: none;
opacity: 0;
transition: opacity 0.5s ease-in;
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeout {
0% {
opacity: 1;
height: 500px;
}
100% {
opacity: 0;
height: 0px;
}
}
.company-categories {
width: 920px;
max-width: 100%;
padding: 0;
position: relative;
margin: 0 auto;
}
.company-categories .c-contractor-list__list {
width: 100%;
font-size: inherit;
}
.company-categories .c-contractor-list__list h2 {
font-size: 2em;
line-height: 1.2em;
font-weight: 500;
margin-top: 1.2em;
padding-bottom: 0.4em;
border-bottom: 1px solid #dbdbdb;
}
.company-categories li.c-contractor-list__list-item {
margin-bottom: 2.4em;
}
@media only screen and (min-width: 62em) {
.company-categories li.c-contractor-list__list-item {
margin-bottom: 3.2em;
}
}
.company-categories .c-contractor-list__list-item a span:first-child {
font-weight: 500;
color: #151529;
font-size: 18px;
}
.company-categories .c-contractor-list__list-item a span:last-child {
color: #626262;
font-size: 14px;
}
.company-categories .c-contractor-list__list-item::after {
left: 0;
right: 0;
width: 100%;
margin: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.tabs-nav .open-tab {
font-weight: 500;
color: #373997;
line-height: 2.5;
border-bottom: 1px solid #373997;
}
.tabs-nav .open-tab a {
border-bottom: 1px solid #373997;
padding: 0 12px;
padding-bottom: 11px;
position: relative;
color: #373997;
}
.tabs-content .open-tab {
display: block;
opacity: 1;
}
.storefront-page .tabs-nav {
text-align: left;
}
@media only screen and (min-width: 992px) {
.company-categories .c-contractor-list__list-item a {
padding: 1.6em 0;
}
.company-categories .c-contractor-list__list h2 {
font-size: 2.4em;
line-height: 1.166666em;
margin-bottom: 0.666em;
padding-bottom: 0.5em;
margin-top: 1.333333em;
}
.company-categories .c-contractor-list__list h2:first-child {
margin-top: 0;
}
}
.storefronts-template-default .modal-full {
transition: all 0.3s ease-in-out;
background: white;
}
.contractors-page {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
padding-top: 1.6em;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 62em) {
.contractors-page {
padding-top: 3.2em;
}
}
.contractors-page .header-category {
width: 100%;
padding-bottom: 1.2em;
margin-bottom: 1.6em;
}
@media only screen and (min-width: 62em) {
.contractors-page .header-category {
padding-bottom: 1.6em;
margin-bottom: 3.2em;
}
}
.contractors-page .c-az-navigation {
width: 100%;
margin-top: 0;
}
.contractors-page .c-az-navigation .navigation__tab {
border-bottom: none;
white-space: nowrap;
display: block;
overflow-x: auto;
overflow-y: hidden;
-ms-overflow-style: none;
/* IE 11 */
scrollbar-width: none;
/* Firefox 64 */
overflow: -moz-scrollbars-none;
margin-bottom: 1.2em;
}
.contractors-page .c-az-navigation .navigation__tab::-webkit-scrollbar, .contractors-page .c-az-navigation .navigation__tab::-webkit-scrollbar-track, .contractors-page .c-az-navigation .navigation__tab::-webkit-scrollbar-thumb {
display: none;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .navigation__tab {
margin-bottom: 3.6em;
}
}
.contractors-page .c-az-navigation .navigation__tab .tablinks {
display: inline-block;
width: 37px;
height: 37px;
padding: 0;
border: 1px solid #dbdbdb;
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 1.6em;
line-height: 37px;
letter-spacing: normal;
font-weight: 400;
margin-right: 0.5em;
margin-left: 0;
color: #151529;
text-align: center;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .navigation__tab .tablinks {
margin-right: 0.75em;
}
}
.contractors-page .c-az-navigation .navigation__tab .tablinks.c-tabs-nav__tab--disabled {
color: #dbdbdb;
}
.contractors-page .c-az-navigation .navigation__tab .tablinks:last-child {
margin-right: 0;
}
.contractors-page .c-az-navigation .tabcontent {
max-width: 920px;
width: 100%;
margin: 0 auto;
margin-bottom: 2.4em;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent {
margin-bottom: 1.6em;
}
}
.contractors-page .c-az-navigation .tabcontent h2 {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 2em;
font-weight: 500;
line-height: 1.2em;
padding-bottom: 0.4em;
border-bottom: 1px solid #dbdbdb;
text-align: left;
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent h2 {
font-size: 2.4em;
line-height: 1.166666em;
padding-bottom: 0.5em;
}
}
.contractors-page .c-az-navigation .tabcontent .c-article-content {
padding-top: 1.2em !important;
padding-bottom: 1.2em !important;
margin-bottom: 2.4em;
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px solid #dbdbdb;
width: 100%;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent .c-article-content {
flex-direction: row;
padding-top: 3.2em !important;
padding-bottom: 1.6em !important;
margin-bottom: 0;
}
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-left {
flex: 0 0 314px;
margin-bottom: 0;
margin-right: 2.4em;
}
}
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-left .c-story__image--az {
max-width: 200px;
max-height: 113px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-left .c-story__image--az {
max-width: 314px;
max-height: 113px;
}
}
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-left .c-story__image--az a {
max-height: 113px;
}
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-left .c-story__image--az img {
max-width: 200px;
height: auto;
max-height: 113px;
margin: 0 auto;
}
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-right {
width: 100%;
order: -1;
border-bottom: none;
padding-bottom: 1.8em;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-right {
order: 1;
padding-bottom: 0;
}
}
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-right h4 {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 1.8em;
line-height: 1.333333em;
margin-bottom: 0.222em;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-right h4 {
margin-bottom: 0.444em;
}
}
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-right h4 a {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 1em;
line-height: 1em;
font-weight: 500;
margin-bottom: 0;
color: #151529;
}
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-right p {
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
font-size: 1.4em;
line-height: 1.428571em;
margin-bottom: 1.285714em;
margin-top: 0;
color: #626262;
}
@media only screen and (min-width: 62em) {
.contractors-page .c-az-navigation .tabcontent .c-article-content .col-right p {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.contractors-page .c-az-navigation .navigation__tab {
display: flex;
justify-content: space-between;
}
}
.c-contractor-list__list .c-contractor-list__list-item {
margin-bottom: 2.4em;
}
@media only screen and (min-width: 62em) {
.c-contractor-list__list .c-contractor-list__list-item {
margin-bottom: 3.2em;
}
}
.article-grid .grid-x header.header-category {
margin-bottom: 0;
display: flow-root;
}
.article-grid .grid-x header.header-category h2 {
font-size: 3.7em;
}
.article-grid .grid-x header.header-category h5 {
margin-bottom: 0;
}
.article-grid .grid-x .tabcontent p {
font-size: 2.06em;
margin-bottom: 1em;
}
.article-grid .grid-x .tabcontent h2 {
font-size: 2.06em;
margin-bottom: var(--xsmall-edge-spacing);
}
.article-grid .grid-x .tabcontent ul li {
margin-left: 1em;
margin-bottom: var(--xsmall-edge-spacing);
}
.advertise-page {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 1.6em;
}
@media only screen and (min-width: 62em) {
.advertise-page {
padding-top: 3.2em;
}
}
.advertise-page header {
margin-top: 0;
margin-bottom: 1.6em;
}
@media only screen and (min-width: 62em) {
.advertise-page header {
margin-bottom: 2.4em;
}
}
.advertise-page .advertise-content h3 {
font-size: 2.2em;
line-height: 1.27em;
font-weight: 400;
margin-bottom: 1.09em;
}
.advertise-page .advertise-content .form-wrapper .form .form-group {
margin-bottom: 1.6em;
}
@media only screen and (min-width: 62em) {
.advertise-page .advertise-content .form-wrapper .form .form-group {
margin-bottom: 1.8em;
}
}
.advertise-page .advertise-content .form-wrapper .form .form-group .custom-select {
margin-bottom: 0;
}
.advertise-page .advertise-content .form-wrapper .form .form-group textarea {
color: #626262;
margin-bottom: 0;
}
.advertise-page .advertise-content .form-wrapper .form .form-group textarea::placeholder {
color: #626262;
}
.advertise-page .advertise-content .form-wrapper .form button {
margin-left: 0;
}
.advertise-page .advertise-content .form-wrapper .form > .consent-text {
margin-top: 1.333em;
}
@media only screen and (min-width: 62em) {
.advertise-page .advertise-content .form-wrapper .form > .consent-text {
margin-top: 2em;
}
}
.video-js .vjs-big-play-button {
width: 40px;
height: 40px;
top: 0;
right: 0;
left: auto;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
content: url("../../img/video-thumbnail.png");
}
.c-story--catalogue .c-story__image__img {
aspect-ratio: auto;
object-fit: fill;
}
@media (min-width: 992px) {
.magazine-details .text {
padding-left: var(--edge-spacing);
}
.magazine-details .text p {
margin: 2em 0;
}
}
.latest-issues article {
width: 900px;
max-width: 100%;
margin: 0 auto 2em auto;
padding-bottom: 1em;
border-bottom: solid 1px #ddd;
}
@media (min-width: 992px) {
.latest-issues article .large-8 {
padding-left: 2em;
}
}
.l-segment .c-segment__headline {
display: flex;
margin-bottom: 1rem;
}
.l-segment .c-segment__headline > span {
flex: 50%;
display: flex;
}
.l-segment .c-segment__headline > span + span {
text-align: right;
width: 100%;
display: block;
}
.l-segment .c-segment__headline > span + span a {
font-size: var(--fs-xxs);
color: #373997;
line-height: 2.3;
}
.l-segment article.c-story {
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 1em;
margin-bottom: 1rem;
}
.l-segment article.c-story :last-child {
border: 0;
}
@media (min-width: 992px) {
.l-segment {
/*article.c-story {min-height:12em;}*/
}
.l-segment .l-segment__item--twosome {
flex-basis: 50%;
}
.l-segment article.c-story:last-child {
border: 0;
}
}
@media (max-width: 992px) {
.l-segment .l-segment__item--twosome {
flex-basis: 100%;
}
}
/* polls.scss start */
.sg-body .sg-skipnav-container, .sg-body .sg-screenreader-only {
display: none;
}
.sg-body .sg-error-message {
font-size: 1.6em;
}
.sg-body .sg-error-message a {
display: block;
margin: 1em 0;
}
.sg-body .sg-errors {
color: #b90000;
}
.sg-body .sg-errors li {
color: #b90000;
}
.sg-body form {
width: 100%;
font-size: 16px;
}
.sg-body form main.article-page {
padding: 0;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper {
padding-bottom: 1.2em;
border-bottom: solid 1px #ddd;
margin-bottom: 3em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-header,
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content {
padding: 0 1.2em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-header {
padding-top: 4em;
position: relative;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-header:before {
content: "Poll";
font-size: 1.2em;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
right: 0;
display: block;
padding: 1em;
height: 3.3333333em;
width: 100%;
background: #f3f3f1;
border-top: solid 1px #ddd;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-header:after {
content: "";
background: url("https://www.mining-technology.com/wp-content/uploads/sites/19/2023/01/globaldata_logo-1.png") no-repeat;
background-size: 100%;
width: 100px;
height: 20px;
position: absolute;
right: 1em;
top: 1em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-header h1 {
display: none;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-title {
font-size: 2.4em;
font-weight: 600;
color: black;
margin-bottom: 0.5em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-title strong {
font-weight: 600;
display: inline;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-title strong.sg-required-icon {
display: none;
font-size: 0.5em;
margin-top: 0.5em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-title label,
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-title .sg-question-number,
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-title label .sg-question-number {
font-weight: 600;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-set {
height: auto !important;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content ul {
list-style: none;
margin: 0;
font-size: 1.6em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content ul li {
padding: 0.4em 0;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content ul li label,
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content ul li label:before {
cursor: pointer;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content ul li.sg-other-li .sg-required-icon {
display: none;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content select {
min-width: 470px;
max-width: 100%;
margin-bottom: 1em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content input[type=text] {
border: solid 1px #373997;
padding: 0.5em;
margin: 0.85em 0 0.5em 0;
}
@media (max-width: 768px) {
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-question-options {
overflow-x: scroll;
width: 100%;
max-width: 100%;
}
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table {
width: 100%;
font-size: 14px;
border-collapse: collapse;
}
@media (max-width: 500px) {
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table {
font-size: 9px;
}
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tr td, .sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tr th {
padding: 0.6em 0.3em;
position: relative;
border: none;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tr.sg-even-row th, .sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tr.sg-even-row td {
background: #f3f3f1;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table thead td, .sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table thead th {
border-bottom: solid 1px #626262;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr th {
text-align: left;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td {
vertical-align: top;
text-align: center;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td input {
float: none;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td input[type=checkbox], .sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td input[type=radio] {
display: block;
margin: 0 auto;
height: 22px;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td input[type=checkbox] + label, .sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td input[type=radio] + label {
padding: 0;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td label:before, .sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td label:after {
left: 50%;
top: 50%;
margin-top: -10px;
margin: -10px 0 0 -10px;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td label:after {
margin: -6px 0 0 -6px;
}
@media (max-width: 768px) {
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td input:after {
left: -11px;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td input:before {
left: -7px;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td label {
margin: 5px 0 0 0;
padding: 0;
display: block;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td label:before, .sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td label:after {
left: 0;
top: 0;
margin: 0;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content table.sg-table tbody tr td label:after {
margin: 4px 0 0 4px;
}
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-mobile-back,
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-content .sg-mobile-next {
display: none;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer {
text-align: center;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar {
display: flex;
text-align: center;
flex-direction: row-reverse;
width: 130px;
margin: 1em auto;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar .sg-button {
margin: 0 0.5em;
display: inline-block !important;
min-width: 100px;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar .sg-button:disabled {
cursor: not-allowed;
background: #dbdbdb;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar .sg-button.sg-back-button {
border: solid 2px #373997;
background: white;
color: #373997;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar .sg-button.sg-submit-button {
padding: 0.7em;
}
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar.has-back-button {
width: 290px;
padding-right: 20px;
}
@media (max-width: 768px) {
.sg-body form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button {
width: 100px;
background: #373997;
}
}
.sg-body.no-progressbar .sg-progress-bar {
display: none;
}
.sg-body.one-page-poll form {
width: 100%;
font-size: 16px;
}
.sg-body.one-page-poll form main.article-page {
padding: 0;
}
.sg-body.one-page-poll form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar.has-back-button {
width: 130px;
padding: 0;
}
.sg-body.one-page-poll form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar.has-back-button .sg-button {
width: 100%;
display: block !important;
}
.sg-body.one-page-poll form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar.has-back-button .sg-button.sg-back-button, .sg-body.one-page-poll form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-button-bar.has-back-button .sg-button.sg-next-button {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -9999;
}
.sg-body.one-page-poll form main.article-page .article-content .main-content .sg-wrapper .sg-footer .sg-progress-bar-text {
display: none;
}
/* polls.scss end */
/* charts.scss begin */
table td {
padding: 0.92em;
}
table thead td {
border-bottom: solid 1px #27274c;
font-weight: bold;
line-height: 1.23;
}
table tbody td {
border-bottom: solid 1px #dbdbdb;
}
table.bar-chart-table {
font-size: 1.3em;
}
table.bar-chart-table td {
width: 33.33%;
}
table.bar-chart-table td:nth-of-type(3n) {
background: #f3f3f1;
}
table.bar-chart-table thead td.premium-intel {
font-weight: normal;
padding-right: 3em;
position: relative;
}
table.bar-chart-table thead td.premium-intel:after {
content: "";
background: url("../img/gd_logo_icon.png");
background-size: 100%;
width: 20px;
height: 25px;
position: absolute;
right: 0.92em;
top: 0.92em;
display: block;
}
table.bar-chart-table tbody td.bar-chart {
position: relative;
padding: 0;
border-right: solid 8px white;
}
table.bar-chart-table tbody td.bar-chart:before {
content: "";
position: absolute;
left: 0px;
top: 8px;
bottom: 8px;
right: 0px;
background: #f3f3f1;
}
table.bar-chart-table tbody td.bar-chart span {
background: #27274c;
position: absolute;
left: 0px;
top: 8px;
bottom: 8px;
display: block;
}
table.bar-chart-table tbody td.bar-chart b {
position: absolute;
color: #151529;
font-weight: normal;
margin-left: 10px;
margin-top: -10px;
}
table.bar-chart-table tbody td.premium-intel {
text-align: center;
}
.data-source {
font-size: 1em;
border-bottom: solid 1px #ddd;
padding: 2.4em 0;
margin-bottom: 2.4em;
}
.data-source p {
font-size: 1.3em;
margin: 0;
}
/* Bars animation -- used when polls are loading */
#Sgpollsputhere {
margin: 0 0 var(--edge-spacing) 0;
position: relative;
}
.charts {
min-height: 400px;
margin: 0 0 var(--edge-spacing) 0;
position: relative;
}
.chart {
padding: 2rem;
border-radius: 0.2rem;
background: #151529;
box-shadow: 0.1rem 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.3);
}
.chart.bar-chart ul {
position: relative;
margin: 0;
list-style: none;
}
.chart.bar-chart li {
background: #3a5d9d;
height: 40px;
overflow: hidden;
}
.chart.bar-chart li:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
background: linear-gradient(125deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0) 100%);
opacity: 0.2;
}
.chart.bar-chart li:nth-of-type(4n-2) {
background: #417dd4;
}
.chart.bar-chart li:nth-of-type(4n-1) {
background: #48a5e6;
}
.chart.bar-chart li:nth-of-type(4n) {
background: #7dd4f3;
}
.chart.bar-chart.vertical ul {
height: 400px;
}
.chart.bar-chart.vertical li {
display: inline-block;
}
.chart.loading-animation.vertical {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.chart.loading-animation.vertical ul, .chart.loading-animation.vertical .loading-text {
width: 30%;
height: 100px;
margin: -50px auto 0 -15%;
position: absolute;
top: 50%;
left: 50%;
}
.chart.loading-animation.vertical li {
animation-name: bounce;
animation-duration: 3s;
animation-timing-function: ease-out;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-play-state: running;
bottom: 0;
position: absolute;
width: 21% !important;
border-radius: 2px;
}
.chart.loading-animation.vertical li:nth-child(2) {
animation-duration: 3.5s;
left: 25%;
}
.chart.loading-animation.vertical li:nth-child(3) {
animation-duration: 2.8s;
left: 50%;
}
.chart.loading-animation.vertical li:nth-child(4) {
animation-duration: 3.8s;
left: 75%;
}
.chart.loading-animation.vertical .loading-text {
margin-top: 10%;
color: #7dd4f3;
text-transform: uppercase;
letter-spacing: 1rem;
font-size: 11px;
text-align: center;
}
.chart.loading-animation.vertical .loading-text span {
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.chart.loading-animation.vertical .loading-text span.show {
opacity: 1;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(2) {
transition-duration: 0.4s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(3) {
transition-duration: 0.5s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(4) {
transition-duration: 0.6s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(5) {
transition-duration: 0.7s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(6) {
transition-duration: 0.8s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(7) {
transition-duration: 0.9s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(8) {
transition-duration: 1s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(9) {
transition-duration: 1.1s;
}
.chart.loading-animation.vertical .loading-text span:nth-of-type(10) {
transition-duration: 1.2s;
}
@keyframes bounce {
0% {
height: 0;
}
50% {
height: 100%;
}
100% {
height: 0;
}
}
div.chartdiv {
position: relative;
height: 300px;
}
@media (min-width: 768px) {
div.chartdiv {
height: 500px;
}
}
div.chartdiv:after {
background: url(/wp-content/themes/goodlife-wp-B2B/images/globaldata-logo.webp);
background-repeat: no-repeat;
background-position: 80%;
position: absolute;
content: " ";
right: 40%;
min-width: 158px;
top: 40%;
height: 3em;
opacity: 0.3;
}
.lgp1-bar-chart b {
display: none;
}
.lgp1-bar-chart b {
display: none;
}
/* charts.scss end */
/* Contact us page start */
.page .contact-us .c-post-typography {
max-width: 610px;
width: 100%;
}
.page .contact-us .c-post-typography h1 {
font-size: 2.4em !important;
border-bottom: 1px solid #dbdbdb;
padding-bottom: 0.5em;
margin-bottom: 0.666666em;
}
@media only screen and (min-width: 62em) {
.page .contact-us .c-post-typography h1 {
font-size: 3.2em !important;
padding-bottom: 0.5em;
margin-bottom: 0.75em;
}
}
.page .contact-us .c-post-typography div > p:first-of-type {
font-family: Lora, Georgia, serif;
font-size: 1.6em;
}
@media only screen and (min-width: 62em) {
.page .contact-us .c-post-typography div > p:first-of-type {
font-size: 1.8em;
}
}
.page .contact-us .c-post-typography .entry-header {
font-family: Lora, Georgia, serif;
font-size: 1.6em;
}
@media only screen and (min-width: 62em) {
.page .contact-us .c-post-typography .entry-header {
font-size: 1.8em;
}
}
.page .contact-us .c-post-typography p {
color: #151529;
font-size: 1.8em;
}
.page .contact-us .c-post-typography h2 {
font-size: 1.8em;
margin-bottom: 0;
}
@media only screen and (min-width: 62em) {
.page .contact-us .c-post-typography h2 {
font-size: 2.4em;
}
}
.page .contact-us .c-post-typography h3 {
margin-top: 1em;
}
.page .contact-us .c-post-typography a {
font-size: 1em;
text-decoration: underline;
}
.page .contact-us .c-post-typography .page-contact section {
margin-bottom: 24px;
}
.page .contact-us .c-post-typography .contact-author-details {
font-family: Lora, Georgia, serif;
font-size: 1.6em;
}
@media only screen and (min-width: 62em) {
.page .contact-us .c-post-typography .contact-author-details {
font-size: 1.8em;
}
}
/* Contact us page end */
/* premium-insights.scss start */
.premium-insights .search-filters-btn {
margin-top: 20px;
padding: 0.4em 0.1em;
}
@media (min-width: 992px) {
.premium-insights .search-filters-btn {
padding: 0.8em 0 0.6em 0;
}
}
.premium-insights .insights-filters button {
margin-bottom: var(--sidebar-margin);
}
.premium-insights .search-form {
margin-bottom: var(--sidebar-margin);
}
.premium-insights .search-form input[type=search] {
font-size: 14px;
margin: 0;
}
.premium-insights .search-form .close {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
position: absolute;
right: 5px;
top: 11px;
width: 20px;
height: 14px;
background: white;
z-index: 999;
cursor: pointer;
}
.premium-insights .search-form .close:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.premium-insights .search-filter-container .custom_filters_clear {
margin-top: -11px;
}
.premium-insights .article-tags {
display: none;
}
.premium-insights .search-wrapper ul li {
padding-bottom: 12px;
}
.premium-insights .search-wrapper ul li div {
margin: 0;
}
.premium-insights .wdm_label {
font-size: 14px;
font-weight: 500;
color: black;
}
.premium-insights .applied-filters section {
margin-bottom: var(--sidebar-margin);
}
.premium-insights .applied-filters section h3 {
font-size: 18px;
line-height: 28px;
font-weight: 400;
margin: 1rem 0;
}
.premium-insights .applied-filters section .clear_filters_sector_str {
margin: 0;
font-size: 14px;
}
.premium-insights .applied-filters section p {
color: #626262;
font-size: 14px;
}
.premium-insights .applied-filters section .article-tags {
display: none;
}
.premium-insights .applied-filters section .article-tags ul li a:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.premium-insights .premium-insights-header {
background: linear-gradient(90deg, #231741 33.22%, #3a3c94 76.47%);
position: relative;
padding-bottom: var(--banner-padding);
margin-bottom: 24px;
}
.premium-insights .premium-insights-header a.container {
display: flex;
width: 100%;
position: relative;
z-index: 9;
}
.premium-insights .premium-insights-header h2,
.premium-insights .premium-insights-header p,
.premium-insights .premium-insights-header ul {
color: white;
}
.premium-insights .premium-insights-header .globaldata {
margin: 0 0 var(--banner-padding) var(--banner-padding);
width: 100px;
}
.premium-insights .premium-insights-header .banner-image {
display: none;
}
.premium-insights .premium-insights-header .text {
padding: var(--banner-padding);
}
.premium-insights .premium-insights-header .text h2 {
font-size: 24px;
line-height: 1.3;
margin-bottom: 8px;
}
@media (min-width: 992px) {
.premium-insights .premium-insights-header .text h2 {
font-size: 32px;
}
}
.premium-insights .premium-insights-header .text h2 small {
font-size: 12px;
display: block;
}
.premium-insights .premium-insights-header .text p,
.premium-insights .premium-insights-header .text ul {
font-size: 14px;
font-weight: 400;
}
.premium-insights .premium-insights-header .text ul {
margin-bottom: 0;
padding-left: 25px;
}
@media (min-width: 992px) {
.premium-insights .premium-insights-header {
display: flex;
padding-bottom: 0;
}
.premium-insights .premium-insights-header .banner-image {
width: 31%;
height: 100%;
display: block;
overflow: hidden;
position: relative;
}
.premium-insights .premium-insights-header .banner-image img {
display: block;
position: absolute;
top: 0;
bottom: 0;
height: 100%;
max-width: 200%;
}
.premium-insights .premium-insights-header .text {
width: 51%;
}
.premium-insights .premium-insights-header .text h2 {
margin-bottom: 40px;
}
.premium-insights .premium-insights-header .text p:last-child {
margin: 0;
}
.premium-insights .premium-insights-header .globaldata {
width: 130px;
position: absolute;
margin: 0;
right: var(--banner-padding);
top: var(--banner-padding);
}
}
.premium-insights .premium-insights-header .cta {
margin: 0 var(--banner-padding);
font-size: 16px;
background: #c4e6fe;
color: #373997;
padding: var(--button-padding);
display: block;
text-align: center;
}
@media (min-width: 992px) {
.premium-insights .premium-insights-header .cta {
position: absolute;
bottom: var(--banner-padding);
right: var(--banner-padding);
margin: 0;
}
}
.premium-insights .results-by-facets {
border-top: solid 1px #ddd;
padding-top: 18px;
margin-top: var(--article-card-margin);
}
.premium-insights .results-by-facets article {
padding-bottom: var(--article-spacing);
margin-bottom: var(--article-spacing);
}
.premium-insights .results-by-facets article h3 {
font-size: 18px;
margin-bottom: 8px;
}
.premium-insights .results-by-facets article p:last-child {
margin-bottom: 0;
}
.premium-insights .premium-insights-report-banner {
background: #f3f3f1;
}
.premium-insights .premium-insights-report-banner .logo {
background: #27274c;
text-align: center;
align-items: center;
display: flex;
}
.premium-insights .premium-insights-report-banner .logo figure {
padding: var(--small-banner-padding);
}
.premium-insights .premium-insights-report-banner .ad-text {
padding: var(--small-banner-padding);
}
.premium-insights .premium-insights-report-banner .ad-text p {
margin: 0;
font-size: 14px;
font-weight: 500;
}
.premium-insights .premium-insights-report-banner .ad-text .category {
font-size: 12px;
}
.premium-insights .premium-insights-report-banner .ad-text .category a {
color: #626262;
}
@media (min-width: 992px) {
.premium-insights .premium-insights-report-banner .logo {
width: 14%;
}
.premium-insights .premium-insights-report-banner .ad-text {
width: 86%;
}
}
@media (max-width: 768px) {
.premium-insights .insight-image {
margin-top: var(--edge-spacing);
}
}
@media (min-width: 992px) {
.premium-insights .insight .grid-x {
flex-direction: row-reverse;
}
.premium-insights .insight-image {
padding-right: var(--edge-spacing);
}
}
.report-link {
width: 100%;
}
.report-link p {
margin: 0;
padding: 0;
font-size: 14px;
}
.report-link p a {
display: flex;
height: 100%;
padding: 8px 8px 8px 16px;
background: #f3f3f1;
font-size: 14px;
font-weight: 500;
color: #373997;
}
.report-link p a:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.report-link p a:before {
width: 1rem;
height: 1.3rem;
margin: 0 0.5rem -0.15rem -0.3rem;
}
@media (max-width: 768px) {
.report-link p a:before {
margin-top: 0.2rem;
}
}
.report-link p a span {
flex: 1;
}
.sidebar-content.sidebar-promoted-reports {
display: block !important;
}
/* premium-insights.scss end */
/* pseudo-table.scss start */
.pseudo-table {
border: solid 1px #27274c;
background: white;
}
.pseudo-table .tbody.scroll {
height: 400px;
position: relative;
padding-right: 1px;
border-right: solid 2px white;
}
@media (max-width: 768px) {
.pseudo-table .tbody.scroll {
height: 730px;
}
}
.pseudo-table .desktop-only {
display: none;
}
@media (min-width: 992px) {
.pseudo-table .desktop-only.thead {
display: flex;
}
}
.pseudo-table .cell {
padding: 6px 12px;
}
@media (min-width: 992px) {
.pseudo-table .cell {
padding: 0;
}
.pseudo-table .cell p a {
display: block;
padding: 12px;
border-bottom: solid 1px #dbdbdb;
border-right: solid 1px #dbdbdb;
}
.pseudo-table .cell.thead {
padding: 12px;
}
}
.pseudo-table .cell p {
font-size: 13px;
color: #151529;
}
.pseudo-table .cell p a {
color: #151529;
}
.pseudo-table .cell p:last-child {
margin: 0;
}
@media (max-width: 768px) {
.pseudo-table .cell p:before {
color: #626262;
display: block;
font-size: 11px;
}
.pseudo-table .cell.company-name p:before {
content: "Company:";
}
.pseudo-table .cell.headquarters p:before {
content: "Headquarters:";
}
.pseudo-table .cell.sector p:before {
content: "Sector:";
}
}
@media (min-width: 992px) {
.pseudo-table .cell.company-name, .pseudo-table .cell.headquarters, .pseudo-table .cell.sector {
width: 28%;
}
}
.pseudo-table .cell.link p a {
font-weight: 500;
}
.pseudo-table .cell.link p a:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.pseudo-table .cell.link p a:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icon_arrow_purple.png");
}
@media (min-width: 992px) {
.pseudo-table .cell.link {
width: 16%;
}
}
.pseudo-table .pseudo-table-row {
margin-bottom: 0 !important;
}
@media (max-width: 992px) {
.pseudo-table .pseudo-table-row {
padding: 6px 0;
border-bottom: solid 1px #ddd;
}
}
.pseudo-table .tbody .pseudo-table-row.selected-company {
background: #f3f3f1;
}
.pseudo-table .tbody .pseudo-table-row.selected-company .cell {
font-weight: 500;
}
.pseudo-table .thead {
background: #27274c;
color: white;
font-weight: 300;
font-size: 13px;
height: 40px;
padding-top: 12px;
}
@media (min-width: 992px) {
.pseudo-table .thead {
height: auto;
padding-top: 0;
}
}
.pseudo-table .thead .cell {
border: none;
}
.pseudo-table.simple-version {
border: none;
}
.pseudo-table.simple-version .pseudo-table-row {
border-bottom: solid 1px #ddd;
}
.pseudo-table.simple-version .pseudo-table-row .cell {
padding: 12px 0;
font-size: 14px;
}
.pseudo-table.simple-version .thead {
background: none;
color: #151529;
font-weight: 500;
font-size: 18px;
}
.pseudo-table.simple-version .tbody p {
padding: 0;
}
/* pseudo-table.scss end */
.background-image-header {
background-color: #27274c;
padding: 16px var(--page-gutters);
}
.background-image-header .logo {
width: 150px;
}
.background-image-header .from {
font-size: 12px;
margin: 0;
}
.background-image-header .from .logo {
width: 97px;
margin: 0;
position: relative;
top: 0px;
left: 3px;
}
.background-image-header h1,
.background-image-header p {
color: white;
margin: 0;
}
.background-image-header h1 {
margin-bottom: 16px;
font-size: 36px;
font-weight: 500;
}
.background-image-header h1 strong {
font-weight: 500;
}
.background-image-header h1 small {
display: block;
font-size: 24px;
}
.background-image-header h1 span {
display: block;
font-weight: 300;
font-size: 24px;
}
@media (min-width: 992px) {
.background-image-header h1 span {
font-weight: 400;
font-size: 32px;
}
}
.background-image-header p {
font: 18px/1.333 atlas, "Helvetica Neue", helvetica, sans-serif;
margin: var(--edge-spacing-xl-px) 0;
}
.background-image-header .button {
background: none;
font-size: 16px;
box-shadow: none;
}
.background-image-header .button a {
font-size: 16px;
}
.background-image-header .button a:hover {
background: #5052af;
}
.background-image-header .button-toggle {
display: inline-block;
}
.background-image-header.buy-reports-header {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/buy-reports/reports_bg.svg");
background-position: right;
background-size: 150%;
background-repeat: no-repeat;
}
.background-image-header.buy-reports-header h1 {
font-size: var(--h2-article-subhead);
}
.background-image-header.buy-reports-header .intro-text {
display: none;
}
.background-image-header.awards-header {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/awards/header.jpg");
background-size: canvas;
background-repeat: no-repeat;
padding-left: var(--page-gutters);
padding-right: var(--page-gutters);
}
.background-image-header.awards-header .button {
margin-bottom: 8px;
display: inline-block;
}
.background-image-header.awards-header p {
font-size: 22px;
}
@media (min-width: 992px) {
.background-image-header {
padding-top: 32px;
padding-bottom: 32px;
}
.background-image-header .logo {
margin-bottom: 25px;
}
.background-image-header h1 {
font-size: 45px;
}
.background-image-header h1 small {
font-size: 32px;
}
.background-image-header.buy-reports-header {
background-size: 100%;
}
.background-image-header.buy-reports-header .intro-text {
display: block;
}
.background-image-header.awards-header p {
font-size: 22px;
margin-bottom: 32px;
}
}
/* rankings.scss start */
.site-header .sub-nav-bar .breadcrumb ul li a.rankings-breadcrumb {
color: #151529;
}
.site-header .sub-nav-bar .breadcrumb ul li a.rankings-breadcrumb:hover {
border-bottom: solid 3px transparent;
}
.rankings .grid-container header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
margin-bottom: 24px;
}
.rankings .grid-container header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.rankings .grid-container header h2 {
font-size: var(--h2-subhead);
}
.rankings .grid-container header h2,
.rankings .grid-container header h3,
.rankings .grid-container header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.rankings .grid-container.search-and-table header {
display: block;
}
.rankings .intro p,
.rankings .intro ul,
.rankings .intro ol {
font: 18px/28px Lora, Georgia, serif;
margin: 0 0 1.5rem 0;
color: #151529;
}
.rankings .intro ul,
.rankings .intro ol {
list-style-position: inside;
}
@media (min-width: 992px) {
.rankings .intro .intro-text {
padding-right: 24px;
}
.rankings .intro .pillars {
padding-left: 24px;
}
}
.rankings .intro h2 {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
line-height: 1.5;
padding-bottom: 12px;
margin-bottom: 12px;
margin-top: 0;
}
.rankings .intro h2 h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.rankings .intro h2 h2 {
font-size: var(--h2-subhead);
}
.rankings .intro h2 h2,
.rankings .intro h2 h3,
.rankings .intro h2 a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.rankings .intro h1 {
font-size: 24px;
}
@media (min-width: 992px) {
.rankings .intro h1 {
font-size: 32px;
}
}
.rankings .intro h2 {
font-size: 20px;
margin-bottom: 12px;
margin-top: 0;
}
@media (min-width: 992px) {
.rankings .intro h2 {
font-size: 24px;
margin-bottom: 24px;
}
}
.rankings .article-grid {
border-bottom: none;
}
.rankings .sales-copy {
margin-bottom: 24px;
}
.rankings .sales-copy header {
padding-bottom: 12px;
margin-top: 24px;
border-bottom: solid 1px #ddd;
}
@media (min-width: 992px) {
.rankings .sales-copy header {
margin-bottom: 24px;
}
}
.rankings .sales-copy header h2 {
font-size: 20px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.rankings .sales-copy header h2 {
font-size: 24px;
}
}
.rankings .sales-copy .button {
margin-top: 15px;
display: inline-block;
margin-bottom: 0;
}
.closest-peers .pseudo-table .pseudo-table-row .cell {
padding: 12px;
border-bottom: solid 1px #ddd;
}
@media (min-width: 1399px) {
.closest-peers .pseudo-table .pseudo-table-row .cell {
border-bottom: solid 1px #ddd;
}
}
.closest-peers .pseudo-table .pseudo-table-row .cell.sector {
padding: 12px;
border-bottom: solid 1px #ddd;
}
@media (min-width: 1399px) {
.closest-peers .pseudo-table .pseudo-table-row .cell.sector {
border-bottom: solid 1px #ddd;
}
}
.images-and-text {
margin-top: 24px;
}
.images-and-text .image-and-text {
margin-bottom: 20px;
}
@media (min-width: 1399px) {
.images-and-text .image-and-text {
padding-right: 40px;
margin-bottom: 48px;
}
}
.images-and-text .image-and-text img {
display: inline-block;
width: 48px;
margin-right: 16px;
}
@media (min-width: 992px) {
.images-and-text .image-and-text img {
float: left;
width: 100px;
margin-right: 24px;
}
}
.images-and-text .image-and-text h3 {
margin-bottom: 8px;
}
@media (max-width: 992px) {
.images-and-text .image-and-text h3 {
height: 50px;
display: inline-block;
}
}
@media (min-width: 992px) {
.intro-text {
padding-right: 48px;
}
}
.key-details table {
width: 100%;
}
.key-details table td {
padding: 0 0 24px 0;
border: none;
font-size: 14px;
color: #151529;
}
.key-details table td:first-of-type {
font-weight: 500;
}
.innovation-ranking header {
margin-bottom: 24px;
}
.innovation-ranking header h2 {
font-size: 24px;
}
.innovation-ranking .innovation-score {
text-align: center;
padding-right: var(--edge-spacing);
}
.innovation-ranking .innovation-score .block-inovation-score {
margin-top: -2.5em;
position: relative;
z-index: 9999999;
}
.innovation-ranking .innovation-score .button {
margin-top: 24px;
}
.innovation-ranking .closest-peers h2,
.innovation-ranking .closest-peers h3 {
font-size: 24px;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.innovation-ranking .closest-peers {
border-left: var(--column-border);
padding-left: var(--edge-spacing);
}
.innovation-ranking .closest-peers .pseudo-table .cell.company-name, .innovation-ranking .closest-peers .pseudo-table .cell.headquarters, .innovation-ranking .closest-peers .pseudo-table .cell.sector {
width: 33.33%;
}
}
.half-donut {
font-size: 48px;
font-weight: 500;
color: #373997;
position: relative;
margin: 0 auto;
}
.half-donut .container {
overflow: hidden;
position: relative;
margin: 0 auto;
}
.half-donut .container .semi-circle {
position: absolute;
border-radius: 50%;
background: #ddd;
overflow: hidden;
left: 0px;
right: 0px;
top: 0px;
z-index: 999;
}
.half-donut .container .semi-circle-cover {
position: absolute;
border-radius: 50%;
background: white;
overflow: hidden;
left: 60px;
right: 60px;
top: 60px;
z-index: 9999;
}
.half-donut .container .bar-cover {
content: "";
position: absolute;
left: -160px;
top: -160px;
right: -160px;
background: transparent;
border: solid 160px white;
border-radius: 50%;
z-index: 90009;
}
.half-donut .container .bar {
position: absolute;
background: #373997;
z-index: 9;
left: 60px;
bottom: 0px;
height: 500px;
z-index: 9999;
}
.half-donut .container .square {
width: 500px;
height: 500px;
background: #373997;
position: absolute;
right: 50%;
bottom: 0;
z-index: 9999;
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
transition: height 0.7s ease-in-out;
}
.half-donut .container .square:before {
content: "";
position: absolute;
bottom: -500px;
height: 501px;
width: 200px;
background: #373997;
}
.half-donut .container .square.over-85:before {
width: 400px;
}
.filters-modal {
display: none;
}
@media (max-width: 992px) {
.filters-modal {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
padding: 16px;
background: white;
border-top: solid 4px #373997;
opacity: 0;
display: none;
transition: opacity 0.4s ease-in-out;
}
.filters-modal .modal-exit {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
font-size: 14px;
right: var(--edge-spacing);
top: var(--edge-spacing);
left: auto;
cursor: pointer;
width: 24px;
height: 24px;
}
.filters-modal .modal-exit:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.filters-modal .apply-filters {
font-size: 16px;
padding: 1rem 2rem 1rem 4rem;
margin-bottom: 2rem;
}
.filters-modal .line-search {
display: none;
}
.filters-modal .line-filter {
display: block;
}
.filters-modal .line-filter .c-select-custom-dropdown {
position: relative;
}
.filters-modal .line-filter .c-select-custom-dropdown:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.filters-modal .line-filter .c-select-custom-dropdown:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icon_arrow_purple.png");
position: absolute;
right: 1rem;
top: 1.2rem;
transform: rotate(90deg);
}
.filters-modal .line-filter .c-select-custom-dropdown select {
display: none;
}
.filters-modal .line-filter .c-select-custom-dropdown .select-selected {
border: solid 1px #ddd;
padding: 1rem;
}
.filters-modal.open {
opacity: 1;
z-index: 99999;
display: none;
}
.filters-modal.open .mobile-filters-header,
.filters-modal.open #modal-three {
display: block;
}
.filters-modal.open .mobile-filters-header p {
font-size: 14px;
font-weight: 500;
}
.filters-modal span {
position: absolute;
top: 2em;
z-index: 99999999;
width: 100%;
left: 0;
}
}
.are-you-ranked {
background: black;
padding: 32px;
position: relative;
overflow: hidden;
}
.are-you-ranked img.background {
position: absolute;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
opacity: 40%;
}
.are-you-ranked figure,
.are-you-ranked h3,
.are-you-ranked ul,
.are-you-ranked .button {
position: relative;
z-index: 999;
}
.are-you-ranked figure {
width: 160px;
}
.are-you-ranked h3 {
font: 500 30px atlas, "Helvetica Neue", helvetica, sans-serif;
color: white;
}
@media (min-width: 992px) {
.are-you-ranked h3 {
font-size: 48px;
}
}
.are-you-ranked ul {
color: white;
font: 17px/1 atlas, "Helvetica Neue", helvetica, sans-serif;
padding: 20px 0 40px 0;
margin: 0;
list-style: none;
}
.are-you-ranked ul li {
display: inline-block;
position: relative;
}
.are-you-ranked ul li:after {
content: "";
width: 5px;
height: 5px;
background: white;
border-radius: 50%;
display: inline-block;
margin: 0px 16px 0 16px;
position: relative;
top: -3px;
}
.are-you-ranked ul li:last-child:after {
display: none;
}
.are-you-ranked .button {
background: none;
box-shadow: none;
margin-bottom: 0;
}
.rankings-categories .category {
text-align: center;
}
@media (max-width: 768px) {
.rankings-categories .category {
margin-bottom: 24px;
}
}
.rankings-categories .category a img {
background: #ddd;
display: block;
width: 200px;
height: 200px;
margin: 0 auto;
}
.rankings-categories .category a strong {
font: 500 24px/30px atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
display: block;
margin: 16px auto;
}
.intro-text h2 {
font-size: 24px;
border-bottom: var(--column-border);
padding-bottom: 12px;
margin-bottom: 24px;
}
.are-you-ranked {
background: black;
padding: 32px;
position: relative;
overflow: hidden;
}
.are-you-ranked img.background {
position: absolute;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
opacity: 40%;
}
.are-you-ranked figure,
.are-you-ranked h3,
.are-you-ranked ul,
.are-you-ranked .button {
position: relative;
z-index: 999;
}
.are-you-ranked figure {
width: 160px;
}
.are-you-ranked h3 {
font: 500 30px atlas, "Helvetica Neue", helvetica, sans-serif;
color: white;
}
@media (min-width: 992px) {
.are-you-ranked h3 {
font-size: 48px;
}
}
.are-you-ranked ul {
color: white;
font: 17px/1 atlas, "Helvetica Neue", helvetica, sans-serif;
padding: 20px 0 40px 0;
margin: 0;
list-style: none;
}
.are-you-ranked ul li {
display: inline-block;
position: relative;
}
.are-you-ranked ul li:after {
content: "";
width: 5px;
height: 5px;
background: white;
border-radius: 50%;
display: inline-block;
margin: 0px 16px 0 16px;
position: relative;
top: -3px;
}
.are-you-ranked ul li:last-child:after {
display: none;
}
.are-you-ranked .button {
background: none;
box-shadow: none;
margin-bottom: 0;
}
.rankings-categories .category {
text-align: center;
}
@media (max-width: 768px) {
.rankings-categories .category {
margin-bottom: 24px;
}
}
.rankings-categories .category a img {
background: #ddd;
display: block;
width: 200px;
height: 200px;
margin: 0 auto;
}
.rankings-categories .category a strong {
font: 500 24px/30px atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
display: block;
margin: 16px auto;
}
.what-do-you-get {
margin-top: 24px;
border-top: var(--column-border);
}
.what-do-you-get header {
padding-top: 24px;
}
.what-do-you-get header h2 {
font-size: 24px;
}
.what-do-you-get .company-ranking-report ul {
font-weight: 500;
color: #151529;
}
.what-do-you-get .company-ranking-report ul li {
margin-bottom: 16px;
color: #151529;
}
.what-do-you-get .company-ranking-report ul li ul {
margin: 20px 0 4px 0;
font-weight: normal;
list-style: none;
}
.what-do-you-get .company-ranking-report .button {
margin-top: 24px;
display: inline-block;
}
@media (min-width: 992px) {
.what-do-you-get .company-ranking-report {
padding-right: 24px;
}
}
.what-do-you-get .banners figure {
padding: 12px;
}
.what-do-you-get .banners figure img {
filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}
@media (min-width: 992px) {
.what-do-you-get .banners .large-5 figure {
padding-left: 20px;
}
}
.center-category .categories .large-9.feature {
margin: 0 auto;
border-right: none;
}
.search-and-table {
background: #f3f3f1;
padding: 16px 8px;
}
@media (min-width: 992px) {
.search-and-table {
padding: 16px 20px;
}
}
.search-and-table header {
text-align: center;
display: block;
}
.search-and-table header h2 {
font-size: 24px;
margin-bottom: 8px;
}
@media (min-width: 992px) {
.search-and-table header h2 {
font-size: 48px;
}
}
.search-and-table header p {
width: 900px;
max-width: 100%;
margin: 0 auto 1rem auto;
font-size: 18px;
}
@media (min-width: 992px) {
.search-and-table header p {
font-size: 22px;
}
}
@media (min-width: 992px) {
.search-and-table {
padding: 24px 32px;
}
}
.search-and-table .inline-filters {
margin-bottom: 16px;
}
.search-and-table .inline-filters .select-selected:after {
right: 1rem;
}
.winnner-sf-table .tbody .pseudo-table-row {
border-bottom: 1px solid #dbdbdb;
}
.winnner-sf-table .tbody .pseudo-table-row .cell {
border-right: 1px solid #dbdbdb;
}
@media (min-width: 992px) {
.winnner-sf-table .tbody .pseudo-table-row .cell p {
display: flex;
height: 100%;
}
}
.winnner-sf-table .tbody .pseudo-table-row .cell p a {
align-self: center;
cursor: auto;
}
.winnner-sf-table .tbody .pseudo-table-row .link p a {
cursor: pointer !important;
}
.closest-peers .pseudo-table .pseudo-table-row .cell.headquarters {
border-bottom: solid 1px #ddd;
}
@media (min-width: 992px) {
.closest-peers .pseudo-table .pseudo-table-row .cell.headquarters {
width: 33.33% !important;
border-bottom: solid 1px #ddd;
}
}
.closest-peers .selected-company {
background: transparent;
}
.closest-peers .selected-company p {
font-weight: normal;
}
@media (max-width: 540px) {
.closest-peers .pseudo-table-row:last-child {
padding: 6px 0 0 0;
}
}
@media (max-width: 540px) {
.tbody .pseudo-table-row.selected-company .cell.headquarters {
border-bottom: solid 0px #ddd;
}
}
@media (max-width: 540px) {
.tbody .pseudo-table-row.selected-company .cell.sector {
border-bottom: solid 0px #ddd;
}
}
/* rankings.scss end */
/* awards.scss start */
.awards header.border-header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
}
.awards header.border-header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.awards header.border-header h2 {
font-size: var(--h2-subhead);
}
.awards header.border-header h2,
.awards header.border-header h3,
.awards header.border-header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.winner-tbl .full-w-input {
width: 100%;
}
.winner-tbl .inline-filters .select-selected {
height: 58px;
background: white;
border: 1px solid #dbdbdb;
}
@media (min-width: 992px) {
.winner-tbl .inline-filters .select-selected {
border: 1px solid #dbdbdb;
height: 4em;
border-right: 0px solid;
}
}
@media (min-width: 992px) {
.winner-tbl .line-filter:last-child {
border-right: 1px solid #dbdbdb;
}
}
.winner-tbl .inline-filters-box {
margin-top: 0px;
}
@media (min-width: 992px) {
.winner-tbl .inline-filters-box {
margin-top: 16px;
}
}
.winner-tbl .inline-filters .custom-select {
border: 0px solid #dbdbdb;
}
@media (max-width: 540px) {
.winner-tbl .inline-filters .custom-select {
margin-top: 7px;
}
}
.inline-filters .c-filters-bar .cell {
margin-bottom: 12px;
margin-top: 0px;
}
@media (min-width: 992px) {
.inline-filters .c-filters-bar .cell {
margin-bottom: 0px;
margin-top: 0px;
}
}
.featured-winners .full-width {
width: 100%;
padding-bottom: 12px !important;
margin-bottom: 24px !important;
margin-top: 24px;
}
.featured-winners header {
border-bottom: 1px solid #ddd;
}
.featured-winners header h2 {
font-size: 20px;
}
@media (min-width: 992px) {
.featured-winners header h2 {
font-size: 24px;
}
}
.featured-winners .logos .logo-grid {
border-bottom: 1px solid #dbdbdb;
padding-bottom: 12px;
margin-bottom: 24px;
}
@media (max-width: 540px) {
.featured-winners .logos .logo-grid {
border-bottom: 0px solid #dbdbdb;
}
}
.featured-winners .logos .logo-grid .logo-item {
border-right: 1px solid #dbdbdb;
}
@media (max-width: 540px) {
.featured-winners .logos .logo-grid .logo-item {
border-bottom: 0px solid #dbdbdb;
border-right: 0px solid #dbdbdb;
}
.featured-winners .logos .logo-grid .logo-item:nth-child(2) {
border-right: 0px solid #dbdbdb;
}
}
.featured-winners .logos .logo-grid .logo-item:last-child {
border-right: 0px solid #dbdbdb;
}
.featured-winners .logos .logo-grid .logo-item a img {
object-fit: contain;
height: 168px;
min-height: 168px;
min-width: 100%;
padding: 10px;
}
.featured-winners .text ul {
margin-left: 0;
}
.featured-winners .text ul li {
list-style: none;
}
.featured-winners .text ul li strong {
font-weight: 500;
}
.featured-winners .text .button {
margin-top: 30px;
}
.featured-winners .text .button a {
background-color: #ffffff;
border: 2px solid #373997;
}
.featured-winner {
margin-bottom: 2px;
}
.featured-winner h2 {
font-size: 24px;
}
@media (min-width: 992px) {
.featured-winner h2 {
font-size: 32px;
}
}
.featured-winner figure {
padding: 20px 20px 30px 20px;
}
@media (min-width: 992px) {
.featured-winner {
margin-bottom: 11px;
}
.featured-winner figure {
padding: 20px 0 0 40px;
}
}
.featured-winner .text .category {
margin-bottom: 5px;
}
.featured-winner .text ul {
margin-left: 0;
}
.featured-winner .text ul li {
list-style: none;
}
.featured-winner .text ul li strong {
font-weight: 500;
}
.featured-winner .text .button {
margin-top: 30px;
}
.featured-winner .text .button a {
background-color: #ffffff;
border: 2px solid #373997;
color: #373997;
font-size: 16px;
display: inline-block;
}
.featured-winner .text .button a:hover {
background-color: #373997;
border: 2px solid #373997;
color: #ffffff;
}
.aw-category-lists ul {
margin-left: 0;
}
.aw-category-lists ul li {
list-style: none;
position: relative;
color: #ffffff;
}
.aw-category-lists ul li a {
display: block;
text-align: center;
}
.aw-category-lists ul li a span {
position: absolute;
width: 100%;
font-size: 18px;
line-height: 24px;
color: #ffffff;
z-index: 2;
padding-top: 34%;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 992px) {
.aw-category-lists ul li a span {
font-size: 32px;
line-height: 40px;
padding-top: 15%;
}
}
.aw-category-lists ul li a .cat-b-overlay {
background: #27274c;
z-index: 1;
width: 99.9%;
height: 167px;
opacity: 0.6;
left: 0;
}
.aw-category-lists ul li a img {
height: 168px;
object-fit: cover;
min-height: 168px;
width: 100%;
padding: 1px;
}
@media (min-width: 992px) {
.aw-category-lists ul .category {
margin-right: 4px;
margin-bottom: 4px;
width: 24.65%;
}
}
.winnner-sf-table .large-2.thead {
width: 16.5%;
}
.winnner-sf-table .award-year a {
color: #ffffff;
}
.winnner-sf-table .award-year a:hover {
color: #ffffff;
}
.winnner-sf-table .award-year a .down {
color: #ffffff;
}
.winnner-sf-table .award-year a .down::before {
color: #ffffff;
}
.winnner-sf-table .award-year a .up {
color: #ffffff;
}
.winnner-sf-table .award-year a .up::before {
color: #ffffff;
}
.aw-categories header {
margin-bottom: 14px !important;
}
@media (min-width: 992px) {
.aw-categories header {
margin-bottom: 24px !important;
}
}
.aw-categories header h2 {
font-size: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
}
@media (min-width: 992px) {
.aw-categories header h2 {
padding-bottom: 12px;
font-size: 24px;
}
}
.aw-categories figure img {
padding-right: 0;
margin-bottom: 25px;
}
@media (min-width: 992px) {
.aw-categories figure img {
padding-right: 24px;
margin-bottom: 24px;
}
}
.aw-categories .button {
margin-top: 30px;
width: 100%;
}
@media (min-width: 992px) {
.aw-categories .button {
width: auto;
}
}
.aw-categories .button a {
display: block;
text-align: center;
}
@media (min-width: 992px) {
.aw-categories .button a {
display: inline-block;
text-align: center;
}
}
.aw-categories .large-6 {
display: flex;
}
.aw-categories .large-6 .text {
align-self: center;
padding-left: 24px;
}
.aw-tx-block {
margin-top: 15px !important;
}
@media (min-width: 992px) {
.aw-tx-block {
margin-top: 0 !important;
}
}
.aw-tx-block .button a {
display: block;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.aw-tx-block .button a {
width: auto;
display: inline-block;
}
}
.bl-award-benefit {
display: flex;
}
.bl-award-benefit span {
margin-right: 15px;
width: 150px;
}
@media (min-width: 992px) {
.bl-award-benefit span {
margin-right: 12px;
width: 200px;
margin-top: 10px;
}
}
@media (min-width: 992px) {
.bl-award-benefit span img {
width: 104px;
}
}
.bl-award-benefit h3 {
margin-bottom: 8px;
}
@media (min-width: 992px) {
.bl-award-benefit h3 {
font-size: 18px;
}
}
.block-winner h2 {
margin-bottom: 8px;
font-size: 24px;
}
@media (min-width: 992px) {
.block-winner h2 {
font-size: 32px;
margin-bottom: 25px;
}
}
.block-winner h3 {
margin-top: 25px;
padding-bottom: 25px;
}
.block-winner .button {
margin-top: 30px;
}
.aw-ln-latest-updates {
margin-bottom: 24px;
padding-bottom: 0px;
}
@media (min-width: 992px) {
.aw-ln-latest-updates {
margin-bottom: 32px;
padding-bottom: 32px;
}
}
.aw-ln-latest-updates header {
margin-bottom: 24px;
}
@media (min-width: 992px) {
.aw-ln-latest-updates header {
margin-bottom: 32px;
}
}
.aw-ln-categories {
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #dbdbdb;
}
@media (min-width: 992px) {
.aw-ln-categories {
margin-bottom: 32px;
padding-bottom: 32px;
}
}
.aw-ln-categories:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
@media (min-width: 992px) {
.aw-ln-categories figure {
padding-left: 24px;
}
}
@media (min-width: 992px) {
.aw-ln-categories .left-fg-block figure {
padding-left: 0;
padding-right: 24px;
}
}
@media (min-width: 992px) {
.aw-ln-categories .ct-block-text {
padding: 25px 0 25px 24px;
}
}
.aw-ln-categories .ct-block-text h2 {
margin-bottom: 15px;
font-size: 24px;
}
@media (min-width: 992px) {
.aw-ln-categories .ct-block-text h2 {
font-size: 32px;
}
}
.aw-ln-categories .ct-block-text .button a {
display: block;
width: 100%;
text-align: center;
}
@media (min-width: 992px) {
.aw-ln-categories .ct-block-text .button a {
width: auto;
display: inline-block;
}
}
.aw-ln-categories .bl-only-big {
display: none;
}
@media (min-width: 992px) {
.aw-ln-categories .bl-only-big {
display: block;
}
}
.aw-ln-categories .bl-only-small {
display: block;
}
@media (min-width: 992px) {
.aw-ln-categories .bl-only-small {
display: none;
}
}
.aw-ln-how-to-enter {
margin-bottom: 25px;
padding-bottom: 25px;
}
.aw-ln-how-to-enter:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
@media (min-width: 992px) {
.aw-ln-how-to-enter figure {
padding-left: 24px;
}
}
@media (min-width: 992px) {
.aw-ln-how-to-enter .ct-block-text {
padding: 25px 24px 25px 0px;
}
}
.aw-ln-how-to-enter .ct-block-text h2 {
margin-bottom: 15px;
}
.aw-ln-how-to-enter .ct-block-text .button a {
width: auto;
display: inline-block;
text-align: center;
}
@media (min-width: 992px) {
.aw-ln-how-to-enter .ct-block-text .button a {
width: auto;
display: inline-block;
}
}
.slideshow-container {
/* Slideshow container */
/* Caption text */
/* Number text (1/3 etc) */
/* The dots/bullets/indicators */
/* Fading animation */
}
.slideshow-container .single-item {
padding: 5px;
}
.slideshow-container .single-item img {
object-fit: contain;
width: 100%;
height: 100px;
max-height: 100px;
}
@media (min-width: 992px) {
.slideshow-container .single-item img {
height: 140px;
max-height: 140px;
}
}
.slideshow-container .frt-line-dv {
border-bottom: 1px solid #dbdbdb;
margin-bottom: 20px;
}
.slideshow-container .frt-line-dv .single-item {
border-right: 1px solid #dbdbdb;
margin-bottom: 20px;
}
.slideshow-container .frt-line-dv:last-child {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
border-bottom: 0px solid #dbdbdb;
}
.slideshow-container .frt-line-dv:last-child .single-item {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
border-bottom: 0px solid #dbdbdb;
}
.slideshow-container .frt-line-dv:nth-child(3) {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
border-bottom: 1px solid #dbdbdb;
}
.slideshow-container .frt-line-dv:nth-child(3) .single-item {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
}
.slideshow-container .frt-line-dv:nth-child(4) {
border-bottom: 0px solid #dbdbdb;
}
.slideshow-container .frt-line-dv:nth-child(5) {
border-bottom: 0px solid #dbdbdb;
}
.slideshow-container .frt-line-dv:nth-child(6) {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
border-bottom: 0px solid #dbdbdb;
}
.slideshow-container .frt-line-dv:nth-child(7) {
border-bottom: 0px solid #dbdbdb;
}
.slideshow-container .frt-line-dv:nth-child(9) {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
}
.slideshow-container .frt-line-dv:nth-child(12) {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
}
.slideshow-container .frt-line-dv:nth-child(15) {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
}
.slideshow-container .frt-line-dv:nth-child(18) {
border-right: 0px solid #dbdbdb;
padding-right: 0px;
margin-right: 0px;
}
.slideshow-container .mySlides {
display: none;
}
.slideshow-container .slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
.slideshow-container .text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
.slideshow-container .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
.slideshow-container .dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.slideshow-container .active {
background-color: #717171;
}
.slideshow-container .fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
.bl-croul-page {
position: relative;
text-align: center;
margin-top: 20px;
}
.bl-croul-page span {
display: inline-block;
background: #dbdbdb;
height: 8px;
width: 24px;
margin-right: 5px;
margin-left: 5px;
}
.bl-croul-page .active {
background: #373997;
}
.bl-croul-page p {
display: inline-block;
}
.aw-hte header h2 {
border-bottom: 0px solid #ddd;
padding-bottom: 0px;
}
.aw-view-all {
float: right;
color: #373997;
}
.featured-winner figure img {
object-fit: cover;
}
.featured-winner .text ul {
margin-left: 0;
}
.featured-winner .text ul li {
list-style: none;
}
.featured-winner .text ul li strong {
font-weight: 500;
}
.featured-winner .text .button {
margin-top: 30px;
}
.winners .text {
display: flex;
}
.winners .text .block-winner {
align-self: center;
margin-right: 0;
}
@media (min-width: 992px) {
.winners .text .block-winner {
margin-right: 40px;
}
}
@media (min-width: 992px) {
.aw-ln-categories .bl-only-small {
display: none;
}
}
@media (min-width: 992px) {
.aw-ln-categories .large-6 {
display: flex;
}
}
.aw-ln-categories .large-6 .ct-block-text {
align-self: center;
}
.aw-ln-categories .large-6 .ct-block-text .button {
display: inline-block;
margin-top: 10px;
}
@media (min-width: 992px) {
.large-6.columns.bl-only-small {
display: none;
}
}
.wp-container-7.wp-block-columns {
display: none;
}
.winner-tbl .c-search-and-filters .inline-filters .c-nav-search-content__form input {
border: 1px solid #dbdbdb;
}
.winner-tbl .lsit-abtl-company {
margin-bottom: 16px;
}
.fig-only-small {
display: block;
width: 100%;
}
.fig-only-small img {
width: 100%;
}
@media (min-width: 992px) {
.fig-only-small {
display: none;
}
}
.fig-hide-small {
display: none;
}
@media (min-width: 992px) {
.fig-hide-small {
display: block;
}
}
.lf-benifir {
padding-right: 0;
}
@media (min-width: 992px) {
.lf-benifir {
padding-right: 24px;
}
}
.rf-benifir {
padding-left: 0;
}
@media (min-width: 992px) {
.rf-benifir {
padding-left: 24px;
}
}
@media (min-width: 992px) {
.large-6.columns.bl-only-small {
display: none;
}
}
.wp-container-7.wp-block-columns {
display: none;
}
.winner-tbl .c-search-and-filters .inline-filters .c-nav-search-content__form input {
border: 1px solid #dbdbdb;
}
.winner-tbl .lsit-abtl-company {
margin-bottom: 16px;
}
.fig-only-small {
display: block;
width: 100%;
}
.fig-only-small img {
width: 100%;
}
@media (min-width: 992px) {
.fig-only-small {
display: none;
}
}
.fig-hide-small {
display: none;
}
@media (min-width: 992px) {
.fig-hide-small {
display: block;
}
}
.lf-benifir {
padding-right: 0;
}
@media (min-width: 992px) {
.lf-benifir {
padding-right: 24px;
}
}
.rf-benifir {
padding-left: 0;
}
@media (min-width: 992px) {
.rf-benifir {
padding-left: 24px;
}
}
.block-are-you-winner {
background-color: #373997; /* For browsers that do not support gradients */
background-image: url(/wp-content/themes/goodlife-wp-B2B/assets/images/awards-winner-bg.svg);
min-height: 204px;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.block-are-you-winner .text-block {
padding: 20px;
}
@media (min-width: 992px) {
.block-are-you-winner .text-block {
padding: 24px 0 32px 20px;
}
}
.block-are-you-winner .text-block h3 {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 40px; /* 125% */
letter-spacing: -0.48px;
color: #ffffff;
margin-bottom: 8px;
}
.block-are-you-winner .text-block p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #ffffff;
margin-bottom: 0;
}
.block-are-you-winner .text-block p a {
display: inline-block;
margin-top: 32px;
height: 48px;
padding: 16px 32px;
background-color: #373997;
font-size: 16px;
font-weight: 400;
line-height: normal;
letter-spacing: 0.32px;
color: #ffffff;
text-align: center;
width: 187px;
}
.block-are-you-winner .text-block p a:hover {
background-color: #27274c;
}
.block-are-you-winner .img-block {
display: none;
}
@media (min-width: 992px) {
.block-are-you-winner .img-block {
display: block;
}
}
.block-are-you-winner .img-block figure {
position: absolute;
bottom: 0;
right: 0;
}
.block-are-you-winner .img-block figure img {
max-height: 320px;
right: 0;
position: relative;
}
.winnner-sf-table .tbody .pseudo-table-row .cell p a {
align-self: center;
cursor: auto;
border-right: 0px solid #dbdbdb;
border-bottom: 0px solid #dbdbdb;
}
@media (min-width: 992px) {
.gdm-winner-search-list .pseudo-table-row .name {
width: 14.9%;
}
}
@media (min-width: 992px) {
.gdm-winner-search-list .pseudo-table-row .award-category {
width: 14.5%;
}
}
@media (min-width: 992px) {
.gdm-winner-search-list .pseudo-table-row .award-sub-category {
width: 14.5%;
}
}
@media (min-width: 992px) {
.gdm-winner-search-list .pseudo-table-row .award-sector {
width: 14.5%;
}
}
@media (min-width: 992px) {
.gdm-winner-search-list .pseudo-table-row .hQ {
width: 14.5%;
}
}
.gdm-winner-search-list .pseudo-table-row .award-year a {
color: #ffffff;
}
.gdm-winner-search-list .pseudo-table-row .award-year a:hover {
color: #ffffff;
}
.gdm-winner-search-list .pseudo-table-row .award-year a .down {
color: #373997;
}
.gdm-winner-search-list .pseudo-table-row .award-year a .up {
color: #ffffff;
}
@media (min-width: 992px) {
.gdm-winner-search-list .pseudo-table-row .award-year {
width: 12.5%;
}
}
.gdm-winner-search-list .pseudo-table-row .link p a {
color: #373997;
}
@media (min-width: 992px) {
.gdm-winner-search-list .pseudo-table-row .link {
width: 14.5%;
}
}
.gdmarticle__rhs-winner {
background-color: #373997;
background-image: url(/wp-content/themes/goodlife-wp-B2B/assets/images/awards-winner-bg.svg);
min-height: 310px;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-top: 0 !important;
color: #ffffff;
}
.gdmarticle__rhs-winner .text-block-winner-rhs {
padding: 8px 16px 0px 16px;
position: relative;
z-index: 1;
}
.gdmarticle__rhs-winner .text-block-winner-rhs h3 {
color: #ffffff;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
.gdmarticle__rhs-winner .text-block-winner-rhs p {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-top: 5px !important;
margin-bottom: 10px;
}
.gdmarticle__rhs-winner .text-block-winner-rhs p a {
background-color: #373997;
color: #ffffff;
height: 48px;
padding: 16px 32px 16px 32px;
display: inline-block;
width: 185px;
text-align: center;
text-decoration: none;
font-size: 16px;
}
.gdmarticle__rhs-winner .text-block-winner-rhs p a:hover {
background-color: #27274c;
}
.gdmarticle__rhs-winner .text-block-winner-rhs p:last-child {
margin-bottom: 0px;
}
.gdmarticle__rhs-winner .img-block {
position: absolute;
bottom: -40px;
}
@media (min-width: 992px) {
.gdmarticle__rhs-winner .img-block {
bottom: 0px;
}
}
.rel-cl-im {
position: relative;
}
/* awards.scss end */
/* corporate-management.scss start */
.corporate-management .page-header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
}
.corporate-management .page-header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.corporate-management .page-header h2 {
font-size: var(--h2-subhead);
}
.corporate-management .page-header h2,
.corporate-management .page-header h3,
.corporate-management .page-header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.corporate-management .active-users {
margin-top: 30px;
}
.corporate-management .active-users header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.corporate-management .active-users header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.corporate-management .active-users header h2 {
font-size: var(--h2-subhead);
}
.corporate-management .active-users header h2,
.corporate-management .active-users header h3,
.corporate-management .active-users header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
@media (max-width: 768px) {
.corporate-management .active-users header {
margin-bottom: 0.75rem;
padding-bottom: 0.5rem;
}
}
.corporate-management .active-users header h2 {
font-size: var(--h2-subhead);
}
.corporate-management .active-users .remove-user {
color: #ff0000;
cursor: pointer;
}
.corporate-management .active-users .remove-user:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.corporate-management .active-users .remove-user:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/close.svg");
filter: brightness(0) saturate(100%) invert(24%) sepia(100%) saturate(7304%) hue-rotate(360deg) brightness(99%) contrast(118%);
}
.corporate-management .active-users .add-user {
margin-top: 1.875rem;
}
@media (max-width: 768px) {
.corporate-management .active-users .add-user {
margin: 0;
}
}
.corporate-management .manage-account header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
padding-bottom: var(--small-edge-spacing);
margin-bottom: var(--edge-spacing);
}
.corporate-management .manage-account header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.corporate-management .manage-account header h2 {
font-size: var(--h2-subhead);
}
.corporate-management .manage-account header h2,
.corporate-management .manage-account header h3,
.corporate-management .manage-account header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.corporate-management .manage-account header h2 {
font-size: 20px;
}
.corporate-management .manage-account .account-manager p {
color: #373997;
}
.corporate-management .manage-account p {
font-size: 18px;
}
@media (max-width: 768px) {
.corporate-management .manage-account p {
margin-bottom: 0.75rem;
}
}
@media (min-width: 992px) {
.corporate-management .manage-account p {
font-size: 1.375rem;
margin-bottom: 1.5rem;
}
}
.corporate-management .manage-account .button a {
display: inline-block;
}
@media (max-width: 768px) {
.corporate-management .manage-account .button {
margin-top: 0rem;
}
}
@media (min-width: 992px) {
.corporate-management .manage-account header h2 {
font-size: 24px;
}
}
.corporate-management .membership__container header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
margin-bottom: 0.75rem;
}
.corporate-management .membership__container header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.corporate-management .membership__container header h2 {
font-size: var(--h2-subhead);
}
.corporate-management .membership__container header h2,
.corporate-management .membership__container header h3,
.corporate-management .membership__container header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.corporate-management .membership__sub-heading {
margin-bottom: 1rem;
}
.corporate-management .membership-info__container {
border-bottom: 0.0625rem solid #ddd;
}
.corporate-management .membership-info__container p {
color: #151529;
font-size: 0.75rem;
letter-spacing: 0.0015rem;
}
.corporate-management .membership-info__container p strong {
font-weight: 500;
}
.active-users-info__container {
padding-bottom: 0.75rem;
margin-left: 0;
margin-bottom: 0.75rem;
border-bottom: 0.0625rem solid #ddd;
}
.active-users-info__container li {
list-style: none;
}
.active-users-info__container li p {
color: #151529;
font-size: 0.75rem;
letter-spacing: 0.0015rem;
}
.active-users-info__container li p strong {
font-weight: 500;
}
.active-users-info__container .remove-user {
margin-left: 0.3125rem;
}
/* corporate-management.scss end */
/* _catfish.scss start */
.catfish {
background: #373997;
position: fixed;
z-index: 99999;
bottom: 0;
left: 0;
right: 0;
margin-bottom: -2000px;
transition: all 0.3s ease-in-out;
}
.catfish:hover {
bottom: 30px;
}
.catfish .banner {
color: white;
width: 100%;
background: #373997;
z-index: 1;
cursor: pointer;
position: relative;
}
.catfish .banner a {
display: block;
padding-top: 16px;
padding-bottom: 24px;
}
@media (max-width: 992px) {
.catfish .banner {
padding-right: 2.5rem;
}
}
.catfish .banner .banner-content {
width: 700px;
margin: 0 auto;
max-width: 100%;
padding: 0;
}
.catfish .banner .banner-content figure {
padding-left: 16px;
padding-right: 12px;
width: 21%;
}
@media (min-width: 400px) and (max-width: 990px) {
.catfish .banner .banner-content figure {
width: 80px;
}
}
@media (min-width: 992px) {
.catfish .banner .banner-content figure {
width: 8%;
padding: 0;
}
}
.catfish .banner .banner-content figure img {
width: 100%;
}
.catfish .banner .banner-content .text {
width: 78%;
}
@media (min-width: 992px) {
.catfish .banner .banner-content .text {
padding-left: 16px;
width: 85%;
}
}
.catfish .banner .banner-content .text h4 {
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: -0.01em;
color: #ffffff;
margin-bottom: 2px;
}
@media (min-width: 992px) {
.catfish .banner .banner-content .text h4 {
font-size: 18px;
line-height: 24px;
}
}
.catfish .banner .banner-content .text h4 span {
text-decoration: underline;
color: #ffffff;
}
.catfish .banner .banner-content .text h4 span:hover {
text-decoration: none;
color: #ffffff;
}
.catfish .banner .banner-content .text p {
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #ffffff;
margin: 0;
}
.catfish .close {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
position: absolute;
top: 10px;
right: 10px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
height: 20px;
cursor: pointer;
color: white;
}
.catfish .close:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.catfish .close::after {
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/close.svg") no-repeat right;
filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(268deg) brightness(103%) contrast(101%);
}
@media (max-width: 992px) {
.catfish .close {
text-indent: -5000px;
overflow: hidden;
width: 15px;
height: 15px;
}
.catfish .close:after {
text-indent: 0;
}
}
@media (min-width: 992px) {
.catfish .close {
padding-right: 1.4rem;
text-indent: 0;
height: 60px;
}
.catfish .close:after {
height: 15px;
top: 6px;
right: 2px;
}
}
.catfish .block-ctf-newsletter {
background: #373997;
padding-top: 16px;
padding-bottom: 16px;
position: relative;
z-index: 999;
}
.catfish .block-ctf-newsletter h4,
.catfish .block-ctf-newsletter .close {
opacity: 0;
transition: all 0.3s ease;
}
.catfish .block-ctf-newsletter.scroll {
position: absolute;
}
.catfish .block-ctf-newsletter .close {
color: #151529;
}
@media (max-width: 992px) {
.catfish .block-ctf-newsletter .close {
width: 20px;
}
}
@media (min-width: 992px) {
.catfish .block-ctf-newsletter .close {
padding-right: 1.7rem;
}
}
.catfish .block-ctf-newsletter .close:after {
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icon_arrow_purple_down.png") no-repeat right;
filter: none;
background-size: 100%;
width: 20px;
left: auto;
}
@media (max-width: 992px) {
.catfish .block-ctf-newsletter {
padding: 16px;
}
}
.catfish .block-ctf-newsletter h4 {
font-weight: 500;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.01em;
color: #151529;
margin-bottom: 1.5rem;
}
.catfish .block-ctf-newsletter .form-group {
margin-bottom: 1.5rem;
}
.catfish .block-ctf-newsletter .form-group input:focus + .floating-label {
background: #ddd;
}
.catfish .block-ctf-newsletter form input[type=checkbox] {
border: 0.0625rem solid #373997;
}
.catfish .block-ctf-newsletter form input[type=checkbox]::after {
border: none;
}
.catfish .block-ctf-newsletter input {
background-color: #ffffff;
margin-bottom: 0;
}
.catfish .block-ctf-newsletter input[type=checkbox] {
width: 22px;
height: 22px;
margin-right: 6px;
}
.catfish .block-ctf-newsletter input.checkboxinput.error:after {
border: solid 1px red;
}
.catfish .block-ctf-newsletter input.checkboxinput.error + label {
color: red;
}
@media (min-width: 992px) {
.catfish .block-ctf-newsletter .checkboxes-and-submit {
padding: 0 0.7rem;
}
}
.catfish .block-ctf-newsletter small.checkbox-error-message {
margin-top: 10px;
display: block;
color: red;
font-size: 12px;
}
.catfish .block-ctf-newsletter .custom-select {
background-color: #ffffff;
}
@media (max-width: 992px) {
.catfish .block-ctf-newsletter .form-wrapper .grid-padding-x .cell {
padding: 0;
}
}
.catfish .block-ctf-newsletter .form-wrapper form input[type=checkbox]:checked:before {
border: solid white;
border-width: 0 2px 2px 0;
}
.catfish .block-ctf-newsletter .form-wrapper form input[type=radio]::after {
background-color: #ffffff;
}
.catfish .block-ctf-newsletter .form-wrapper form .newsletter-checkboxes h4 {
margin-bottom: 24px;
}
.catfish .block-ctf-newsletter .form-wrapper form .newsletter-checkboxes .details_box.Verdict_Privacy_opt_in.pd-checkbox {
display: inline-block;
}
.catfish .block-ctf-newsletter .form-wrapper form .newsletter-checkboxes .Verdict_Privacy_opt_in {
margin: 0 12px 12px 0;
}
.catfish .block-ctf-newsletter .form-wrapper form .newsletter-checkboxes .Verdict_Privacy_opt_in .Verdict_Privacy_opt_in {
margin: 0;
}
.catfish .block-ctf-newsletter .form-wrapper form .newsletter-checkboxes .Verdict_Privacy_opt_in label {
position: relative;
font-size: 12px;
}
.catfish .block-ctf-newsletter .form-wrapper form .newsletter-checkboxes .Verdict_Privacy_opt_in + p {
font-size: 12px;
}
.catfish .block-ctf-newsletter .form-wrapper form .gdpr-consent {
margin-top: 18px;
}
.catfish .block-ctf-newsletter .form-wrapper form .gdpr-consent .form-group .Verdict_Privacy_opt_in {
margin-bottom: 20px;
line-height: 17px;
display: flex;
}
.catfish .block-ctf-newsletter .form-wrapper form .gdpr-consent .form-group .Verdict_Privacy_opt_in .consent-checkbox {
width: 22px;
}
.catfish .block-ctf-newsletter .form-wrapper form .gdpr-consent .form-group .Verdict_Privacy_opt_in span {
font-size: 12px;
margin-left: 22px;
}
.catfish .block-ctf-newsletter .form-wrapper form .gdpr-consent .form-group .Verdict_Privacy_opt_in + small {
margin: 10px 0 30px 0;
display: block;
}
@media (min-width: 992px) {
.catfish .block-ctf-newsletter .form-wrapper form .gdpr-consent .form-group .Verdict_Privacy_opt_in {
margin-bottom: 0;
}
.catfish .block-ctf-newsletter .form-wrapper form .gdpr-consent .form-group .Verdict_Privacy_opt_in span {
margin-left: 10px;
}
}
.catfish .block-ctf-newsletter .form-wrapper form .submit-button-container {
text-align: center;
margin-bottom: 12px;
}
.catfish .block-ctf-newsletter .form-wrapper form .submit-button-container .button {
padding: 1em 2em;
margin-bottom: 0;
}
.open-full-form .catfish {
z-index: 99999;
margin-bottom: 0 !important;
background: #f3f3f1;
}
.open-full-form .catfish:hover {
border-bottom: solid 0px #373997;
bottom: 0;
}
.open-full-form .catfish .banner {
display: none;
opacity: 0;
}
.open-full-form .catfish .block-ctf-newsletter {
background: #f3f3f1;
}
.open-full-form .catfish .block-ctf-newsletter h4,
.open-full-form .catfish .block-ctf-newsletter .close {
opacity: 1;
}
.open-full-form .catfish .block-ctf-newsletter.scroll {
overflow-y: scroll;
}
.open-full-form .catfish .block-ctf-newsletter.scroll::-webkit-scrollbar {
background-color: transparent;
width: 6px;
}
.open-full-form .catfish .block-ctf-newsletter.scroll::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-ms-border-radius: 0.3em;
-o-border-radius: 0.3em;
}
.open-full-form .catfish .block-ctf-newsletter.scroll::-webkit-scrollbar-track {
background: white;
}
.open-full-form.modal-taller-than-viewport .catfish {
top: 0;
}
.open-full-form.modal-taller-than-viewport .catfish .block-ctf-newsletter {
overflow-y: scroll;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
}
.open-full-form.modal-taller-than-viewport .catfish .block-ctf-newsletter::-webkit-scrollbar {
background-color: transparent;
width: 6px;
}
.open-full-form.modal-taller-than-viewport .catfish .block-ctf-newsletter::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-ms-border-radius: 0.3em;
-o-border-radius: 0.3em;
}
.open-full-form.modal-taller-than-viewport .catfish .block-ctf-newsletter::-webkit-scrollbar-track {
background: white;
}
.open-full-form.modal-taller-than-viewport .catfish .block-ctf-newsletter .close {
position: fixed;
right: 32px;
}
.form-submitted .catfish {
bottom: -3000px;
}
.form-submitted .catfish .block-ctf-newsletter {
margin-bottom: -3000px;
}
.form-submitted .catfish .thank-you-message {
bottom: 0;
display: block;
}
.thank-you-message {
background: #f3f3f1;
display: none;
position: fixed;
left: 0;
bottom: -200px;
right: 0;
padding: 12px;
transition: all 0.4s ease-in-out;
transition-delay: 0.7s;
}
.thank-you-message h2,
.thank-you-message p {
width: 700px;
max-width: 100%;
margin: 0 auto;
}
.thank-you-message h2 {
font-size: 16px;
font-weight: 500;
margin-bottom: 3px;
}
.thank-you-message p {
font-size: 14px;
}
.thank-you-message p a {
text-decoration: underline;
}
@media (min-width: 992px) {
.thank-you-message {
padding: 16px;
}
.thank-you-message h2 {
font-size: 18px;
}
}
.thank-you-message .close {
color: #373997;
}
.thank-you-message .close:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icon_cross_purple_transparent.png");
filter: none;
left: auto;
width: 16px;
background-size: 100%;
}
.intersector {
position: absolute;
display: block;
width: 1px;
height: 1px;
right: 0;
background: transparent;
}
.modal-taller-then-viewport .block-ctf-newsletter {
overflow-y: scroll;
top: 0;
}
.modal-taller-then-viewport .block-ctf-newsletter::-webkit-scrollbar {
background-color: transparent;
width: 6px;
}
.modal-taller-then-viewport .block-ctf-newsletter::-webkit-scrollbar-thumb {
background-color: #dbdbdb;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
-ms-border-radius: 0.3em;
-o-border-radius: 0.3em;
}
.modal-taller-then-viewport .block-ctf-newsletter::-webkit-scrollbar-track {
background: white;
}
.winnner-sf-table .tbody .pseudo-table-row .cell p a {
align-self: center;
cursor: auto;
border-right: 0px solid #dbdbdb;
border-bottom: 0px solid #dbdbdb;
}
/* catfish.scss end */
.gdm-newsletter-banner__container {
background-color: #373997;
padding: 1rem;
position: relative;
}
.gdm-newsletter-banner__container img {
margin-top: 1px;
}
.gdm-newsletter-banner__container h3,
.gdm-newsletter-banner__container p {
color: white;
}
.gdm-newsletter-banner__container h3 {
font-size: 18px;
margin-top: 2px;
}
.gdm-newsletter-banner__container p {
font-size: 16px;
margin: 0;
}
.gdm-newsletter-banner__wrapper-container {
display: flex;
gap: 1rem;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.gdm-newsletter-banner__wrapper-container {
flex-direction: row;
gap: 4.5rem;
}
}
@media (min-width: 768px) {
.gdm-newsletter-banner__wrapper-container--article {
gap: 1.625rem;
}
}
.gdm-newsletter-banner-logo__container {
width: 3.625rem;
height: 3.625rem;
position: relative;
bottom: 0.3125rem;
}
@media (min-width: 768px) {
.gdm-newsletter-banner-logo__container {
width: 3rem;
height: 3rem;
bottom: 0;
}
}
.gdm-newsletter-banner-logo__container img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.gdm-newsletter-banner-info__wrapper {
display: flex;
gap: 1rem;
flex-direction: row-reverse;
}
@media (min-width: 768px) {
.gdm-newsletter-banner-info__wrapper {
flex-direction: row;
}
}
.gdm-newsletter-banner__heading,
.gdm-newsletter-banner h3 {
color: #ffffff;
font-size: 1rem;
font-weight: 500;
line-height: 1.25rem;
letter-spacing: -0.01rem;
}
@media (min-width: 768px) {
.gdm-newsletter-banner__heading,
.gdm-newsletter-banner h3 {
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5rem;
letter-spacing: -0.01125rem;
}
}
.gdm-newsletter-banner__sub-heading,
.gdm-newsletter-banner p {
color: #ffffff;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
margin-bottom: 0 !important;
}
@media (max-width: 768px) {
.gdm-newsletter-banner__sub-heading,
.gdm-newsletter-banner p {
margin-bottom: 1rem;
}
}
.gdm-newsletter-banner__btn-container .button.secondary.solid {
padding: 1rem 2rem;
line-height: 1;
display: inline-block;
margin: 0;
text-decoration: none;
background: #27274c;
border: solid 1px transparent;
}
.gdm-newsletter-banner__btn-container .button.secondary.solid:hover {
border: 0.0625rem solid #ffffff;
background-color: #373997;
}
/* GDM newsletters page start */
.gdm-newsletters-page header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
padding-bottom: var(--h2-subhead-margin);
margin-bottom: var(--edge-spacing);
margin-top: 0;
}
.gdm-newsletters-page header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.gdm-newsletters-page header h2 {
font-size: var(--h2-subhead);
}
.gdm-newsletters-page header h2,
.gdm-newsletters-page header h3,
.gdm-newsletters-page header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.gdm-newsletters-page header h2 {
font-size: var(--fs-sub-heading);
}
.gdm-newsletters-page .gdm-newsletters-page-header {
border-bottom: solid 1px #ddd;
padding-bottom: 12px;
margin-bottom: var(--edge-spacing);
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x {
width: 100%;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .newsletter-image {
margin: 0 var(--edge-spacing) var(--article-text-margin) 0;
width: 58px;
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .newsletter-image {
width: 110px;
}
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x h1 {
word-wrap: break-word;
width: 70%;
margin: 0 0 12px 0;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x h1.mobile-only {
width: 70%;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .mobile-only {
width: 100%;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x p,
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul {
font-size: var(--small-text);
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .desktop-only {
width: 80%;
}
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x p {
margin-bottom: 8px;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul {
list-style: none;
margin: 0;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul li {
display: inline-block;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul li:after {
content: "|";
margin: 0 0.3em 0 0.5em;
color: #f3f3f1;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul li:last-child:after {
content: none;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions {
color: #373997;
margin: 0 0 var(--edge-spacing-xl) 0;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li {
display: inline-block;
cursor: pointer;
position: relative;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li:last-child {
font-weight: 500;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul {
opacity: 0;
z-index: -9999;
transition: opacity 0.3s ease-in-out;
background: white;
border: solid 1px #ddd;
position: absolute;
width: 215px;
padding: 12px 0;
font-size: 14px;
margin-top: 10px;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul.reveal {
opacity: 1;
z-index: 9999;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li {
padding: 8px 20px;
font-weight: 500;
color: #151529;
display: block;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li:before {
filter: invert(18%) sepia(42%) saturate(3064%) hue-rotate(226deg) brightness(99%) contrast(93%);
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li.twitter:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/twitter.svg");
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li.linkedin:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/linkedin-in.svg");
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li.facebook:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/facebook-f.svg");
background-size: 8px;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li.email:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/envelope.svg");
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li.link:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/link_icon.png");
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x ul.actions li ul li.threads:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/threads_icon.png");
background-size: 11px;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous {
width: 100%;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul {
text-align: center;
width: 100%;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li {
display: inline;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li a:before, .gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li a:after {
filter: invert(18%) sepia(42%) saturate(3064%) hue-rotate(226deg) brightness(99%) contrast(93%);
position: relative;
top: 1px;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li:first-child a:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li:first-child a:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/chevron-left.svg");
background-size: 6px;
margin: 0 0.3rem;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li:last-child a:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li:last-child a:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/chevron-right.svg");
background-size: 6px;
top: 4px;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li.disabled a {
color: #dbdbdb;
cursor: text;
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous ul li.disabled a:after {
filter: invert(100%) sepia(3%) saturate(926%) hue-rotate(238deg) brightness(113%) contrast(72%);
}
.gdm-newsletters-page .gdm-newsletters-page-header .grid-x .next-previous.single-next-link ul li:first-child a:before {
content: none;
}
.gdm-newsletters-page .gdm-newsletters-main-content {
border-bottom: solid 1px #ddd;
padding-bottom: var(--edge-spacing);
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletter-articles {
padding-right: var(--edge-spacing);
}
}
.gdm-newsletters-page .gdm-newsletter-articles section article .article-text h3 {
font-size: var(--fs-xl);
margin-bottom: 8px;
}
@media (min-width: 540px) {
.gdm-newsletters-page .gdm-newsletter-articles section article .article-text {
padding: 0 var(--edge-spacing) 0 0;
}
}
.gdm-newsletters-page .gdm-newsletter-articles section article .article-image figure {
aspect-ratio: 16/9;
overflow: hidden;
}
.gdm-newsletters-page .gdm-newsletter-articles section article .article-image figure img {
min-height: 100%;
min-width: 100%;
}
.gdm-newsletters-page .gdm-newsletter-articles section article .article-image figure img {
width: 100%;
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news {
padding-top: var(--edge-spacing-xl);
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article {
border-bottom: solid 1px #ddd;
padding-bottom: var(--category-article-spacing);
margin-bottom: var(--category-article-spacing);
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article:last-of-type {
margin-bottom: 0;
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article .article-text {
padding: 0 0 0 var(--edge-spacing);
}
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article .article-text h3 {
font-size: 18px;
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article .article-text p {
display: none;
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article .article-text .article-date {
margin-top: 6px;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article .grid-x {
flex-direction: row-reverse;
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article .article-text p {
display: block;
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news article .article-text .article-date {
margin-top: 12px;
}
}
.gdm-newsletters-page .gdm-newsletter-articles section.other-news .gdm-newsletter-sidebar-block {
margin-bottom: var(--edge-spacing);
}
.gdm-newsletters-page .gdm-newsletters-page-sidebar {
display: none;
}
.gdm-newsletters-page .gdm-newsletters-page-sidebar .gdm-newsletter-sidebar-block {
width: 100%;
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletters-page-sidebar {
display: block;
padding-left: var(--edge-spacing);
border-left: solid 1px #ddd;
}
}
.gdm-newsletters-page .gdm-newsletter-previous-editions header {
margin-top: var(--edge-spacing-xl);
margin-bottom: 0;
padding-bottom: var(--h2-subhead-margin);
}
.gdm-newsletters-page .gdm-newsletter-previous-editions header h2 {
font-size: var(--h2-subhead);
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .edition article {
padding: var(--edge-spacing) 0;
border-bottom: solid 1px #ddd;
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .edition article .article-text {
padding-left: 24px;
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .edition article .article-text .newsletter-title {
font-weight: 500;
font-size: 12px;
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .edition article .article-text h3 {
margin: 8px 0;
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .edition:last-of-type article {
border: none;
padding-bottom: 0;
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletter-previous-editions .grid-x {
margin: 0 var(--small-negative-edge-spacing);
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .grid-x .edition {
padding: var(--edge-spacing) 0 0 0;
margin: var(--edge-spacing-s) var(--edge-spacing-s) 0 var(--edge-spacing-s);
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .grid-x .edition article {
border-bottom: none;
border-right: solid 1px #ddd;
padding: 0 var(--small-edge-spacing);
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .grid-x .edition article .grid-x {
margin: 0;
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .grid-x .edition article .grid-x .article-text {
padding-left: 0;
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .grid-x .edition article .grid-x .article-image {
padding-right: var(--small-edge-spacing);
}
.gdm-newsletters-page .gdm-newsletter-previous-editions .grid-x .edition:last-of-type article {
border: none;
}
}
.gdm-newsletters-page .gdm-newsletter-promo-banner {
width: 100%;
padding: var(--edge-spacing-xl) 0;
}
.gdm-newsletters-page .gdm-newsletter-promo-banner a {
display: block;
width: 100%;
}
.gdm-newsletters-page .gdm-newsletter-promo-banner a img {
width: 100%;
}
.gdm-newsletters-page .gdm-newsletters-by-sector {
width: 100%;
}
.gdm-newsletters-page .gdm-newsletters-by-sector header {
padding: 0 0 var(--h2-subhead-margin);
margin-top: 0;
margin-bottom: var(--edge-spacing);
}
.gdm-newsletters-page .gdm-newsletters-by-sector header h2 {
font-size: var(--h2-subhead);
}
.gdm-newsletters-page .gdm-newsletters-by-sector .tag-box-big {
margin: 0 var(--small-negative-edge-spacing);
}
.gdm-newsletters-page .gdm-newsletters-by-sector .tag-box-big .related-newsletter {
margin: 0 var(--small-edge-spacing) var(--edge-spacing) var(--small-edge-spacing);
}
.gdm-newsletters-page .gdm-newsletters-by-sector .tag-box-big .related-newsletter h3 {
margin-top: var(--h2-subhead-margin);
}
.gdm-newsletters-page .gdm-newsletters-by-sector .tag-box-big .related-newsletter h3 img {
width: 14px;
position: relative;
top: -1px;
}
@media (min-width: 992px) {
.gdm-newsletters-page .gdm-newsletters-by-sector .tag-box-big .related-newsletter h3 img {
width: 15px;
left: 2px;
}
}
.gdm-newsletters-page .gdm-newsletters-by-sector .tag-box-big .related-newsletter p {
margin-bottom: 0;
}
@media (max-width: 768px) {
.gdm-newsletters-page .gdm-newsletters-by-sector .tag-box-big .related-newsletter p {
display: none;
}
.gdm-newsletters-page .gdm-newsletters-by-sector .button {
margin-top: 12px;
}
}
.gdm-newsletters-page .newsletter-wrapper {
margin: 0;
}
.gdm-newsletters-page .newsletter-wrapper .gd-banner {
margin-top: var(--edge-spacing);
}
.gdm-newsletters-page .newsletter-wrapper .newsletter-signup-box {
background: #373997;
margin: var(--edge-spacing-xl) 0;
}
.gdm-newsletters-page .newsletter-wrapper .newsletter-signup-box .newsletter-icon-cta .newsletter-icon {
width: 48px;
}
.gdm-newsletters-page .newsletter-wrapper .newsletter-signup-box .newsletter-icon-cta p {
font-size: 14px;
width: 100%;
}
.gdm-newsletters-page .newsletter-wrapper .newsletter-signup-box .newsletter-signup__title {
font-size: 16px;
line-height: 125%;
margin-bottom: 0px;
}
@media (min-width: 992px) {
.gdm-newsletters-page .newsletter-wrapper .newsletter-signup-box .newsletter-signup__title {
font-size: 18px;
margin-bottom: 3px;
}
}
.gdm-newsletters-page .newsletter-wrapper .newsletter-signup-box .button {
background: #27274c;
}
@media (max-width: 992px) {
.gdm-newsletters-page .newsletter-wrapper .newsletter-signup-box .button {
width: auto;
}
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content {
width: 1160px;
max-width: 100%;
margin: 0 auto;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page {
padding: 0;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-header {
margin-top: 0;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-header .article-header__content {
width: 100%;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-header__content {
width: 100%;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-header__info span:after {
content: " | ";
margin: 0 5px;
color: #ddd;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-header__info span:last-of-type:after {
content: none;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-image {
margin-bottom: 2em;
margin: var(--edge-spacing-xl) 0;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-image img {
width: 100%;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-image figure img {
margin-bottom: 0.8em;
width: 100%;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-image figure figcaption {
font-size: 1.2em;
line-height: 1.166666em;
padding-bottom: 0.666666em;
border-bottom: 0.1em solid #ddd;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-content {
margin-bottom: 0;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-content p {
font: 18px/28px Lora, Georgia, serif;
}
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-content h2,
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-content h3,
.gd-newsletter-single-article .gdm-newsletters-single-article-main-content .article-page .article-content h4 {
margin-bottom: var(--h2-subhead-margin);
font-size: var(--h2-article-subhead);
}
.gd-newsletter-single-article .gdm-newsletters-page-sidebar {
border: none;
padding-left: 120px;
}
.gd-newsletter-single-article .gdm-newsletters-page-sidebar .gdm-newsletters-sidebar-block {
margin: 36px 0;
}
.gdm-newsletter-modal {
border-top: solid 5px #373997;
padding: 0;
/* Hide scrollbar for IE, Edge and Firefox */
}
.gdm-newsletter-modal::-webkit-scrollbar {
display: none;
}
.gdm-newsletter-modal {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.gdm-newsletter-modal .grid-container {
width: 610px;
max-width: 100%;
}
.gdm-newsletter-modal header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
padding-bottom: var(--category-article-spacing);
margin-bottom: 20px;
}
.gdm-newsletter-modal header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.gdm-newsletter-modal header h2 {
font-size: var(--h2-subhead);
}
.gdm-newsletter-modal header h2,
.gdm-newsletter-modal header h3,
.gdm-newsletter-modal header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.gdm-newsletter-modal header h2 {
font-size: var(--font-size-h1-px);
}
.gdm-newsletter-modal .large-intro {
margin-bottom: var(--edge-spacing-xl-px);
}
.gdm-newsletter-modal .large-intro p {
font-size: 14px;
color: #626262;
margin: 0 0 var(--modal-p-margin) 0;
}
@media (min-width: 992px) {
.gdm-newsletter-modal .large-intro p {
font-size: 16px;
}
}
.gdm-newsletter-modal form h3 {
font-size: 14px;
}
@media (min-width: 992px) {
.gdm-newsletter-modal form h3 {
font-size: 16px;
margin-bottom: 0 0 10px 0;
}
}
.gdm-newsletter-modal .form-text-inputs .grid-x {
margin: 0 -0.625rem;
}
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group {
margin-top: 15px;
}
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group input[type=text],
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group select,
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group textarea {
margin-bottom: 0px;
}
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group input[type=text] + .floating-label + small,
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group select + .floating-label + small,
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group textarea + .floating-label + small {
margin-bottom: 10px;
}
.gdm-newsletter-modal .form-text-inputs .grid-x .form-group .last-input {
margin-bottom: 15px;
}
.gdm-newsletter-modal input[type=checkbox] {
width: 22px;
height: 22px;
margin-right: 10px;
}
.gdm-newsletter-modal .details_box.Verdict_Privacy_opt_in.pd-checkbox {
display: inline-block;
margin-right: 20px;
}
.gdm-newsletter-modal .newsletter-checkboxes label,
.gdm-newsletter-modal .newsletter-checkboxes span,
.gdm-newsletter-modal .gdpr-consent label,
.gdm-newsletter-modal .gdpr-consent span {
font-size: 12px;
}
.gdm-newsletter-modal .newsletter-checkboxes span a,
.gdm-newsletter-modal .gdpr-consent span a {
text-decoration: underline;
color: #151529;
}
.gdm-newsletter-modal .gdpr-consent {
margin-bottom: -10px;
}
.gdm-newsletter-modal .gdpr-consent .details_box.form-group {
margin-bottom: 0 !important;
}
.gdm-newsletter-modal .gdpr-consent .details_box.form-group p {
margin-bottom: 0;
}
.gdm-newsletter-modal .gdpr-consent span {
top: -26px;
position: relative;
display: inline-block;
left: 30px;
width: 95%;
line-height: 16px;
}
.gdm-newsletter-modal .inline-buttons {
display: flex;
justify-content: center;
}
.gdm-newsletter-modal .inline-buttons .button {
margin-right: 12px;
}
.gdm-newsletter-modal.thank-you-modal p {
margin: var(--edge-spacing-xl-px) 0;
font-size: 22px;
color: #626262;
}
.gdm-newsletter-modal.thank-you-modal p a {
text-decoration: underline;
color: #373997;
}
.gdm-newsletter-modal.thank-you-modal .centered-button {
text-align: center;
}
.gdm-newsletter-modal.thank-you-modal .centered-button .button {
font-size: 16px;
margin: 0 auto;
}
/* GDM newsletters page end */
.article-content .main-content .successMsg .whitepaper__title--msg--2 {
padding: 0;
position: static;
}
.article-content .main-content .gdm-buyers-guide-suggestions {
width: 100%;
height: 32rem;
margin-top: 0.75rem;
}
@media (min-width: 768px) {
.article-content .main-content .gdm-buyers-guide-suggestions {
height: auto;
}
}
.article-content .main-content .gdm-buyers-guide-suggestions__title {
color: #151529;
font-size: 0.75rem;
font-weight: 500;
line-height: 1rem;
letter-spacing: 0.0225rem;
}
.article-content .main-content .gdm-buyers-guide-suggestions__card {
display: flex;
gap: 0.625rem;
}
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper:first-child {
display: none;
}
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper div:first-child {
display: flex !important;
}
@media (min-width: 768px) {
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper:nth-of-type(even) {
padding-right: 12px;
}
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper:nth-of-type(odd) {
padding-left: 12px;
}
}
@media (min-width: 768px) {
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper:nth-of-type(odd) {
padding-right: 12px;
}
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper:nth-of-type(even) {
padding-left: 12px;
}
}
@media (min-width: 768px) {
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper div:first-child {
padding-bottom: 0.75rem;
margin-bottom: 0.75rem;
border-bottom: 0.0625rem solid #dbdbdb;
}
.article-content .main-content .gdm-buyers-guide-suggestions__card-wrapper div:first-child.gdm-buyers-guide-suggestions__card-image-container {
border: none;
margin-bottom: 0;
}
}
.article-content .main-content .gdm-buyers-guide-suggestions__card-heading {
color: #151529;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem;
letter-spacing: -0.00875rem;
}
.article-content .main-content .gdm-buyers-guide-suggestions__card-image-container {
max-width: 4.25rem;
max-height: 5.625rem;
overflow: hidden;
width: 100%;
height: 100%;
}
.article-content .main-content .gdm-buyers-guide-suggestions__listing {
margin-top: 0.75rem;
display: flex;
flex-direction: column;
position: absolute;
width: 100%;
}
@media (min-width: 768px) {
.article-content .main-content .gdm-buyers-guide-suggestions__listing {
margin-top: 1.5rem;
flex-direction: row;
position: relative;
}
}
.article-content .main-content .gdm-buyers-guide-download__link {
font-size: 0.75rem;
font-style: normal;
font-weight: 500;
line-height: 1rem;
letter-spacing: 0.0225rem;
color: #373997;
}
.article-content .main-content .gdm-buyers-guide-image__container {
position: relative;
width: 100%;
height: 100%;
}
.article-content .main-content .gdm-buyers-guide-image__container img {
position: relative;
z-index: 999;
max-width: 100%;
max-height: 100%;
}
.article-content .main-content .gdm-buyers-guide-image__container::before {
content: "";
position: absolute;
width: 95%;
height: 100%;
left: -0.1875rem;
bottom: -0.1875rem;
background: #27274c;
}
.article-content .main-content .successMsg--gdm-buyers-guide {
margin-bottom: 0;
}
@media (max-width: 768px) {
.article-content .main-content .successMsg--gdm-buyers-guide .whitepaper__title--msg {
margin-bottom: 3.375rem;
}
}
.gdm-pi-header {
border-top: 4px solid #ff5d2b;
background-image: url(/wp-content/themes/goodlife-wp-B2B/assets/images/pi-header-banner.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 5px;
}
@media (min-width: 992px) {
.gdm-pi-header {
padding-top: 24px;
padding-bottom: 24px;
margin-bottom: 7px;
}
}
.gdm-pi-header .section-headtext-pi {
text-align: center;
padding: 0 12px;
}
@media (min-width: 992px) {
.gdm-pi-header .section-headtext-pi {
padding: 0;
}
}
.gdm-pi-header .section-headtext-pi h1 {
color: #27274c;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 133.333% */
letter-spacing: -0.36px;
margin-bottom: 5px;
}
.gdm-pi-header .section-headtext-pi h3 {
color: #515151;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
letter-spacing: -0.18px;
margin-top: 18px;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.gdm-pi-header .section-headtext-pi h3 {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 125% */
letter-spacing: -0.24px;
margin-top: 24px;
margin-bottom: 16px;
}
}
.gdm-pi-header .section-headtext-pi p {
color: #151529;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 157.143% */
letter-spacing: -0.14px;
margin: 16px;
}
@media (min-width: 992px) {
.gdm-pi-header .section-headtext-pi p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
letter-spacing: -0.18px;
}
}
.gdm-pi-header .section-headtext-pi .small-text {
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 10px;
color: #373997;
}
.gdm-pi-header .section-headtext-pi .small-text img {
height: 18px;
margin-left: 4px;
}
.pi-landing-head {
padding: 12px;
}
@media (min-width: 992px) {
.pi-landing-head {
padding: 24px 24px 16px 24px;
}
}
.pi-landing-head .block-better-informed {
margin-bottom: 0;
}
.pi-landing-head .block-better-informed .btn-better-informed {
background-color: #ff5d2b;
color: #ffffff;
padding: 16px 32px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.32px;
cursor: pointer;
}
.pi-landing-head .block-better-informed .u-mb-0 {
margin-bottom: 0;
}
.gdm-block-pi .block-description-pi {
text-align: center;
}
.gdm-block-pi .block-description-pi p {
margin-bottom: 20px;
font-family: Lora, Georgia, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #151529;
}
@media (min-width: 992px) {
.gdm-block-pi .block-description-pi p {
margin-bottom: 24px;
font-size: 18px;
line-height: 28px;
}
}
.gdm-block-pi .block-description-pi h4 {
color: #151529;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 125% */
letter-spacing: -0.16px;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.gdm-block-pi .block-description-pi h4 {
font-size: 18px;
line-height: 24px; /* 133.333% */
letter-spacing: -0.18px;
}
}
.gdm-block-pi .block-description-pi .block-pi-tags {
margin-bottom: 16px;
}
.gdm-block-pi .block-description-pi .block-pi-tags ul {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-left: 0;
list-style-type: none;
}
@media (min-width: 992px) {
.gdm-block-pi .block-description-pi .block-pi-tags ul {
display: flex;
justify-content: center;
align-items: center;
}
}
.gdm-block-pi .block-description-pi .block-pi-tags ul li {
margin-bottom: 12px;
}
@media (min-width: 992px) {
.gdm-block-pi .block-description-pi .block-pi-tags ul li {
list-style: none;
align-self: center;
margin-bottom: 0;
}
.gdm-block-pi .block-description-pi .block-pi-tags ul li:last-child {
list-style: disc;
margin-right: 0;
margin-left: 12px;
}
}
.gdm-block-pi .block-description-pi .block-pi-tags ul li a {
border: 1px solid #ff5d2b;
color: #ff5d2b;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
padding: 4px 12px;
border-radius: 2px;
display: block;
}
.gdm-block-pi .block-description-pi .block-pi-tags ul li a:hover {
color: #27274c;
}
.gdm-block-pi .gdm-pi-filter-result-grid {
display: grid;
grid-gap: 48px;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
position: relative;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-pi-filter-result-grid {
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
}
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure {
background-color: #ffffff;
position: relative;
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure img {
object-fit: cover;
height: 240px;
width: 100%;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure img {
height: 250px;
}
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption {
display: flex;
width: 248px;
padding: 12px 12px 0px 12px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 12px;
margin-left: 24px;
position: absolute;
bottom: 0;
background: #ffffff;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption {
width: 431px;
padding: 12px 12px 0px 12px;
}
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption h3 {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
letter-spacing: -0.18px;
color: #151529;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption h3 {
font-style: normal;
line-height: 30px; /* 125% */
letter-spacing: -0.24px;
}
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption p {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.024px;
color: #626262;
margin-bottom: 0;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption p {
font-size: 14px;
}
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption p a {
color: #ff5d2b;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.024px;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption p a {
font-size: 14px;
}
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption .find-out-more {
line-height: 1.8;
}
.gdm-block-pi .gdm-pi-filter-result-grid .filter-result-block figure figcaption .find-out-more.active a svg {
rotate: 180deg;
}
.gdm-block-pi .gdm-feature-2c-block-pi {
margin-bottom: 32px;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-feature-2c-block-pi .gdm-feature-pi {
padding-right: 24px;
align-self: center;
}
}
.gdm-block-pi .gdm-feature-2c-block-pi .gdm-feature-pi h3 {
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 125% */
letter-spacing: -0.24px;
color: #151529;
margin-bottom: 24px;
}
.gdm-block-pi .gdm-feature-2c-block-pi .gdm-feature-pi p {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
letter-spacing: -0.18px;
color: #626262;
margin-bottom: 24px;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-feature-2c-block-pi .gdm-feature-pi p {
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 136.364% */
letter-spacing: -0.22px;
}
}
.gdm-block-pi .gdm-feature-2c-block-pi .gdm-feature-pi p:last-child {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-feature-2c-block-pi .gdm-feature-pi p:last-child {
margin-bottom: 0px;
}
}
@media (min-width: 992px) {
.gdm-block-pi .gdm-feature-2c-block-pi .gdm-feature-img-pi {
padding-left: 24px;
}
}
.gdm-block-pi .modal {
padding: 1em;
max-width: 50ch;
}
.gdm-block-pi .modal > * {
margin: 0 0 0.5rem 0;
}
.gdm-block-pi .pi-modal {
position: absolute;
opacity: 0;
height: 0;
overflow: hidden;
z-index: -9999;
transition: opacity 0.3s ease-in-out;
background: white;
border: solid 1px #ddd;
position: absolute;
top: 17.5em;
left: -25px;
width: 100%;
min-width: 362px;
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal {
top: 15.6em;
}
}
.gdm-block-pi .pi-modal.active {
position: relative;
opacity: 1;
height: auto;
overflow: visible;
z-index: 9;
transition: opacity 0.3s ease-in-out;
padding: var(--edge-spacing);
margin-top: 20px;
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal.active .large-5 {
width: 43%;
}
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal {
width: 1238px;
margin-top: -2px;
background: white;
}
.gdm-block-pi .pi-modal:before {
content: "";
background: white;
display: block;
position: absolute;
left: -1px;
top: -21px;
width: 595px;
height: 21px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
}
@media (min-width: 1399px) {
.gdm-block-pi .pi-modal {
width: 1402px;
top: 13.6em;
}
.gdm-block-pi .pi-modal:before {
width: 677px;
}
}
.gdm-block-pi .pi-modal .block-data-driven {
display: none;
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal .block-data-driven {
display: block;
margin-right: 24px;
}
.gdm-block-pi .pi-modal .block-data-driven span {
display: inline-block;
}
.gdm-block-pi .pi-modal .block-data-driven span figure img {
max-width: 138px;
height: auto;
}
}
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven {
display: none;
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven {
display: block;
float: right;
width: 75%;
padding-left: 20px;
}
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven .tags {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 133.333% */
letter-spacing: 0.36px;
color: #151529;
}
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven .tags a {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px; /* 133.333% */
letter-spacing: 0.36px;
color: #151529;
}
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven h2 {
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 40px; /* 125% */
letter-spacing: -0.48px;
color: #151529;
margin-bottom: 8px;
margin-top: 8px;
}
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven p {
color: #626262;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 136.364% */
letter-spacing: -0.22px;
}
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven button {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.32px;
color: #ffffff;
padding: 16px;
background-color: #ff5d2b;
cursor: pointer;
width: 380px;
margin-top: 32px;
}
.gdm-block-pi .pi-modal .block-data-driven .power-data-driven button:hover {
background-color: #cb653a;
}
}
.gdm-block-pi .pi-modal .block-points-reports ul {
margin-left: 0;
}
.gdm-block-pi .pi-modal .block-points-reports ul li {
list-style: none;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.024px;
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal .block-points-reports ul li {
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 136.364% */
letter-spacing: -0.22px;
}
}
.gdm-block-pi .pi-modal .block-points-reports ul li svg {
width: 24px;
height: 24px;
margin-right: 12px;
position: relative;
top: 7px;
}
.gdm-block-pi .pi-modal .block-points-reports .ewa-rteLine {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.024px;
margin-bottom: 3px;
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal .block-points-reports .ewa-rteLine {
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 136.364% */
letter-spacing: -0.22px;
}
}
.gdm-block-pi .pi-modal .block-points-reports button {
display: block;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.32px;
color: #ffffff;
padding: 16px;
background-color: #ff5d2b;
cursor: pointer;
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal .block-points-reports button button {
display: none;
}
}
@media (min-width: 992px) {
.gdm-block-pi .pi-modal .block-points-reports {
margin-left: 26px;
}
.gdm-block-pi .pi-modal .block-points-reports button {
display: none;
}
}
.gdm-block-pi .close-modal {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 9999;
text-indent: -999px;
color: #fff;
}
.gdm-block-pi .close-modal::before {
content: "";
background-image: url(/wp-content/themes/goodlife-wp-B2B/assets/images/icons/Delete-Close.svg);
height: 20px;
width: 20px;
display: block;
background-repeat: no-repeat;
}
.gdm-block-pi .tag-box {
text-align: center;
margin-bottom: 12px;
}
.gdm-block-pi .tag-box .tag-box-item {
border: 1px solid #ff5d2b;
color: #ff5d2b;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
padding: 4px 12px;
border-radius: 2px;
display: inline-block;
}
.gdm-block-pi .tag-box .tag-box-item:hover {
color: #cb653a;
}
.gdm-block-pi .tag-box #tag-box-button {
border: 1px solid #ff5d2b;
color: #ff5d2b;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
padding: 4px 12px;
border-radius: 2px;
display: inline-block;
}
.gdm-block-pi .tag-box #tag-box-button:hover {
color: #27274c;
}
.gdm-block-pi .tag-box span {
font-size: 20px;
color: #27274c;
}
.gdm-pi-right header h2 {
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
letter-spacing: -0.18px;
}
.gdm-pi-right .brand-orange-button a {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.32px;
color: #ffffff;
padding: 16px;
background-color: #ff5d2b;
}
.gdm-pi-right .brand-orange-button a:hover {
background-color: #ff5d2b;
}
.list-article-gdmm-pi article h4 a svg {
color: #151529;
}
.block-gdm-data {
margin-bottom: 32px;
}
.block-gdm-data h2 {
color: #151529;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 133.333% */
letter-spacing: -0.18px;
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.block-gdm-data h2 {
font-size: 24px;
line-height: 30px; /* 125% */
letter-spacing: -0.24px;
margin-top: 0px;
margin-bottom: 32px;
}
}
.block-gdm-data .gdm-quick-view-data {
border: 1px solid #151529;
}
.block-gdm-data .gdm-quick-view-data .left-block {
background-color: #151529;
display: flex;
}
.block-gdm-data .gdm-quick-view-data .left-block p {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 123.077% */
letter-spacing: -0.26px;
padding: 12px;
color: #ffffff;
margin-bottom: 0;
align-self: center;
}
.block-gdm-data .gdm-quick-view-data .right-block {
border-bottom: 1px solid #dbdbdb;
padding-left: 12px;
padding-right: 12px;
display: flex;
padding-top: 12px;
padding-bottom: 12px;
}
.block-gdm-data .gdm-quick-view-data .right-block ul {
width: 100%;
margin-bottom: 0;
margin-left: 12px;
align-self: center;
}
.block-gdm-data .gdm-quick-view-data .right-block ul li {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 169.231% */
letter-spacing: -0.26px;
font-family: atlas, "Helvetica Neue", helvetica, sans-serif;
}
.find-out-more-modal-active-1 .filter-result-block:nth-child(1) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-2 .filter-result-block:nth-child(2) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-3 .filter-result-block:nth-child(3) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-4 .filter-result-block:nth-child(4) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-5 .filter-result-block:nth-child(5) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-6 .filter-result-block:nth-child(6) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-7 .filter-result-block:nth-child(7) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-8 .filter-result-block:nth-child(8) figure figcaption .find-out-more a svg,
.find-out-more-modal-active-9 .filter-result-block:nth-child(9) figure figcaption .find-out-more a svg {
rotate: 180deg;
}
.find-out-more-modal-active-1 .filter-result-block:nth-child(1) .pi-modal,
.find-out-more-modal-active-2 .filter-result-block:nth-child(2) .pi-modal,
.find-out-more-modal-active-3 .filter-result-block:nth-child(3) .pi-modal,
.find-out-more-modal-active-4 .filter-result-block:nth-child(4) .pi-modal,
.find-out-more-modal-active-5 .filter-result-block:nth-child(5) .pi-modal,
.find-out-more-modal-active-6 .filter-result-block:nth-child(6) .pi-modal,
.find-out-more-modal-active-7 .filter-result-block:nth-child(7) .pi-modal,
.find-out-more-modal-active-8 .filter-result-block:nth-child(8) .pi-modal,
.find-out-more-modal-active-9 .filter-result-block:nth-child(9) .pi-modal {
position: relative;
opacity: 1;
height: auto;
overflow: visible;
z-index: 9;
transition: opacity 0.3s ease-in-out;
padding: var(--edge-spacing);
margin-top: 20px;
}
@media (min-width: 992px) {
.find-out-more-modal-active-1 .filter-result-block:nth-child(1) .pi-modal .large-5,
.find-out-more-modal-active-2 .filter-result-block:nth-child(2) .pi-modal .large-5,
.find-out-more-modal-active-3 .filter-result-block:nth-child(3) .pi-modal .large-5,
.find-out-more-modal-active-4 .filter-result-block:nth-child(4) .pi-modal .large-5,
.find-out-more-modal-active-5 .filter-result-block:nth-child(5) .pi-modal .large-5,
.find-out-more-modal-active-6 .filter-result-block:nth-child(6) .pi-modal .large-5,
.find-out-more-modal-active-7 .filter-result-block:nth-child(7) .pi-modal .large-5,
.find-out-more-modal-active-8 .filter-result-block:nth-child(8) .pi-modal .large-5,
.find-out-more-modal-active-9 .filter-result-block:nth-child(9) .pi-modal .large-5 {
width: 43%;
}
}
@media (min-width: 992px) {
.filter-result-block:nth-child(even) .pi-modal {
left: -667px;
}
.filter-result-block:nth-child(even) .pi-modal::before {
width: 594px;
left: 643px;
}
}
@media (min-width: 1399px) {
.filter-result-block:nth-child(even) .pi-modal {
left: -749px;
}
.filter-result-block:nth-child(even) .pi-modal::before {
width: 678px;
left: 723px;
}
}
.gdm-pm-nooverflow {
overflow: hidden;
}
.pi-reports-categories .report {
padding-bottom: 20px;
border-bottom: solid 1px #ddd;
margin-bottom: 20px;
position: relative;
}
.pi-reports-categories .report .report-cover-container {
background: #f3f3f1;
padding: var(--edge-spacing-px) 0 var(--form-spacing) 0;
text-align: center;
}
.pi-reports-categories .report .report-cover-container figure {
width: 117px;
margin: 0 auto;
}
.pi-reports-categories .report .article-text h2 {
font-size: var(--h2-subhead);
margin: 0 0 var(--h2-subhead-margin) 0;
}
.pi-reports-categories .report .article-text .actions {
display: flex;
}
.pi-reports-categories .report .article-text .actions .find-out-more,
.pi-reports-categories .report .article-text .actions .button a,
.pi-reports-categories .report .article-text .actions .show-less {
margin-bottom: 0;
}
.pi-reports-categories .report .article-text .actions .find-out-more:after,
.pi-reports-categories .report .article-text .actions .button a:after,
.pi-reports-categories .report .article-text .actions .show-less:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.pi-reports-categories .report .article-text .actions .find-out-more,
.pi-reports-categories .report .article-text .actions .show-less {
color: #151529;
cursor: pointer;
}
.pi-reports-categories .report .article-text .actions .find-out-more:after,
.pi-reports-categories .report .article-text .actions .show-less:after {
background-image: url("../img/icons/chevron-down.svg");
}
.pi-reports-categories .report .article-text .actions .button {
margin: 0;
}
.pi-reports-categories .report .article-text .actions .button a {
background: none;
color: #ff5d2b;
padding: 0;
font-size: 1em;
}
.pi-reports-categories .report .article-text .actions .button a:after {
background-image: url("../img/icons/external_link.svg");
filter: invert(59%) sepia(47%) saturate(6301%) hue-rotate(340deg) brightness(101%) contrast(108%);
width: 13px;
}
.pi-reports-categories .report .article-text .actions .button a:before {
content: " | ";
margin-left: 13px;
margin-right: 7px;
color: #ddd;
}
.pi-reports-categories .report .article-text .actions .show-less {
display: none;
}
.pi-reports-categories .report .article-text .actions .show-less:after {
transform: rotate(180deg);
}
@media (max-width: 768px) {
.pi-reports-categories .report .article-text h2 {
margin-top: 12px;
}
}
.pi-reports-categories .report .article-text .included-in-these-reports {
position: absolute;
opacity: 0;
height: 0;
overflow: hidden;
z-index: -9999;
transition: opacity 0.3s ease-in-out;
}
.pi-reports-categories .report .article-text .included-in-these-reports h3 {
font-size: 18px;
}
.pi-reports-categories .report .article-text .included-in-these-reports .show-less {
cursor: pointer;
}
.pi-reports-categories .report .article-text .included-in-these-reports .show-less:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.pi-reports-categories .report .article-text .included-in-these-reports .show-less:after {
background-image: url("../img/icons/chevron-down.svg");
transform: rotate(180deg);
}
.pi-reports-categories .report .article-text .included-in-these-reports .close-cross {
filter: invert(37%) sepia(0%) saturate(1215%) hue-rotate(199deg) brightness(99%) contrast(85%);
position: absolute;
right: 10px;
top: 10px;
display: none;
}
.pi-reports-categories .report.show-all-text .article-text .actions {
display: block;
}
.pi-reports-categories .report.show-all-text .article-text .actions .find-out-more {
display: none;
}
.pi-reports-categories .report.show-all-text .article-text .actions .button {
display: block;
text-align: center;
margin: 24px;
}
.pi-reports-categories .report.show-all-text .article-text .actions .button a {
background: #ff5d2b;
color: white;
padding: 0.9rem 2.4rem;
font-size: 1em;
margin: 0 auto;
display: inline-block;
}
.pi-reports-categories .report.show-all-text .article-text .actions .button a:before {
display: none;
}
.pi-reports-categories .report.show-all-text .article-text .actions .button a:after {
filter: none;
margin-left: 0.9rem;
}
.pi-reports-categories .report.show-all-text .article-text .actions .show-less {
font-size: 14px;
}
.pi-reports-categories .report.show-all-text .article-text .included-in-these-reports {
position: relative;
opacity: 1;
height: auto;
overflow: visible;
z-index: 9;
transition: opacity 0.3s ease-in-out;
}
.pi-reports-categories .report.show-all-text .article-text .included-in-these-reports .show-less {
display: block;
margin: 8px 0 0 0;
font-size: 14px;
}
@media (min-width: 992px) {
.pi-reports-categories .grid-x {
margin: 0 -24px;
}
.pi-reports-categories .grid-x .report-container {
padding-bottom: 32px;
margin-bottom: 32px;
position: relative;
}
.pi-reports-categories .grid-x .report-container:after {
content: "";
border-bottom: solid 1px #ddd;
position: absolute;
left: 24px;
right: 24px;
bottom: 0;
display: block;
}
.pi-reports-categories .grid-x .report-container:nth-last-child(1), .pi-reports-categories .grid-x .report-container:nth-last-child(2) {
padding-bottom: 0;
margin-bottom: 0;
}
.pi-reports-categories .grid-x .report-container:nth-last-child(1):after, .pi-reports-categories .grid-x .report-container:nth-last-child(2):after {
display: none;
}
.pi-reports-categories .grid-x .report-container:nth-of-type(odd):after {
right: 0;
}
.pi-reports-categories .grid-x .report-container:nth-of-type(odd) .report {
border-right: solid 1px #ddd;
}
.pi-reports-categories .grid-x .report-container:nth-of-type(even):after {
left: 0;
}
.pi-reports-categories .grid-x .report-container .report {
margin: 0;
padding: 0px 24px;
border: none;
}
.pi-reports-categories .grid-x .report-container .report .grid-x {
margin: 0;
flex-direction: row-reverse;
}
.pi-reports-categories .grid-x .report-container .report .grid-x .report-cover-container figure {
width: 139px;
}
.pi-reports-categories .grid-x .report-container .report .grid-x .article-text {
padding-right: 16px;
}
.pi-reports-categories .grid-x .report-container .report .grid-x .article-text .included-in-these-reports {
position: absolute;
top: 0;
right: 24px;
bottom: 0;
background: rgba(243, 243, 241, 0.95);
width: 46.7%;
padding: 16px;
}
.pi-reports-categories .grid-x .report-container .report .grid-x .article-text .included-in-these-reports .close-cross {
display: block;
}
.pi-reports-categories .grid-x .report-container .report .grid-x .article-text .included-in-these-reports ul.orange-ticks {
color: black;
}
.pi-reports-categories .grid-x .report-container .report.show-all-text .actions .button {
text-align: left;
margin: 24px 0;
}
.pi-reports-categories .grid-x .report-container .report.show-all-text .actions .show-less {
display: block;
}
.pi-reports-categories .grid-x .report-container .report.show-all-text .grid-x .article-text .included-in-these-reports .show-less {
display: none;
}
}
.button-white {
background-color: #ffffff;
border: 2px solid #373997;
color: #373997;
padding: 0.6em 2em;
font-size: 1.8em;
cursor: pointer;
}
.button-white:hover {
background-color: #373997;
border: 2px solid #373997;
color: #ffffff;
}
.about-premium-insights {
position: relative;
z-index: 999;
}
.about-premium-insights h5 {
color: #27274c;
font: 500 14px/24px atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: -0.14px;
margin-top: 12px;
margin-bottom: 4px;
}
.about-premium-insights h5 svg {
position: relative;
top: 2px;
}
.about-premium-insights p {
font: 14px/normal atlas, "Helvetica Neue", helvetica, sans-serif;
margin-bottom: 0;
}
.about-premium-insights .find-out-more {
margin-top: 12px;
margin-bottom: 0;
font: 500 14px atlas, "Helvetica Neue", helvetica, sans-serif;
letter-spacing: 0.024px;
}
.about-premium-insights .find-out-more a {
color: #ff5d2b;
text-decoration: none;
}
@media (min-width: 992px) {
.about-premium-insights .find-out-more a {
font-size: 14px;
}
}
.about-premium-insights .find-out-more a svg {
rotate: 270deg;
}
.gdm-premium-insights-banner header {
position: relative;
z-index: 9;
}
.gdm-premium-insights-banner header h2 {
font-size: 18px;
line-height: 1.333;
}
.gdm-premium-insights-banner .content {
position: relative;
z-index: 9;
}
.gdm-premium-insights-banner .content figure {
text-align: center;
margin-bottom: 12px;
}
.gdm-premium-insights-banner .content figure img {
margin: 0 0 8px 8px;
box-shadow: -8px 8px 0px 0px #000000;
position: relative;
left: 8px;
width: 92%;
max-width: 100px;
}
@media (max-width: 768px) {
.gdm-premium-insights-banner .content figure img {
margin: 0 0 3px 3px;
box-shadow: -3px 3px 0px 0px #000000;
position: relative;
left: 3px;
width: 97%;
}
}
.gdm-premium-insights-banner .content h2,
.gdm-premium-insights-banner .content h3 {
font-family: "Atlas";
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.01em;
text-align: left;
margin: 0;
}
.gdm-premium-insights-banner .content h2 small,
.gdm-premium-insights-banner .content h3 small {
display: block;
font-size: 12px;
margin-bottom: 4px;
}
.gdm-premium-insights-banner .content h2 small a,
.gdm-premium-insights-banner .content h3 small a {
color: #626262;
}
.gdm-premium-insights-banner .content h2 a,
.gdm-premium-insights-banner .content h3 a {
text-decoration: none !important;
}
.gdm-premium-insights-banner .content h2.heading {
font-size: 24px;
line-height: 28px;
}
.gdm-premium-insights-banner .content .cta {
margin: 12px 0 0 0;
text-align: center;
}
.gdm-premium-insights-banner .content .cta a {
display: block;
font: 16px/1 atlas, "Helvetica Neue", helvetica, sans-serif;
text-decoration: none;
color: white;
padding: 16px;
background: #ff5d2b;
}
.gdm-premium-insights-banner .content .cta a:after {
background: url("../img/icon_external_link_white.png") no-repeat;
background-size: 100%;
position: relative;
top: -1px;
}
.gdm-comment-article .gdm-article-header p {
font-size: var(--standfirst);
color: #151529;
}
.gdm-comment-article .gdm-article-header .article-meta {
font-size: var(--small-text);
display: flex;
align-items: center;
}
.gdm-comment-article .gdm-article-header .article-meta .article-author {
position: relative;
padding-right: 0.7em;
margin-right: var(--author-spacing);
}
.gdm-comment-article .gdm-article-header .article-meta .article-author:after {
content: "";
border-right: solid 1px #dbdbdb;
position: absolute;
right: 0;
top: 0em;
bottom: 0;
}
.gdm-comment-article .gdm-article-header .article-meta .article-author a {
color: #151529;
}
.gdm-comment-article .gdm-article-header .article-meta .article-date {
margin-left: auto;
font-size: 12px;
color: #626262;
}
.gdm-comment-article .gdm-article-header .article-meta .article-date time {
color: #151529;
}
.gdm-comment-article .gdm-article-header .article-meta.with-image figure {
display: inline-block;
margin-right: var(--edge-spacing-small-fixed);
}
.gdm-comment-article .gdm-article-header .article-meta.with-image figure.round {
width: var(--author-image);
height: var(--author-image);
border-radius: 100%;
overflow: hidden;
margin-right: var(--author-spacing);
position: relative;
}
.gdm-comment-article .gdm-article-header .article-meta.with-image figure.logo {
position: relative;
padding-right: 0.7em;
margin-right: var(--author-spacing);
height: 18px;
}
.gdm-comment-article .gdm-article-header .article-meta.with-image figure.logo:after {
content: "";
border-right: solid 1px #dbdbdb;
position: absolute;
right: 0;
top: 0em;
bottom: 0;
}
.gdm-comment-article .gdm-article-header .article-meta.with-image figure.logo img {
max-height: 100%;
position: relative;
top: -1px;
}
@media (min-width: 992px) {
.gdm-comment-article .gdm-article-header .article-meta.with-image figure.logo img {
top: -2px;
}
}
.gdm-opinion-article .gdm-article-header h1 a {
color: #373997;
position: relative;
padding-right: 11px;
margin-right: 8px;
}
@media (min-width: 992px) {
.gdm-opinion-article .gdm-article-header h1 a {
padding-right: 14px;
margin-right: 11px;
}
}
.gdm-opinion-article .gdm-article-header h1 a:after {
content: "";
border-right: solid 1px #151529;
position: absolute;
right: 0;
top: 0.2em;
bottom: 0;
}
.gdm-opinion-article .gdm-article-header .article-meta {
font-size: var(--small-text);
display: flex;
align-items: center;
}
.gdm-opinion-article .gdm-article-header .article-meta .article-author {
position: relative;
padding-right: 0.7em;
margin-right: var(--author-spacing);
}
.gdm-opinion-article .gdm-article-header .article-meta .article-author:after {
content: "";
border-right: solid 1px #dbdbdb;
position: absolute;
right: 0;
top: 0em;
bottom: 0;
}
.gdm-opinion-article .gdm-article-header .article-meta .article-author a {
color: #151529;
}
.gdm-opinion-article .gdm-article-header .article-meta .article-date {
margin-left: auto;
font-size: 12px;
color: #626262;
}
.gdm-opinion-article .gdm-article-header .article-meta .article-date time {
color: #151529;
}
.gdm-opinion-article .gdm-article-header .article-meta.with-image figure {
display: inline-block;
margin-right: var(--edge-spacing-small-fixed);
}
.gdm-opinion-article .gdm-article-header .article-meta.with-image figure.round {
width: var(--author-image);
height: var(--author-image);
border-radius: 100%;
overflow: hidden;
margin-right: var(--author-spacing);
position: relative;
}
.gdm-opinion-article .gdm-article-header .article-meta.with-image figure.logo {
position: relative;
padding-right: 0.7em;
margin-right: var(--author-spacing);
height: 18px;
}
.gdm-opinion-article .gdm-article-header .article-meta.with-image figure.logo:after {
content: "";
border-right: solid 1px #dbdbdb;
position: absolute;
right: 0;
top: 0em;
bottom: 0;
}
.gdm-opinion-article .gdm-article-header .article-meta.with-image figure.logo img {
max-height: 100%;
position: relative;
top: -1px;
}
@media (min-width: 992px) {
.gdm-opinion-article .gdm-article-header .article-meta.with-image figure.logo img {
top: -2px;
}
}
/* _gdm-sidebar-article-list.scss start */
/* _gdm-sidebar-article-list.scss end */
.gdm-orange-banner {
background: #fff5f2;
padding: 12px;
overflow: hidden;
position: relative;
}
.gdm-orange-banner:before {
content: "";
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/premium-insights/premium_insights_banner_bg.svg") no-repeat;
width: 1700px;
height: 800px;
background-size: 100%;
position: absolute;
left: -500%;
bottom: 0;
opacity: 0.05;
}
@media only screen and (min-width: 62em) {
.sidebar .widget {
margin-bottom: 3.2em;
}
}
.sidebar .widget h3 {
border-top: solid 4px #373997;
font-size: 18px;
padding: 8px 0 12px 0;
border-bottom: solid 1px #ddd;
margin-bottom: 16px;
}
.sidebar .widget.gdm-sidebar-article-list ul {
list-style: none;
}
.sidebar .widget.gdm-sidebar-article-list ul li {
padding-bottom: 1.2em;
border-bottom: solid 1px #ddd;
margin-bottom: 1.2em;
}
.sidebar .widget.gdm-sidebar-article-list ul li h4 {
font-size: 14px;
margin: 0;
}
.sidebar .widget.gdm-sidebar-article-list ul li .byline {
font-size: 10px;
margin: 8px 0 0 0;
}
.sidebar .widget.gdm-recommended-reports {
border-top: solid 4px #373997;
padding-top: 8px;
margin-bottom: 32px;
}
.sidebar .widget.gdm-recommended-reports h3 {
color: #27274c;
line-height: 24px;
border-top: none;
padding: 0 0 12px 0;
}
.sidebar .widget.gdm-recommended-reports ul {
padding: 0;
margin: 0;
position: relative;
z-index: 9;
}
.sidebar .widget.gdm-recommended-reports ul li {
border-bottom: solid 1px #ddd;
margin: 0 auto;
width: 100%;
padding-bottom: 12px;
margin-bottom: 12px;
flex-wrap: nowrap;
}
.sidebar .widget.gdm-recommended-reports ul li .small-2 {
width: 20%;
border: none;
padding: 0 10px 0 0;
margin-bottom: 0;
}
.sidebar .widget.gdm-recommended-reports ul li .small-2 figure {
margin: 0 0 3px 3px;
box-shadow: -3px 3px 0px 0px #000000;
position: relative;
left: 3px;
width: 97%;
}
@media (min-width: 768px) {
.sidebar .widget.gdm-recommended-reports ul li .small-2 {
padding: 0 5px 0 0;
width: 25%;
}
}
.sidebar .widget.gdm-recommended-reports ul li .details {
width: 80%;
padding-left: 10px;
padding-right: 0;
}
@media (min-width: 768px) {
.sidebar .widget.gdm-recommended-reports ul li .details {
width: 75%;
}
}
.sidebar .widget.gdm-recommended-reports ul li .details a {
text-decoration: none;
}
.sidebar .widget.gdm-recommended-reports ul li .details .category {
font: 500 12px/12px atlas, "Helvetica Neue", helvetica, sans-serif;
margin-bottom: 4px;
}
.sidebar .widget.gdm-recommended-reports ul li .details .category a {
color: #373997;
display: block;
}
.sidebar .widget.gdm-recommended-reports ul li .details h4 {
font: 500 14px/20px atlas, "Helvetica Neue", helvetica, sans-serif;
margin: 0;
padding: 0;
}
.sidebar .widget.gdm-recommended-reports ul li .details .byline {
font-size: 10px;
}
.sidebar .widget.gdm-recommended-reports .view-all {
font-size: 14px;
font-weight: 500;
}
.sidebar .widget.gdm-recommended-reports .view-all a {
text-decoration: underline;
color: #373997;
}
.sidebar .widget.gdm-recommended-reports .view-all a:after {
width: 12px;
height: 12px;
top: 0px;
}
.sidebar .widget.gdm-pi-recommended-reports {
border-top: solid 4px #ff5d2b;
}
.sidebar .widget.gdm-pi-recommended-reports ul li .details .category a:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.sidebar .widget.gdm-pi-recommended-reports ul li .details .category a:after {
background-image: url("../img/icons/external_link_black.svg");
filter: invert(20%) sepia(19%) saturate(6707%) hue-rotate(223deg) brightness(94%) contrast(87%);
float: right;
width: 12px;
top: 1px;
margin-right: 0;
}
.sidebar .widget.gdm-latest-supplements ul li .details {
padding-left: 0;
width: 66.66%;
padding-right: 10px;
}
.sidebar .widget.gdm-rankings-media-pack-banner {
background: #f3f3f1;
padding: 24px 12px 12px 12px;
}
.sidebar .widget.gdm-rankings-media-pack-banner .content .cta {
display: block;
}
.sidebar .widget.gdm-rankings-media-pack-banner .content .cta a {
background: #373997;
}
.gdm-sidebar .gdm-widget {
margin-bottom: 2em;
}
@media only screen and (min-width: 62em) {
.gdm-sidebar .gdm-widget {
margin-bottom: 3.2em;
}
}
.gdm-sidebar .gdm-widget h3 {
border-top: solid 4px #373997;
font-size: 18px;
padding: 8px 0 12px 0;
border-bottom: solid 1px #ddd;
margin-bottom: 16px;
}
.gdm-sidebar .gdm-widget.gdm-sidebar-article-list ul {
list-style: none;
}
.gdm-sidebar .gdm-widget.gdm-sidebar-article-list ul li {
padding-bottom: 1.2em;
border-bottom: solid 1px #ddd;
margin-bottom: 1.2em;
}
.gdm-sidebar .gdm-widget.gdm-sidebar-article-list ul li h4 {
font-size: 14px;
margin: 0;
}
.gdm-sidebar .gdm-widget.gdm-sidebar-article-list ul li .byline {
font-size: 10px;
margin: 8px 0 0 0;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports {
border-top: solid 4px #373997;
padding-top: 8px;
margin-bottom: 32px;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports h3 {
color: #27274c;
line-height: 24px;
border-top: none;
padding: 0 0 12px 0;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul {
padding: 0;
margin: 0;
position: relative;
z-index: 9;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li {
border-bottom: solid 1px #ddd;
margin: 0 auto;
width: 100%;
padding-bottom: 12px;
margin-bottom: 12px;
flex-wrap: nowrap;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .small-2 {
width: 20%;
border: none;
padding: 0 10px 0 0;
margin-bottom: 0;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .small-2 figure {
margin: 0 0 3px 3px;
box-shadow: -3px 3px 0px 0px #000000;
position: relative;
left: 3px;
width: 97%;
}
@media (min-width: 768px) {
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .small-2 {
padding: 0 5px 0 0;
width: 25%;
}
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .details {
width: 80%;
padding-left: 10px;
padding-right: 0;
}
@media (min-width: 768px) {
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .details {
width: 75%;
}
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .details a {
text-decoration: none;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .details .category {
font: 500 12px/12px atlas, "Helvetica Neue", helvetica, sans-serif;
margin-bottom: 4px;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .details .category a {
color: #373997;
display: block;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .details h4 {
font: 500 14px/20px atlas, "Helvetica Neue", helvetica, sans-serif;
margin: 0;
padding: 0;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports ul li .details .byline {
font-size: 10px;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports .view-all {
font-size: 14px;
font-weight: 500;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports .view-all a {
text-decoration: underline;
color: #373997;
}
.gdm-sidebar .gdm-widget.gdm-recommended-reports .view-all a:after {
width: 12px;
height: 12px;
top: 0px;
}
.gdm-sidebar .gdm-widget.gdm-pi-recommended-reports {
border-top: solid 4px #ff5d2b;
}
.gdm-sidebar .gdm-widget.gdm-pi-recommended-reports ul li .details .category a:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.gdm-sidebar .gdm-widget.gdm-pi-recommended-reports ul li .details .category a:after {
background-image: url("../img/icons/external_link_black.svg");
filter: invert(20%) sepia(19%) saturate(6707%) hue-rotate(223deg) brightness(94%) contrast(87%);
float: right;
width: 12px;
top: 1px;
margin-right: 0;
}
.gdm-sidebar .gdm-widget.gdm-latest-supplements ul li .details {
padding-left: 0;
width: 66.66%;
padding-right: 10px;
}
.gdm-sidebar .gdm-widget.gdm-rankings-media-pack-banner {
background: #f3f3f1;
padding: 24px 12px 12px 12px;
}
.gdm-sidebar .gdm-widget.gdm-rankings-media-pack-banner .content .cta {
display: block;
}
.gdm-sidebar .gdm-widget.gdm-rankings-media-pack-banner .content .cta a {
background: #373997;
}
@media (min-width: 992px) {
.gdm-sidebar {
margin-left: auto;
max-width: 240px;
}
}
.gdm-company-profile-unit__container {
border-top: 0.25rem solid #ff5d2b;
}
.gdm-company-profile-unit__container .gdm-global-data-logo__container img {
margin: auto;
display: inherit;
}
.gdm-company-profile-unit__heading {
text-align: center;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__heading {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 1.875rem; /* 125% */
letter-spacing: -0.015rem;
}
}
.gdm-company-profile-unit__sub-heading {
color: #151529;
text-align: center;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__sub-heading {
margin-top: 0.25rem !important;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.01125rem;
}
}
.gdm-company-profile-unit__button {
width: fit-content;
margin: 1rem auto;
background-color: #ff5d2b;
padding: 1rem 2rem;
color: #ffffff;
display: flex;
position: relative;
}
.gdm-company-profile-unit__button > a {
color: #ffffff;
text-decoration: none !important;
}
.gdm-company-profile-unit__button::after {
content: "";
width: 1.5rem;
height: 1.5rem;
display: block;
position: absolute;
background: url("./../images/icons/offsite.svg");
top: 0.75rem;
right: 0.3125rem;
background-repeat: no-repeat;
}
.gdm-company-profile-unit__profile-container {
display: flex;
margin-top: 1rem;
background-color: #f3f3f1;
flex-direction: row-reverse;
position: relative;
padding: 0.75rem;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__profile-container {
padding: 2rem;
gap: 2rem;
flex-direction: row;
}
}
.gdm-company-profile-unit__image-container {
max-width: 3.3125rem;
max-height: 4.5rem;
position: absolute;
top: 0.75rem;
right: remcalc(12px);
}
.gdm-company-profile-unit__image-container img {
width: 100%;
height: 100%;
position: relative;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__image-container {
flex: 0 0 30%;
max-width: 8.625rem;
max-height: 11.875rem;
position: relative;
}
}
.gdm-company-profile-unit__image-container::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -0.3em;
bottom: -0.3em;
background: #27274c;
}
.gdm-company-profile-unit__form {
margin-top: 1.25rem;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__form {
margin-top: 2.5rem;
}
}
.gdm-company-profile-unit__form-container {
max-width: 100%;
width: 100%;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__form-container {
flex: 0 0 70%;
}
}
.gdm-company-profile-unit__form-container .form-input__container {
margin-bottom: 1.5rem !important;
}
.gdm-company-profile-unit__form-container .form-select__container {
margin-bottom: 1.5rem !important;
}
.gdm-company-profile-unit__form-container .form-submit__button {
margin-left: 0;
margin-top: 0;
max-width: fit-content;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__form-excerpt {
color: #151529;
font-size: 0.75rem;
font-style: normal;
font-weight: 500;
line-height: 1rem; /* 133.333% */
letter-spacing: 0.0225rem;
}
}
.gdm-company-profile-unit__form-heading {
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.01125rem;
max-width: 14rem;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__form-heading {
color: #151529;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.875rem; /* 125% */
letter-spacing: -0.015rem;
max-width: none;
}
}
.gdm-company-profile-unit__form-sub-heading {
display: none;
}
@media (min-width: 768px) {
.gdm-company-profile-unit__form-sub-heading {
display: block;
margin-top: 0 !important;
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1rem !important;
}
}
.form__input {
background-color: #ffffff;
}
.form__input::placeholder {
color: #626262;
}
.form__input + small {
display: block;
margin-top: 0.25rem;
font-size: 0.75rem;
color: #eb0000;
}
.form__select {
background-color: #ffffff;
position: relative;
background: url("./../img/icon_arrow_purple_down.png");
background-repeat: no-repeat;
background-size: 1.25rem;
background-position: right 0.3125rem center;
background-color: #ffffff;
}
.form > option:first-child {
display: none;
}
.form + small {
display: block;
margin-top: 0.25rem;
font-size: 0.75rem;
color: #eb0000;
}
.form-consent__container {
display: flex;
margin: 7px 0 !important;
justify-content: flex-start;
align-items: flex-start;
gap: 5px;
}
.form-consent__container > input.error-checkbox::after {
border: 0.0625rem solid #eb0000;
}
.form-consent__container > label {
margin-left: 0.5rem;
}
#form-thank-you-container {
display: none;
margin-top: 0.5rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem; /* 133.333% */
letter-spacing: -0.01125rem;
}
#form-thank-you-container h2 {
margin-bottom: rem-calc(12px);
}
@media (min-width: 768px) {
#form-thank-you-container h2 {
margin-bottom: rem-calc(16px);
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 1.875rem; /* 125% */
letter-spacing: -0.015rem;
}
}
#form-thank-you-container p {
color: #626262;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.reveal-form__wrapper {
display: none;
}
.reveal-form__wrapper.active {
display: block;
}
#reveal-form-btn {
max-height: 2.5rem;
margin: 0;
padding: 1rem 2rem;
line-height: 0;
}
.reveal-form-btn__wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
position: relative;
}
.reveal-form-btn__wrapper.active {
display: block;
}
@media (min-width: 768px) {
.reveal-form-btn__wrapper {
flex-direction: row;
flex-wrap: nowrap;
}
}
.reveal-form-btn__wrapper > input {
max-width: 100%;
}
.reveal-form-btn__wrapper > input + small {
position: absolute;
bottom: -0.625rem;
}
@media (max-width: 768px) {
.reveal-form-btn__wrapper > input + small {
position: relative;
bottom: 0.625rem;
}
}
@media (min-width: 768px) {
.reveal-form-btn__wrapper > input {
flex: 0 0 70%;
}
.reveal-form-btn__wrapper > input.active {
flex: 0 0 100%;
}
.reveal-form-btn__wrapper > input.active + small {
position: relative;
bottom: 0;
}
}
.reveal-form-btn__wrapper > button {
max-width: fit-content;
}
.captcha__container {
overflow: hidden;
margin-top: 0.5rem !important;
}
.gdm_awards-company-header .grid-x .company-logo figure {
box-shadow: -12px 12px 0px 0px #626262;
background: white;
padding: 24px;
}
@media (min-width: 992px) {
.gdm_awards-company-header .grid-x {
flex-direction: row-reverse;
}
.gdm_awards-company-header .grid-x .company-logo figure {
margin-top: -70px;
}
}
@media (max-width: 768px) {
.gdm_awards-company-header .grid-x .company-logo {
padding: 10px 30px 30px 30px;
}
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x h3 {
font-size: 18px;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x p, .gdm_awards-company-main .grid-x.two-columns .company-details .grid-x ul {
font-size: 14px;
line-break: anywhere;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x ul {
list-style: none;
margin: 0;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x .emblem {
padding-left: 30px;
}
@media (max-width: 768px) {
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x .emblem {
border-top: solid 1px #ddd;
padding: 12px 0 0 0;
margin-top: 12px;
text-align: center;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x .emblem img {
width: 160px;
}
}
@media (min-width: 992px) {
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x {
padding-bottom: 35px;
border-bottom: solid 1px #ddd;
}
}
.gdm_awards-company-main .grid-x.two-columns .overview {
padding-bottom: var(--edge-spacing);
border-bottom: solid 1px #ddd;
}
.gdm_awards-company-main .company-features footer {
text-align: center;
}
.gdm-slideshow {
position: relative;
overflow: hidden;
}
.gdm-slideshow ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.gdm-slideshow ul.slides {
position: relative;
width: 10000%;
transition: margin-left 0.3s ease-in-out;
}
.gdm-slideshow ul.slides li {
display: inline-block;
float: left;
vertical-align: top;
}
.gdm-slideshow ul.slides li img {
width: 100%;
}
@media (max-width: 768px) {
.gdm-slideshow ul.slides {
height: 300px !important;
}
}
.gdm-slideshow ul.arrows {
position: absolute;
width: 100%;
top: 50%;
margin-top: -20px;
z-index: 99;
left: 0;
right: 0;
padding: 0;
}
.gdm-slideshow ul.arrows li {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
width: 40px;
height: 40px;
background: #373997;
cursor: pointer;
}
.gdm-slideshow ul.arrows li:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.gdm-slideshow ul.arrows li:after {
background-image: url("../img/icons/chevron-left.svg");
background-size: 11px;
background-position: center;
filter: invert(100%) sepia(94%) saturate(180%) hue-rotate(173deg) brightness(115%) contrast(100%);
}
.gdm-slideshow ul.arrows li.right {
position: absolute;
left: auto;
right: 0;
top: 0;
transform: rotate(180deg);
}
.gdm_awards-company-header .grid-x .company-logo figure {
box-shadow: -12px 12px 0px 0px #626262;
background: white;
padding: 24px;
}
@media (min-width: 992px) {
.gdm_awards-company-header .grid-x {
flex-direction: row-reverse;
}
.gdm_awards-company-header .grid-x .company-logo figure {
margin-top: -70px;
}
}
@media (max-width: 768px) {
.gdm_awards-company-header .grid-x .company-logo {
padding: 10px 30px 30px 30px;
}
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x h3 {
font-size: 18px;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x p, .gdm_awards-company-main .grid-x.two-columns .company-details .grid-x ul {
font-size: 14px;
line-break: anywhere;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x ul {
list-style: none;
margin: 0;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x .emblem {
padding-left: 30px;
}
@media (max-width: 768px) {
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x .emblem {
border-top: solid 1px #ddd;
padding: 12px 0 0 0;
margin-top: 12px;
text-align: center;
}
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x .emblem img {
width: 160px;
}
}
@media (min-width: 992px) {
.gdm_awards-company-main .grid-x.two-columns .company-details .grid-x {
padding-bottom: 35px;
border-bottom: solid 1px #ddd;
}
}
.gdm_awards-company-main .grid-x.two-columns .overview {
padding-bottom: var(--edge-spacing);
border-bottom: solid 1px #ddd;
}
.gdm_awards-company-main .company-features footer {
text-align: center;
}
/* _gdm_awards-product.scss start */
.gdm-awards-product-main .tiers .large-4 .tier {
padding: 24px;
border: solid 1px #dbdbdb;
margin-bottom: var(--edge-spacing-xl-px);
}
.gdm-awards-product-main .tiers .large-4 .tier header p {
margin: 0 0 var(--edge-spacing-px) 0;
font-weight: 500;
}
.gdm-awards-product-main .tiers .large-4 .tier header .report-cover {
width: 54px;
float: right;
}
.gdm-awards-product-main .tiers .large-4 .tier .price {
font: 500 var(--bold-standfirst) atlas, "Helvetica Neue", helvetica, sans-serif;
}
.gdm-awards-product-main .tiers .large-4 .tier button {
margin: 0 0 12px 0;
}
.gdm-awards-product-main .tiers .large-4 .tier p.terms {
font-size: var(--terms-text-size);
}
.gdm-awards-product-main .tiers .large-4 .tier .benefits {
border-top: solid 1px #ddd;
padding-top: 20px;
}
.gdm-awards-product-main .tiers .large-4 .tier .benefits h3 {
margin: 0 0 12px 0;
font-size: 16px;
}
.gdm-awards-product-main .tiers .large-4 .tier .benefits ul {
margin-bottom: 0;
}
.gdm-awards-product-main .tiers .large-4 .tier .benefits .plus h4 {
position: relative;
text-transform: uppercase;
text-align: center;
}
.gdm-awards-product-main .tiers .large-4 .tier .benefits .plus h4:after {
content: "";
border-top: solid 1px #27274c;
position: absolute;
top: 50%;
left: 0;
right: 0;
}
.gdm-awards-product-main .tiers .large-4 .tier .benefits .plus h4 b {
background: white;
padding: 0 10px;
position: relative;
z-index: 9;
}
.gdm-awards-product-main .tiers .large-4:first-child .tier {
background: #f3f3f1;
border: solid 1px #27274c;
}
@media (min-width: 992px) {
.gdm-awards-product-main .tiers {
margin: 0 -24px;
}
.gdm-awards-product-main .tiers .large-4 {
padding: 0 24px;
}
.gdm-awards-product-main .tiers .large-4 .tier {
height: 100%;
}
.gdm-awards-product-main .tiers .large-4 .tier header .report-cover {
width: 81px;
}
}
.gdm-awards-product-main .gdm-accordion ul li h3 {
padding: 14px 40px 14px 0px;
font: 500 var(--accordion-h3-size) atlas, "Helvetica Neue", helvetica, sans-serif;
}
.gdm-awards-product-main .gdm-accordion ul li h3:after {
top: 25px;
}
.gdm-awards-product-main .gdm-accordion ul li p {
color: #626262;
padding: 0 24px 24px 24px;
}
.gdm-awards-product-main .gdm-accordion ul li.active h3 {
color: #373997;
}
@media (min-width: 992px) {
.gdm-awards-product-main .gdm-accordion ul li h3 {
padding: 24px 40px 24px 12px;
}
.gdm-awards-product-main .gdm-accordion ul li p {
padding: 0 24px 24px 24px;
}
}
/* _gdm_awards-product.scss end */
.author .mb-img-mobile-border,
.ordered-article .mb-img-mobile-border {
margin-bottom: 0;
}
.author .header-category,
.ordered-article .header-category {
margin-bottom: 2.4em;
margin-top: 0.5em;
}
.author .header-category h1,
.ordered-article .header-category h1 {
padding-bottom: 0;
}
.author .bio,
.ordered-article .bio {
margin-bottom: 2.4em;
}
.author .bio .avatar div h6,
.ordered-article .bio .avatar div h6 {
text-transform: uppercase;
margin-bottom: 0;
font-weight: 400;
}
@media (max-width: 768px) {
.author .bio .avatar,
.ordered-article .bio .avatar {
margin-bottom: 16px;
display: flex;
gap: 16px;
}
.author .bio .avatar figure,
.ordered-article .bio .avatar figure {
width: 48px;
height: 48px;
border-radius: 48px;
display: inline-block;
}
.author .bio .avatar div h6,
.ordered-article .bio .avatar div h6 {
margin-top: 6px;
}
}
@media (min-width: 992px) {
.author .bio,
.ordered-article .bio {
display: flex;
flex-direction: row-reverse;
}
.author .bio .avatar,
.ordered-article .bio .avatar {
display: flex;
flex-direction: column;
align-items: start;
}
.author .bio .avatar figure,
.ordered-article .bio .avatar figure {
margin-right: 0;
max-width: 15em;
max-height: 15em;
}
.author .bio .avatar div,
.ordered-article .bio .avatar div {
width: 100%;
}
.author .bio .avatar div h6,
.ordered-article .bio .avatar div h6 {
font-size: 1.3em;
margin-top: 16px;
}
}
.author .categories figure,
.ordered-article .categories figure {
display: block;
}
.author .categories figure a,
.ordered-article .categories figure a {
display: block;
}
.author .categories .feature .feature,
.ordered-article .categories .feature .feature {
border-bottom: 0;
padding-bottom: 0;
}
.author .categories .feature .feature:last-child .mb-img-mobile-border,
.ordered-article .categories .feature .feature:last-child .mb-img-mobile-border {
border-bottom: 0;
}
.author .categories .large-9 > .feature:nth-last-child(2) figure,
.ordered-article .categories .large-9 > .feature:nth-last-child(2) figure {
border-bottom: 0;
}
.author .categories .feature + .newsletter-wrapper,
.ordered-article .categories .feature + .newsletter-wrapper {
background-color: #fff;
padding-top: 2.4em;
margin-top: -2.5em;
border-bottom: 0;
padding-bottom: 1.2em;
margin-bottom: 1.2em;
}
.author .categories .large-9 .global-paragraph,
.author .categories .large-9 .byline,
.ordered-article .categories .large-9 .global-paragraph,
.ordered-article .categories .large-9 .byline {
display: none;
}
.author .categories .large-3 .border-bottom,
.ordered-article .categories .large-3 .border-bottom {
padding-bottom: 1.2em;
margin-bottom: 1.2em;
}
.author .categories .large-3 h3,
.ordered-article .categories .large-3 h3 {
margin: 0;
padding: 0.45em 0 0;
}
.author .categories h3,
.ordered-article .categories h3 {
margin-bottom: 0.45em;
padding-bottom: 0.45em;
}
/* _gdm_404.scss start */
.gdm-404 {
text-align: center;
}
.gdm-404 header h1 {
margin: 0 0 24px 0;
font-size: var(--large-h1);
}
.gdm-404 header p {
font: 500 var(--bold-standfirst)/125% atlas, "Helvetica Neue", helvetica, sans-serif;
color: #151529;
margin: 0 0 45px 0;
}
.gdm-404 .search-form-404 p {
color: #626262;
max-width: 780px;
margin: 0 auto 40px auto;
font-size: 18px;
}
.gdm-404 .search-form-404 p:first-child {
font-size: var(--standfirst);
}
.gdm-404 .search-form-404 p strong {
color: #151529;
}
.gdm-404 .search-form-404 form {
width: 100%;
max-width: 650px;
margin: 0 auto;
justify-content: center;
flex-direction: row;
}
.gdm-404 .search-form-404 form button {
background: #373997;
margin: 0 0 0 5px;
}
.gdm-404 .search-form-404 form button:after {
filter: invert(100%) sepia(94%) saturate(180%) hue-rotate(173deg) brightness(115%) contrast(100%);
}
@media (max-width: 992px) {
.gdm-404 .search-form-404 form input {
height: 50px;
}
.gdm-404 .search-form-404 form button {
position: relative;
text-indent: -5000px;
overflow: hidden;
text-align: left;
width: 60px;
height: 50px;
padding: 0;
}
.gdm-404 .search-form-404 form button:after {
content: "";
display: block;
background: url("../img/icons/close.svg") no-repeat center center;
background-size: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-indent: 0;
}
.gdm-404 .search-form-404 form button:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/search.svg");
background-size: 40%;
}
}
@media (min-width: 992px) {
.gdm-404 .search-form-404 form input {
margin: 0;
}
.gdm-404 .search-form-404 form button {
padding: 16px 32px;
min-width: 150px;
}
.gdm-404 .search-form-404 form button:after {
content: "";
display: inline-block;
background: url("../img/icons/close.svg") no-repeat;
background-size: 100%;
width: 1rem;
height: 1rem;
margin: 0 -0.3rem -0.05rem 0.5rem;
position: relative;
top: 2px;
}
.gdm-404 .search-form-404 form button:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/search.svg");
}
}
.gdm-404 .search-form-404 .plug {
position: relative;
margin: 0 calc(var(--page-gutters) * -1);
margin-bottom: 100px;
}
.gdm-404 .search-form-404 .plug:before {
content: "";
position: absolute;
display: block;
left: 0;
right: 0;
top: 50%;
background: #373997;
height: 6px;
margin-top: -3px;
}
.gdm-404 .search-form-404 .plug .images {
width: 50%;
max-width: 400px;
margin: 40px auto;
display: flex;
justify-content: space-between;
background: white;
position: relative;
}
.gdm-404 .search-form-404 .plug .images img {
width: 30%;
}
@media (min-width: 992px) {
.gdm-404 .search-form-404 .plug:before {
height: 12px;
margin-top: -6px;
}
}
/* _gdm_404.scss end */
/* _gdm_all-newsletters.scss start */
.gdm-all-newsletters header {
margin-bottom: var(--edge-spacing-px);
border-bottom: 1px solid #ddd;
}
.gdm-all-newsletters header h1 {
margin-top: 0;
margin-bottom: var(--h2-subhead-margin);
}
.gdm-all-newsletters header h2 {
font-size: var(--h2-subhead);
}
.gdm-all-newsletters header h2,
.gdm-all-newsletters header h3,
.gdm-all-newsletters header a {
margin-top: var(--section-header-margin-top);
margin-bottom: var(--h2-subhead-margin);
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section {
position: relative;
background: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%);
background-position: 9px;
background-size: 2px 7px;
background-repeat: repeat-y;
margin-bottom: 12px;
padding-left: 28px;
}
@media (min-width: 992px) {
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section {
padding-left: 40px;
}
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section:before {
content: "1";
text-align: center;
line-height: 20px;
display: block;
background: black;
color: white;
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
}
@media (min-width: 992px) {
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.thank-you-message, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.hidden-newsletters {
margin-top: -35px;
}
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.thank-you-message:before, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.hidden-newsletters:before {
display: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.fill-in-details:before {
content: "2";
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.sign-up:before {
content: "3";
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section:after {
content: "▼";
font-size: 20px;
position: absolute;
left: 0;
bottom: 0;
text-align: center;
width: 20px;
background: white;
z-index: 9;
height: 30px;
padding-top: 5px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section h2 {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section:last-of-type {
background: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section:last-of-type:after {
display: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message {
background: #f3f3f1;
padding: var(--padding);
text-align: center;
display: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message:before, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message:before, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message:after {
display: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message h2, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message h2 {
font: 500 var(--h2-article-subhead) atlas, "Helvetica Neue", helvetica, sans-serif;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message h2:before, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message h2:before {
content: "";
display: inline-block;
background: url("../img/icon_reports.png") no-repeat;
background-size: 100%;
width: 0.8rem;
height: 0.8rem;
margin: 0 0.5rem -0.05rem 0rem;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message h2:before, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message h2:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/check.svg");
display: block;
width: 40px;
height: 40px;
margin: 0 auto;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message p.items, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message p.items {
font-weight: 500;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message p:last-of-type, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message p:last-of-type {
font-size: 16px;
width: 675px;
max-width: 100%;
margin: 0 auto;
}
@media (min-width: 992px) {
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-thank-you-message p:last-of-type, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message p:last-of-type {
font-size: 24px;
}
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.all-newsletters-error-message h2:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/close.svg");
filter: invert(11%) sepia(94%) saturate(7496%) hue-rotate(11deg) brightness(112%) contrast(119%);
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul {
list-style: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li {
margin-bottom: var(--edge-spacing-px);
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter {
border: solid 1px #ddd;
padding: var(--padding);
position: relative;
cursor: pointer;
height: 100%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon {
background-color: #373997;
position: relative;
text-indent: -5000px;
overflow: hidden;
width: 40px;
height: 40px;
margin-bottom: 12px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon:after {
content: "";
display: block;
width: 36px;
height: 36px;
position: absolute;
left: 50%;
top: 50%;
margin: -18px 0 0 -18px;
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/site_icons_sprite.svg");
text-indent: 0px;
background-size: 990px;
background-position: -928px 4px;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon:after {
transform: scale(2);
}
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.pharma:after {
background-position: 6px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.clinical:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.NSMedicalDevices:after {
background-position: -26px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.food-service:after {
background-position: -55px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.drinks:after {
background-position: -84px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.food:after {
background-position: -112px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.packaging:after {
background-position: -143px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.retail-insight:after {
background-position: -172px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.retail-banker:after {
background-position: -200px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.electronic-payments:after {
background-position: -229px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.private-banker:after {
background-position: -259px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.hotel-management:after {
background-position: -288px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.airforce:after {
background-position: -317px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.airport:after {
background-position: -346px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.army:after {
background-position: -375px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.naval:after {
background-position: -404px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.sport:after {
background-position: -433px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.railway:after {
background-position: -463px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.investment:after {
background-position: -492px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.auto:after {
background-position: -550px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.construction:after {
background-position: -579px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.power:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.NSEnergy:after {
background-position: -608px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.offshore:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.ModernPowerSystems:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.WorldWindTechnology:after {
background-position: -637px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.mining:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.Tunnels:after {
background-position: -664px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.ship:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.InternationalWaterPower:after {
background-position: -695px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.medical:after {
background-position: -724px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.hospital:after {
background-position: -753px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.iab:after {
background-position: -782px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.leasing:after {
background-position: -812px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.motor:after {
background-position: -841px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.style:after {
background-position: -870px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.energy:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.NuclearEngineeringInternational:after {
background-position: -898px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.ModernPowerSystems:after {
background-position: -900px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .newsletter-icon.verdict:after {
background-position: -928px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.in-brief .newsletter-icon {
background-color: #72c191;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.mining-australia .newsleter-icon {
background-color: #48a5e6;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.mining-australia .newsleter-icon:after {
background-repeat: no-repeat;
background-position: center;
transform: scale(1);
background-size: 100%;
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/MINe-Australia.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon {
background-color: #48a5e6;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon:after {
background-repeat: no-repeat;
background-position: center;
transform: scale(1);
background-size: 100%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.airport:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Airport.svg");
top: 55%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.auto:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Auto.svg");
transform: scale(1.3);
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.decoded:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Decoded.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.drinks:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Drinks.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.food:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Food.svg");
background-size: 104%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.power:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Future-Power.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.railway:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Future-Rail.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.army:after, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.airforce:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Global-Defence.svg");
background-size: 81%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.packaging:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Inside-Packaging.svg");
top: 53%;
left: 53%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.style:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Just-Style.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.leasing-life:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Leasing-Life.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.medical:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Medical-Technology.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.mining:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/MINE.svg");
top: 53%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.mining-australia:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/MINe-Australia.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.motor:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Motor-Finance.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.offshore:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Offshore.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.pharma:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Pharma-Technology-Focus.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.private-banker:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Private-Banker.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.retail-banker:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Retail-Banker-International.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.ship:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Ship-Technology.svg");
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.naval:after {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/site_icons_sprite.svg");
text-indent: 0px;
background-size: 990px;
background-position: -404px;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.digital-magazine .newsletter-icon.naval:after {
transform: scale(2.3);
}
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.thematic .newsletter-icon {
background-color: #352354;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter.thematic .newsletter-icon:after {
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/digimag-logos/Thematic-Take.svg") center no-repeat;
transform: scale(1);
background-size: 106%;
top: 52%;
left: 49%;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select {
position: absolute;
top: var(--padding);
right: var(--padding);
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select label {
font-size: 14px;
color: #373997;
display: block;
width: auto;
height: 36px;
line-height: 35px;
border-radius: 18px;
padding: 0 14px;
border: solid 1px #373997;
cursor: pointer;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select label input {
visibility: hidden;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select label:before {
content: "";
width: 24px;
height: 24px;
background: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/plus.svg") no-repeat center center;
background-size: 18px;
filter: invert(18%) sepia(42%) saturate(3064%) hue-rotate(226deg) brightness(99%) contrast(93%);
position: absolute;
left: 7px;
top: 6px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select label:hover:before {
filter: invert(100%) sepia(94%) saturate(180%) hue-rotate(173deg) brightness(115%) contrast(100%);
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select label:hover, .gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select label:has(input:checked) {
background-color: #373997;
color: white;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter .select label:has(input:checked):before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/check_thinner.svg");
width: 20px;
height: 20px;
top: 6px;
filter: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter ul.newsletter-meta {
margin: 0;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter ul.newsletter-meta li {
padding: 0;
display: inline-block;
margin: 0;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter ul.newsletter-meta li:after {
content: "";
width: 3px;
height: 3px;
border-radius: 50%;
margin: 0 0px 3px 5px;
background: black;
display: inline-block;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter ul.newsletter-meta li:last-child:after {
display: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter h3 {
font-size: 18px;
margin: 8px 0 4px 0;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li .gdm-newsletter p {
margin: 0;
color: #626262;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li.selected .gdm-newsletter .select label {
background: #373997;
color: white;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li.selected .gdm-newsletter .select label:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/check.svg");
filter: invert(100%) sepia(94%) saturate(180%) hue-rotate(173deg) brightness(115%) contrast(100%);
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li.subscribed .gdm-newsletter .select label {
background-color: none;
text-align: right;
border: none;
color: #151529;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li.subscribed .gdm-newsletter .select label:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/check_thin_black.svg");
filter: none;
opacity: 0.8;
background-size: 22px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li.subscribed .gdm-newsletter .select label:hover {
background: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter ul li.subscribed .gdm-newsletter .select label:hover:before {
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/check_thin_black.svg");
filter: none;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter .show-all {
display: none;
text-align: center;
width: 100%;
padding: 0;
color: #373997;
position: relative;
cursor: pointer;
margin-bottom: 32px;
font-size: 16px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter .show-all span {
border-bottom: solid 1px #ddd;
padding: 0 0 12px 0;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .select-newsletter .show-all:after {
content: "";
background: url("../img/icon_new_window.png") no-repeat center center;
background-size: 100%;
width: 1em;
height: 1em;
display: inline-block;
margin-left: 0.5em;
background-image: url("/wp-content/themes/goodlife-wp-B2B/assets/img/icons/chevron-down.svg");
filter: invert(20%) sepia(19%) saturate(6707%) hue-rotate(223deg) brightness(94%) contrast(87%);
top: 3px;
position: relative;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .form-fields,
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .form-submit {
width: 610px;
max-width: 100%;
margin: 0 auto;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .g-recaptcha {
text-align: center;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .g-recaptcha > div {
margin: 0 auto 0px auto;
}
@media (min-width: 992px) {
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .g-recaptcha > div {
margin: 0 auto -50px auto;
}
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .form-submit {
text-align: center;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .form-submit button,
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .form-submit .g-recaptcha {
margin: 8px auto 16px auto;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps .form-submit p.privacy-text {
text-align: left;
font-size: 12px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps.form-submitted section.all-newsletters-thank-you-message {
display: block;
}
@media (min-width: 992px) {
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section {
background-position: 16px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section:before {
width: 32px;
height: 32px;
line-height: 32px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section:after {
width: 32px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section h2 {
margin-top: 7px;
margin-bottom: 0px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.select-newsletter ul {
margin: 0 -24px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.select-newsletter ul li {
padding: 24px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.select-newsletter ul li .gdm-newsletter .newsletter-icon {
width: 64px;
height: 64px;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.select-newsletter ul li.show-all {
display: block;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.select-newsletter .show-all {
display: block;
}
.gdm-all-newsletters .gdm-all-newsletters-form.newsletter-sign-up-steps section.hidden-newsletters {
display: none;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
}
.gdm-all-newsletters.show-all-newsletters .newsletter-sign-up-steps .select-newsletter .show-all:after {
transform: rotate(180deg);
}
.gdm-all-newsletters.show-all-newsletters .newsletter-sign-up-steps .select-newsletter.hidden-newsletters {
display: block;
opacity: 1;
}
.gdm-all-newsletters.show-all-newsletters .newsletter-sign-up-steps .select-newsletter.hidden-newsletters h2 {
font-size: 24px;
font-weight: 500;
}
/* _gdm_all-newsletters.scss end */
/* gdm_print-only.scss start */
@media print {
.gdm-recommended-reports,
.gdm-premium-insights-banner,
#Sgpollsputhere,
.catfish,
.sponsored,
#onetrust-consent-sdk,
.gdm-newsletter-banner__container,
.gdm-newsletter-sidebar-block,
.share,
.related-company-profiles,
.more-news,
#company_profile_form,
.nav-bar,
.sub-nav-bar,
.ad,
#wpadminbar,
#footer ul {
display: none !important;
}
}
/* gdm_print-only.css end */
/*# sourceMappingURL=main.css.map */