html {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;
font-size: 10px
}
body {
background-color: var(--base-5);
color: var(--base-1);
margin: 0;
padding: 0
}
a {
color: var(--primary-1);
transition: color .25s;
text-decoration: underline
}
a:hover {
color: var(--primary-2)
}
a:focus-visible {
color: var(--primary-1);
outline: solid 2px var(--primary-2)
}
.panel-dark a,
.section-dark a,
.theme-dark a {
color: var(--light-75)
}
.panel-dark a:hover,
.section-dark a:hover,
.theme-dark a:hover {
color: var(--base-5)
}
.panel-dark a:focus-visible,
.section-dark a:focus-visible,
.theme-dark a:focus-visible {
color: var(--base-5);
outline: solid 2px var(--base-5)
}
.color-display,
.rte h1,
.rte h2,
.rte h3 {
color: var(--color-display)
}
.color-headline,
.rte h4,
.rte h5,
.rte h6 {
color: var(--color-headline)
}
.color-cta {
color: var(--color-display)
}
.color-body,
.rte div,
.rte img,
.rte ol,
.rte p,
.rte ul {
color: var(--color-body)
}
.color-utility {
color: var(--color-utility)
}
.color-quote {
color: var(--color-quote)
}
.color-stats {
color: var(--color-stats)
}
.color-pictogram {
color: var(--color-pictogram)
}
.color-body-secondary {
color: var(--color-body-secondary)
}
.color-section {
color: var(--color-utility)
}
.color-icon {
color: var(--color-icon)
}
.list-style-none {
list-style: none
}
.container-fluid {
max-width: 1536px;
padding-left: 2.8rem;
padding-right: 2.8rem
}
.container-fluid.full-width-mobile,
.container-fluid.full-width-mobile-tablet {
padding-left: 0;
padding-right: 0
}
.container-fluid.full-width-mobile > .row,
.container-fluid.full-width-mobile-tablet > .row {
margin-left: 0;
margin-right: 0
}
.container-fluid.full-width-mobile > .row > .col-12,
.container-fluid.full-width-mobile-tablet > .row > .col-12 {
padding-left: 0;
padding-right: 0
}
.container-fluid.full-width {
max-width: none;
padding: 0
}
@media (min-width:768px) {
.container-fluid {
padding-left: 5.6rem;
padding-right: 5.6rem
}
.container-fluid.full-width-mobile {
padding-left: 5.6rem;
padding-right: 5.6rem
}
.container-fluid.full-width-mobile > .row {
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.container-fluid.full-width-mobile > .row > .col-12 {
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5)
}
.container-fluid.full-width-mobile-tablet {
padding-left: 0;
padding-right: 0
}
}
@media (min-width:1200px) {
.container-fluid {
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc(var(--bs-gutter-x) * .5)
}
.container-fluid.full-width-mobile {
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc(var(--bs-gutter-x) * .5)
}
.container-fluid.full-width-mobile-tablet {
padding-left: calc(var(--bs-gutter-x) * .5);
padding-right: calc(var(--bs-gutter-x) * .5)
}
.container-fluid.full-width-mobile-tablet > .row {
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x))
}
.container-fluid.full-width-mobile-tablet > .row > .col-12 {
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5)
}
.container-fluid .container-fluid {
padding: 0
}
}
.font-body {
font-family: var(--primitive-family-body)
}
.font-heading {
font-family: var(--primitive-family-titles)
}
.fw-100,
.fw-thin {
font-weight: 100
}
.fw-200,
.fw-extra-light {
font-weight: 200
}
.fw-300,
.fw-light {
font-weight: 300
}
.fw-400,
.fw-regular {
font-weight: 400
}
.fw-500,
.fw-medium {
font-weight: 500
}
.body-lg b,
.body-lg strong,
.body-md b,
.body-md strong,
.body-sm b,
.body-sm strong,
.body-xs b,
.body-xs strong,
.fw-600,
.fw-semibold,
.rte .rad-big b,
.rte .rad-big strong,
.rte .rad-introtext b,
.rte .rad-introtext strong,
.rte .rad-small b,
.rte .rad-small strong,
body b,
body strong {
font-weight: 600
}
.fw-700,
.fw-bold,
.icon-font,
.social-icons {
font-weight: 700
}
.fw-800,
.fw-extra-bold {
font-weight: 800
}
.fw-900,
.fw-black {
font-weight: 900
}
body {
font-family: var(--body-m-font-family);
font-size: var(--body-m-font-size);
line-height: var(--body-m-line-height);
font-weight: var(--body-m-weight);
font-display: swap
}
.display-lg,
h1 {
font-family: var(--display-l-font-family);
font-size: var(--display-l-font-size);
line-height: var(--display-l-line-height);
letter-spacing: var(--display-l-letter-spacing);
font-weight: var(--display-l-weight);
margin-bottom: var(--sm-3);
text-wrap: balance
}
.display-md,
h2 {
font-family: var(--display-m-font-family);
font-size: var(--display-m-font-size);
line-height: var(--display-m-line-height);
letter-spacing: var(--display-m-letter-spacing);
font-weight: var(--display-m-weight);
margin-bottom: var(--sm-3);
text-wrap: balance
}
.display-sm,
h3 {
font-family: var(--display-s-font-family);
font-size: var(--display-s-font-size);
line-height: var(--display-s-line-height);
letter-spacing: var(--display-s-letter-spacing);
font-weight: var(--display-s-weight);
margin-bottom: var(--sm-3);
text-wrap: balance
}
.headline-lg,
h4 {
font-family: var(--headline-l-font-family);
font-size: var(--headline-l-font-size);
line-height: var(--headline-l-line-height);
letter-spacing: var(--headline-l-letter-spacing);
font-weight: var(--headline-l-weight);
margin-bottom: var(--sm-3);
text-wrap: balance
}
.headline-md,
h5 {
font-family: var(--headline-m-font-family);
font-size: var(--headline-m-font-size);
line-height: var(--headline-m-line-height);
letter-spacing: var(--headline-m-letter-spacing);
font-weight: var(--headline-m-weight);
margin-bottom: var(--sm-3);
text-wrap: balance
}
.headline-sm,
h6 {
font-family: var(--headline-s-font-family);
font-size: var(--headline-s-font-size);
line-height: var(--headline-s-line-height);
letter-spacing: var(--headline-s-letter-spacing);
font-weight: var(--headline-s-weight);
margin-bottom: var(--sm-3);
text-wrap: balance
}
.body-lg,
.rte .rad-big,
.rte .rad-introtext {
font-family: var(--body-l-font-family);
font-size: var(--body-l-font-size);
line-height: var(--body-l-line-height);
font-weight: var(--body-l-weight);
letter-spacing: var(--body-l-letter-spacing)
}
.body-md {
font-family: var(--body-m-font-family);
font-size: var(--body-m-font-size);
line-height: var(--body-m-line-height);
font-weight: var(--body-m-weight);
letter-spacing: var(--body-m-letter-spacing)
}
.body-sm,
.rte .rad-small {
font-family: var(--body-s-font-family);
font-size: var(--body-s-font-size);
line-height: var(--body-s-line-height);
font-weight: var(--body-s-weight);
letter-spacing: var(--body-s-letter-spacing)
}
.body-xs {
font-family: var(--body-xs-font-family);
font-size: var(--body-xs-font-size);
line-height: var(--body-xs-line-height);
font-weight: var(--body-xs-weight);
letter-spacing: var(--body-xs-letter-spacing)
}
.quote-lg {
font-family: var(--quote-l-font-family);
font-size: var(--quote-l-font-size);
line-height: var(--quote-l-line-height);
font-weight: var(--quote-l-weight);
letter-spacing: var(--quote-l-letter-spacing)
}
.quote-md {
font-family: var(--quote-m-font-family);
font-size: var(--quote-m-font-size);
line-height: var(--quote-m-line-height);
font-weight: var(--quote-l-weight);
letter-spacing: var(--quote-m-letter-spacing)
}
.nav-lg {
font-family: var(--nav-l-font-family);
font-size: var(--nav-l-font-size);
line-height: var(--nav-l-line-height);
font-weight: var(--nav-l-weight);
letter-spacing: var(--nav-l-letter-spacing)
}
.nav-md {
font-family: var(--nav-m-font-family);
font-size: var(--nav-m-font-size);
line-height: var(--nav-m-line-height);
font-weight: var(--nav-m-weight);
letter-spacing: var(--nav-m-letter-spacing)
}
.nav-sm {
font-family: var(--nav-s-font-family);
font-size: var(--nav-s-font-size);
line-height: var(--nav-s-line-height);
font-weight: var(--nav-s-weight);
letter-spacing: var(--nav-s-letter-spacing)
}
.button-label,
.cta {
font-family: var(--button-font-family);
font-size: var(--button-font-size);
line-height: var(--button-line-height);
font-weight: var(--button-weight);
letter-spacing: var(--button-letter-spacing)
}
.stat-lg {
font-family: var(--stat-l-font-family);
font-size: var(--stat-l-font-size);
line-height: var(--stat-l-line-height);
font-weight: var(--stat-l-weight);
letter-spacing: var(--stat-l-letter-spacing)
}
.stat-md {
font-family: var(--stat-m-font-family);
font-size: var(--stat-m-font-size);
line-height: var(--stat-m-line-height);
font-weight: var(--stat-m-weight);
letter-spacing: var(--stat-m-letter-spacing)
}
.breadcrumb-text {
font-family: var(--breadcrumb-default-font-family);
font-size: var(--breadcrumb-default-font-size);
line-height: var(--breadcrumb-default-line-height);
font-weight: var(--breadcrumb-default-weight);
letter-spacing: var(--breadcrumb-default-letter-spacing)
}
.breadcrumb-text strong {
font-family: var(--breadcrumb-active-font-family);
font-size: var(--breadcrumb-active-font-size);
line-height: var(--breadcrumb-active-line-height);
font-weight: var(--breadcrumb-active-weight);
letter-spacing: var(--breadcrumb-active-letter-spacing)
}
.tag-text {
font-family: var(--tag-font-family);
font-size: var(--tag-font-size);
line-height: var(--tag-line-height);
letter-spacing: var(--tag-letter-spacing);
font-weight: var(--tag-weight);
text-transform: uppercase
}
.section-title {
font-family: var(--section-title-font-family);
font-size: var(--section-title-font-size);
line-height: var(--section-title-line-height);
letter-spacing: var(--section-title-letter-spacing);
font-weight: var(--section-title-weight);
margin-bottom: var(--sm-3)
}
.label {
font-family: var(--label-font-family);
font-size: var(--label-font-size);
line-height: var(--label-line-height);
letter-spacing: var(--label-letter-spacing);
font-weight: var(--label-weight)
}
.social-icons {
font-size: var(--icon-font-size);
line-height: var(--icon-font-size)
}
.icon-font {
font-size: var(--icon-font-size);
line-height: var(--icon-font-size)
}
ol,
p,
ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
margin-bottom: var(--sm-3)
}
@font-face {
font-family: icomoon;
src: url(/~/media/Files/L/londonmetric/font-files/icomoon/icomoon-eot.eot?630jvf);
src: url(/~/media/Files/L/londonmetric/font-files/icomoon/icomoon-eot.eot?630jvf#iefix) format("embedded-opentype"),url(/~/media/Files/L/londonmetric/font-files/icomoon/icomoon-ttf.ttf?630jvf) format("truetype"),url(/~/media/Files/L/londonmetric/font-files/icomoon/icomoon-woff.woff?630jvf) format("woff"),url(/~/media/Files/L/londonmetric/font-files/icomoon/icomoon-svg.svg?630jvf#icomoon) format("svg");
font-weight: 400;
font-style: normal;
font-display: block
}
[class*=" icon-"],
[class^=icon-] {
font-family: icomoon!important;
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-open-in-new::before {
content: "\e90c"
}
.icon-pause::before {
content: "\e90d"
}
.icon-play::before {
content: "\e90e"
}
.icon-remove::before {
content: "\e90f"
}
.icon-chevron-right::before {
content: "\e91c"
}
.icon-chevron-up::before {
content: "\e91d"
}
.icon-close::before {
content: "\e91e"
}
.icon-date::before {
content: "\e910"
}
.icon-filter::before {
content: "\e911"
}
.icon-language::before {
content: "\e912"
}
.icon-link::before {
content: "\e913"
}
.icon-location::before {
content: "\e914"
}
.icon-mail::before {
content: "\e915"
}
.icon-menu::before {
content: "\e916"
}
.icon-open-in-full::before {
content: "\e917"
}
.icon-facebook::before {
content: "\e919"
}
.icon-google::before {
content: "\e91a"
}
.icon-instagram::before {
content: "\e936"
}
.icon-linkedin::before {
content: "\e91b"
}
.icon-twitter::before {
content: "\e931"
}
.icon-call::before {
content: "\e930"
}
.icon-chat2-note::before {
content: "\e92f"
}
.icon-check::before {
content: "\e91f"
}
.icon-chevron-down::before {
content: "\e920"
}
.icon-chevron-left::before {
content: "\e921"
}
.icon-add::before {
content: "\e922"
}
.icon-arrow-down::before {
content: "\e923"
}
.icon-arrow-down-left::before {
content: "\e924"
}
.icon-arrow-down-right::before {
content: "\e925"
}
.icon-arrow-in-down::before {
content: "\e926"
}
.icon-arrow-left::before {
content: "\e927"
}
.icon-arrow-right::before {
content: "\e91c"
}
.icon-arrow-up::before {
content: "\e929"
}
.icon-arrow-up-left::before {
content: "\e92a"
}
.icon-arrow-up-right::before {
content: "\e92b"
}
.icon-setting::before {
content: "\e92c"
}
.icon-share::before {
content: "\e92d"
}
.icon-star::before {
content: "\e92e"
}
.icon-search::before {
content: "\e932"
}
.icon-send::before {
content: "\e933"
}
.icon-captions::before {
content: "\e909"
}
.icon-play-circle::before {
content: "\e90a"
}
.icon-volumn::before {
content: "\e90b"
}
.icon-star-fill::before {
content: "\e918"
}
.icon-board-member-fill::before {
content: "\e934"
}
.icon-board-member::before {
content: "\e935"
}
.icon-email::before {
content: "\e937"
}
.icon-community::before {
content: "\e900"
}
.icon-people::before {
content: "\e901"
}
.icon-file::before {
content: "\e902"
}
.icon-workplace::before {
content: "\e903"
}
.icon-building-user::before {
content: "\e904"
}
.icon-bar::before {
content: "\e905"
}
.icon-team::before {
content: "\e906"
}
.icon-handshake::before {
content: "\e907"
}
.icon-home::before {
content: "\e908"
}
.icon-youtube::before {
content: "\ea9d"
}
.cta {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: var(--sm-3) var(--sm-2);
border: none;
background-color: var(--primary-1);
color: var(--base-5);
transition: all .3s ease-out;
text-align: center;
text-decoration: none;
border-radius: var(--radius-xxl);
outline: .1rem solid var(--primary-1);
outline-offset: -.1rem
}
.cta:hover {
background-color: var(--primary-2);
color: var(--base-5);
outline: .1rem solid var(--primary-2);
outline-offset: -.1rem
}
.cta:hover .cta__icon {
color: var(--base-5)
}
.cta:focus-visible {
box-shadow: none;
color: var(--base-5);
outline: .2rem solid var(--primary-3);
outline-offset: -.1rem;
background-color: var(--primary-1)
}
.cta:focus-visible .cta__icon {
color: var(--base-5)
}
.cta__label {
padding: 0 var(--xs-1)
}
.cta__icon {
font-size: var(--icon-font-size);
line-height: var(--icon-font-size);
transition: all .3s linear;
color: var(--primary-3)
}
.cta__icon:hover {
text-decoration: none
}
.cta__inner {
gap: .8rem
}
.cta--secondary {
background-color: var(--primary-5);
color: var(--base-5);
outline: .1rem solid var(--primary-5);
outline-offset: -.1rem
}
.cta--secondary:hover {
outline: .1rem solid var(--primary-9);
outline-offset: -.1rem;
background-color: var(--primary-9);
color: var(--base-5)
}
.cta--secondary:focus-visible {
outline: .2rem solid var(--primary-4);
outline-offset: -.1rem;
background-color: var(--primary-5);
color: var(--base-5)
}
.cta--secondary .cta__icon {
color: var(--primary-4)
}
.cta--tertiary {
background-color: transparent;
box-shadow: none;
color: var(--primary-1);
outline: .1rem solid var(--primary-1);
outline-offset: -.1rem
}
.cta--tertiary:hover {
background-color: transparent;
color: var(--primary-2);
box-shadow: none;
outline: .1rem solid var(--primary-3);
outline-offset: -.1rem
}
.cta--tertiary:hover .cta__icon {
color: var(--primary-2)
}
.cta--tertiary:focus-visible {
background-color: transparent;
color: var(--primary-2);
outline: .2rem solid var(--primary-3);
outline-offset: -.1rem
}
.cta--tertiary:focus-visible .cta__icon {
color: var(--primary-3)
}
.cta--text-link {
padding: 0;
background-color: transparent;
color: var(--primary-1);
gap: var(--xs-1);
justify-content: start;
width: -moz-max-content;
width: max-content;
outline: 0
}
.cta--text-link:hover {
background-color: transparent;
color: var(--primary-2);
outline: 0
}
.cta--text-link:hover .cta__label {
text-decoration: underline;
text-underline-offset: 1px;
color: var(--primary-2)
}
.cta--text-link:hover .cta__icon {
color: var(--primary-2)
}
.cta--text-link:focus-visible {
background-color: transparent;
color: var(--primary-2);
outline: .2rem solid var(--primary-3);
outline-offset: -.1rem;
padding: var(--sm-4) var(--sm-3);
box-shadow: none
}
.cta--text-link:focus-visible .cta__label {
text-decoration: underline;
text-underline-offset: 1px;
color: var(--primary-2)
}
.cta--text-link:focus-visible .cta__icon {
color: var(--primary-2)
}
.cta--text-link .cta__label {
padding: 0
}
.cta--overlay-card::before {
content: "";
position: absolute;
inset: 0
}
@media (min-width:576px) {
.cta {
width: -moz-max-content;
width: max-content;
max-width: 100%
}
}
.card-dark .cta,
.panel-dark .cta,
.section-dark .cta,
.theme-dark .cta {
background-color: transparent;
color: var(--base-5);
outline: .1rem solid var(--base-5);
outline-offset: -.1rem
}
.card-dark .cta:hover,
.panel-dark .cta:hover,
.section-dark .cta:hover,
.theme-dark .cta:hover {
background-color: var(--base-5);
color: var(--primary-2);
outline: .1rem solid var(--base-5);
outline-offset: -.1rem
}
.card-dark .cta:hover .cta__icon,
.panel-dark .cta:hover .cta__icon,
.section-dark .cta:hover .cta__icon,
.theme-dark .cta:hover .cta__icon {
color: var(--primary-3)
}
.card-dark .cta:focus-visible,
.panel-dark .cta:focus-visible,
.section-dark .cta:focus-visible,
.theme-dark .cta:focus-visible {
background-color: var(--base-5);
color: var(--primary-2);
outline: .2rem solid var(--primary-3);
outline-offset: -.1rem
}
.card-dark .cta:focus-visible .cta__icon,
.panel-dark .cta:focus-visible .cta__icon,
.section-dark .cta:focus-visible .cta__icon,
.theme-dark .cta:focus-visible .cta__icon {
color: var(--primary-3)
}
.card-dark .cta--secondary,
.panel-dark .cta--secondary,
.section-dark .cta--secondary,
.theme-dark .cta--secondary {
background-color: var(--light-10);
color: var(--base-5);
outline: 0
}
.card-dark .cta--secondary:hover,
.panel-dark .cta--secondary:hover,
.section-dark .cta--secondary:hover,
.theme-dark .cta--secondary:hover {
background-color: var(--light-25);
color: var(--base-5);
outline: 0
}
.card-dark .cta--secondary:hover .cta__icon,
.panel-dark .cta--secondary:hover .cta__icon,
.section-dark .cta--secondary:hover .cta__icon,
.theme-dark .cta--secondary:hover .cta__icon {
color: var(--base-5)
}
.card-dark .cta--secondary:focus-visible,
.panel-dark .cta--secondary:focus-visible,
.section-dark .cta--secondary:focus-visible,
.theme-dark .cta--secondary:focus-visible {
background-color: var(--light-10);
color: var(--base-5);
outline: .2rem solid var(--base-5);
outline-offset: -.1rem
}
.card-dark .cta--secondary:focus-visible .cta__icon,
.panel-dark .cta--secondary:focus-visible .cta__icon,
.section-dark .cta--secondary:focus-visible .cta__icon,
.theme-dark .cta--secondary:focus-visible .cta__icon {
color: var(--base-5)
}
.card-dark .cta--secondary .cta__icon,
.panel-dark .cta--secondary .cta__icon,
.section-dark .cta--secondary .cta__icon,
.theme-dark .cta--secondary .cta__icon {
color: var(--base-5)
}
.card-dark .cta--tertiary,
.panel-dark .cta--tertiary,
.section-dark .cta--tertiary,
.theme-dark .cta--tertiary {
background-color: transparent;
outline: .1rem solid var(--light-50);
outline-offset: -.1rem;
color: var(--base-5)
}
.card-dark .cta--tertiary .cta__icon,
.panel-dark .cta--tertiary .cta__icon,
.section-dark .cta--tertiary .cta__icon,
.theme-dark .cta--tertiary .cta__icon {
color: var(--base-5)
}
.card-dark .cta--tertiary:hover,
.panel-dark .cta--tertiary:hover,
.section-dark .cta--tertiary:hover,
.theme-dark .cta--tertiary:hover {
box-shadow: none;
background-color: transparent;
outline: .1rem solid var(--base-5);
outline-offset: -.1rem;
color: var(--base-5)
}
.card-dark .cta--tertiary:hover .cta__icon,
.panel-dark .cta--tertiary:hover .cta__icon,
.section-dark .cta--tertiary:hover .cta__icon,
.theme-dark .cta--tertiary:hover .cta__icon {
color: var(--base-5)
}
.card-dark .cta--tertiary:focus-visible,
.panel-dark .cta--tertiary:focus-visible,
.section-dark .cta--tertiary:focus-visible,
.theme-dark .cta--tertiary:focus-visible {
box-shadow: none;
background-color: transparent;
outline: .2rem solid var(--base-5);
outline-offset: -.1rem;
color: var(--base-5)
}
.card-dark .cta--tertiary:focus-visible .cta__icon,
.panel-dark .cta--tertiary:focus-visible .cta__icon,
.section-dark .cta--tertiary:focus-visible .cta__icon,
.theme-dark .cta--tertiary:focus-visible .cta__icon {
color: var(--base-5)
}
.card-dark .cta--text-link,
.panel-dark .cta--text-link,
.section-dark .cta--text-link,
.theme-dark .cta--text-link {
background-color: transparent;
color: var(--light-75);
outline: 0
}
.card-dark .cta--text-link .cta__icon,
.panel-dark .cta--text-link .cta__icon,
.section-dark .cta--text-link .cta__icon,
.theme-dark .cta--text-link .cta__icon {
color: var(--light-75)
}
.card-dark .cta--text-link:hover,
.panel-dark .cta--text-link:hover,
.section-dark .cta--text-link:hover,
.theme-dark .cta--text-link:hover {
background-color: transparent;
outline: 0
}
.card-dark .cta--text-link:hover .cta__label,
.panel-dark .cta--text-link:hover .cta__label,
.section-dark .cta--text-link:hover .cta__label,
.theme-dark .cta--text-link:hover .cta__label {
color: var(--base-5)
}
.card-dark .cta--text-link:hover .cta__icon,
.panel-dark .cta--text-link:hover .cta__icon,
.section-dark .cta--text-link:hover .cta__icon,
.theme-dark .cta--text-link:hover .cta__icon {
color: var(--base-5)
}
.card-dark .cta--text-link:focus-visible,
.panel-dark .cta--text-link:focus-visible,
.section-dark .cta--text-link:focus-visible,
.theme-dark .cta--text-link:focus-visible {
padding: var(--sm-4) var(--sm-3);
background-color: transparent;
color: var(--base-5);
outline: .2rem solid var(--light-75);
outline-offset: .1rem
}
.card-dark .cta--text-link:focus-visible .cta__label,
.panel-dark .cta--text-link:focus-visible .cta__label,
.section-dark .cta--text-link:focus-visible .cta__label,
.theme-dark .cta--text-link:focus-visible .cta__label {
color: var(--base-5)
}
.card-dark .cta--text-link:focus-visible .cta__icon,
.panel-dark .cta--text-link:focus-visible .cta__icon,
.section-dark .cta--text-link:focus-visible .cta__icon,
.theme-dark .cta--text-link:focus-visible .cta__icon {
color: var(--base-5)
}
.action-button {
width: -moz-max-content;
width: max-content;
max-width: 100%;
padding: var(--xs-1);
outline: 0;
border: none;
text-align: center;
text-decoration: none;
font-size: 2.4rem;
color: var(--base-1);
background-color: transparent;
font-weight: 700;
transition: all .25s;
border-radius: var(--radius-xxl);
outline: .1rem solid var(--primary-1)
}
.action-button:hover {
color: var(--base-1);
background-color: var(--base-4);
outline: .1rem solid var(--primary-1)
}
.action-button:focus-visible {
box-shadow: none;
outline: .1rem solid var(--base-1)
}
.action-button--solid {
color: var(--base-5);
outline: .1rem solid var(--base-1);
background-color: var(--base-1)
}
.action-button--solid.small {
font-size: 1.8rem
}
.action-button--solid:hover {
background-color: var(--base-2);
outline: .1rem solid var(--base-2)
}
.action-button--solid:focus-visible {
box-shadow: none;
outline: .1rem solid var(--base-2);
background-color: var(--base-1)
}
.action-button:focus-visible {
outline-offset: 0
}
.card-dark .action-button,
.panel-dark .action-button,
.section-dark .action-button {
color: var(--base-5);
outline: .1rem solid var(--primary-1)
}
.card-dark .action-button:hover,
.panel-dark .action-button:hover,
.section-dark .action-button:hover {
color: var(--base-5);
background-color: var(--base-2);
outline: .1rem solid var(--primary-1)
}
.card-dark .action-button:focus-visible,
.panel-dark .action-button:focus-visible,
.section-dark .action-button:focus-visible {
background-color: transparent;
box-shadow: none;
outline: .1rem solid var(--base-5)
}
.card-dark .action-button--solid,
.panel-dark .action-button--solid,
.section-dark .action-button--solid {
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-color: var(--light-10);
outline: .1rem solid var(--light-10)
}
.card-dark .action-button--solid:hover,
.panel-dark .action-button--solid:hover,
.section-dark .action-button--solid:hover {
background-color: var(--light-25);
outline: .1rem solid var(--light-25)
}
.card-dark .action-button--solid:focus-visible,
.panel-dark .action-button--solid:focus-visible,
.section-dark .action-button--solid:focus-visible {
box-shadow: none;
background-color: var(--light-10);
outline: .1rem solid var(--base-5)
}
.card-dark .action-button:focus-visible,
.panel-dark .action-button:focus-visible,
.section-dark .action-button:focus-visible {
outline-offset: 0
}
.logo-container {
width: 14rem;
height: 7rem
}
.logo-container__image {
max-width: 100%
}
@media (min-width:992px) {
.logo-container {
width: 19.2rem;
height: 9.6rem
}
}
.tag-text {
outline: solid 1px var(--primary-1);
text-decoration: none;
transition: all .25s;
color: var(--primary-1);
padding: var(--xs-1);
border-radius: var(--radius-sm);
background-color: transparent
}
.tag-text:hover {
background-color: var(--primary-1);
color: var(--light-75);
outline: solid 1px var(--light-75)
}
.tag-text:focus-visible {
box-shadow: none;
background-color: transparent;
outline: solid 2px var(--primary-1);
color: var(--primary-1)
}
.tag-text--utility {
border: none
}
.tag-text--utility:focus-visible {
box-shadow: none
}
.card-dark .tag-text,
.panel-dark .tag-text,
.section-dark .tag-text,
.theme-dark .tag-text {
outline: solid 1px var(--primary-3);
color: var(--primary-3);
background-color: transparent
}
.card-dark .tag-text:hover,
.panel-dark .tag-text:hover,
.section-dark .tag-text:hover,
.theme-dark .tag-text:hover {
color: var(--light-75);
outline: solid 1px var(--primary-3);
background-color: var(--primary-3)
}
.card-dark .tag-text:focus-visible,
.panel-dark .tag-text:focus-visible,
.section-dark .tag-text:focus-visible,
.theme-dark .tag-text:focus-visible {
box-shadow: none;
background-color: transparent;
outline: solid 2px var(--primary-3);
color: var(--primary-3)
}
.arrow-button {
border: none;
background-color: var(--primary-1);
color: var(--primary-3);
padding: var(--xs-1);
font-size: 2rem;
line-height: 2rem;
transition: all .25s;
border-radius: var(--radius-xxl)
}
.arrow-button:hover {
background-color: var(--primary-2);
color: var(--base-5)
}
.arrow-button:focus-visible {
box-shadow: none;
outline: 3px solid var(--primary-3);
color: var(--primary-3);
background-color: var(--primary-1)
}
.arrow-button.swiper-button-disabled {
background-color: rgba(182,182,182,.5);
color: var(--base-5)
}
.arrow-button--transparent {
background-color: transparent;
color: var(--primary-1)
}
.arrow-button--transparent:hover {
background-color: transparent;
color: var(--primary-1);
box-shadow: none;
outline: 1px solid var(--primary-1)
}
.arrow-button--transparent:focus-visible {
background: 0 0;
color: var(--primary-1);
box-shadow: none;
outline: 3px solid var(--base-2)
}
.arrow-button--transparent.swiper-button-disabled,
.arrow-button--transparent:disabled {
color: var(--base-2);
background-color: transparent
}
.arrow-button--transparent.swiper-button-disabled:hover,
.arrow-button--transparent:disabled:hover {
box-shadow: none
}
@media (min-width:1200px) {
.arrow-button {
padding: var(--xs-1);
font-size: 2.4rem;
line-height: 2.4rem
}
}
.card-dark .arrow-button,
.panel-dark .arrow-button,
.section-dark .arrow-button,
.theme-dark .arrow-button {
background-color: var(--base-5);
color: var(--primary-4)
}
.card-dark .arrow-button:hover,
.panel-dark .arrow-button:hover,
.section-dark .arrow-button:hover,
.theme-dark .arrow-button:hover {
background-color: var(--primary-7);
color: var(--primary-5)
}
.card-dark .arrow-button:focus-visible,
.panel-dark .arrow-button:focus-visible,
.section-dark .arrow-button:focus-visible,
.theme-dark .arrow-button:focus-visible {
box-shadow: none;
outline: 2px solid var(--base-2);
background-color: var(--base-5);
color: var(--primary-4)
}
.card-dark .arrow-button.swiper-button-disabled,
.panel-dark .arrow-button.swiper-button-disabled,
.section-dark .arrow-button.swiper-button-disabled,
.theme-dark .arrow-button.swiper-button-disabled {
background-color: var(--light-50);
color: rgba(255,255,255,.7)
}
.card-dark .arrow-button.swiper-button-disabled:hover,
.panel-dark .arrow-button.swiper-button-disabled:hover,
.section-dark .arrow-button.swiper-button-disabled:hover,
.theme-dark .arrow-button.swiper-button-disabled:hover {
box-shadow: none
}
.card-dark .arrow-button--transparent,
.panel-dark .arrow-button--transparent,
.section-dark .arrow-button--transparent,
.theme-dark .arrow-button--transparent {
background-color: transparent;
color: var(--base-5)
}
.card-dark .arrow-button--transparent:hover,
.panel-dark .arrow-button--transparent:hover,
.section-dark .arrow-button--transparent:hover,
.theme-dark .arrow-button--transparent:hover {
background-color: transparent;
color: var(--base-5);
box-shadow: none;
outline: 1px solid var(--base-5)
}
.card-dark .arrow-button--transparent:focus-visible,
.panel-dark .arrow-button--transparent:focus-visible,
.section-dark .arrow-button--transparent:focus-visible,
.theme-dark .arrow-button--transparent:focus-visible {
box-shadow: none;
color: var(--base-5);
background-color: transparent;
outline: 2px solid var(--base-3)
}
.card-dark .arrow-button--transparent.swiper-button-disabled,
.panel-dark .arrow-button--transparent.swiper-button-disabled,
.section-dark .arrow-button--transparent.swiper-button-disabled,
.theme-dark .arrow-button--transparent.swiper-button-disabled {
color: var(--base-2);
background-color: transparent
}
.pagination__item {
border: none;
background: 0 0;
outline: 0;
color: var(--base-2);
text-decoration: underline;
padding: 0 var(--sm-3);
transition: all .25s
}
.pagination__item:hover {
color: var(--base-1)
}
.pagination__item:focus-visible {
box-shadow: none
}
.pagination__item.active {
font-weight: 700;
color: var(--base-1);
text-decoration: none
}
.pagination__item.truncation {
text-decoration: none
}
.pagination .arrow-button {
background-color: transparent;
color: var(--primary-1);
padding: var(--xs-1);
font-size: 2.4rem;
line-height: 2.4rem;
transition: all .25s;
border-radius: 0
}
.pagination .arrow-button:hover {
background-color: transparent;
color: var(--primary-1)
}
.pagination .arrow-button:focus-visible {
box-shadow: none;
outline: 0;
background-color: transparent;
color: var(--primary-1)
}
.card-dark .pagination__item,
.panel-dark .pagination__item,
.section-dark .pagination__item {
color: var(--light-50)
}
.card-dark .pagination__item:hover,
.panel-dark .pagination__item:hover,
.section-dark .pagination__item:hover {
color: var(--base-5)
}
.card-dark .pagination__item:focus-visible,
.panel-dark .pagination__item:focus-visible,
.section-dark .pagination__item:focus-visible {
box-shadow: none;
color: var(--base-5)
}
.card-dark .pagination__item.active,
.panel-dark .pagination__item.active,
.section-dark .pagination__item.active {
color: var(--base-5)
}
.card-dark .pagination .arrow-button,
.panel-dark .pagination .arrow-button,
.section-dark .pagination .arrow-button {
background-color: transparent;
color: var(--base-5);
padding: var(--xs-1)
}
.card-dark .pagination .arrow-button:hover,
.panel-dark .pagination .arrow-button:hover,
.section-dark .pagination .arrow-button:hover {
color: var(--base-5)
}
.card-dark .pagination .arrow-button:focus-visible,
.panel-dark .pagination .arrow-button:focus-visible,
.section-dark .pagination .arrow-button:focus-visible {
color: var(--base-5)
}
.carousel-lines span {
display: inline-block;
width: 4.8rem;
height: .4rem;
border-radius: 2px;
cursor: pointer;
background-color: var(--base-3);
transition: all .25s;
opacity: 1;
margin: 0!important
}
.carousel-lines span:hover {
background-color: var(--base-2)
}
.carousel-lines span.active,
.carousel-lines span.swiper-pagination-bullet-active {
background-color: var(--base-1)
}
.card-dark .carousel-lines span,
.panel-dark .carousel-lines span,
.section-dark .carousel-lines span {
background-color: var(--light-25)
}
.card-dark .carousel-lines span:hover,
.panel-dark .carousel-lines span:hover,
.section-dark .carousel-lines span:hover {
background-color: var(--light-50)
}
.card-dark .carousel-lines span.active,
.card-dark .carousel-lines span.swiper-pagination-bullet-active,
.panel-dark .carousel-lines span.active,
.panel-dark .carousel-lines span.swiper-pagination-bullet-active,
.section-dark .carousel-lines span.active,
.section-dark .carousel-lines span.swiper-pagination-bullet-active {
background-color: var(--base-5)
}
.modal {
background: var(--dark-25)
}
.modal .modal-content {
border: none;
background-color: var(--primary-7);
padding: var(--md-2)!important
}
.modal .modal-title {
color: var(--primary-1)!important
}
.modal .modal-dialog {
max-width: 100.8rem
}
.modal .modal-header {
padding: 0 0 var(--md-4) 0;
align-items: start;
border-bottom: solid 1px var(--base-1)
}
.modal .btn-close {
margin: 0;
margin-left: auto;
font-size: 2.4rem;
line-height: 2.4rem;
padding: 0;
border: none;
background: 0 0;
font-weight: 700
}
.modal .modal-body {
margin: var(--md-4) 0;
padding: 0
}
.modal .modal-footer {
padding: 0;
border: none;
justify-content: start
}
.modal--video .modal-content {
background-color: transparent;
padding: var(--sm-2)
}
.modal--video .modal-header {
padding-bottom: var(--sm-2)
}
.modal--video .btn-close {
color: var(--base-5)
}
.modal--video .modal-body {
margin: 0;
background-color: var(--base-1)
}
.share.open .share__wrapper {
transform: translateX(0)
}
.share.open .share__link {
transform: translateX(-100%)
}
.share__wrapper {
transform: translateX(-100%);
transition: transform .3s ease-in-out;
will-change: transform
}
.share__link {
transform: translateX(0);
transition: transform .3s ease-in-out;
will-change: transform
}
.search-header {
position: absolute;
left: 0;
background: var(--base-1);
top: 100%;
z-index: 10;
transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%;
display: flexbox;
display: flex;
align-items: center;
justify-content: center;
border-color: var(--base-1);
visibility: hidden;
opacity: 0
}
.search-header__input {
width: 100%;
border: 0;
background: 0 0;
color: var(--base-4);
padding-left: var(--lg-2)
}
.search-header__input:focus {
outline: 0;
}
.search-header__button-search {
border: none;
background: 0 0;
color: var(--base-4);
font-size: 2rem
}
.search-header__button-close {
background: 0 0;
font-size: 2.4rem;
border: 0;
right: 0;
color: var(--base-4)
}
.search-header__button-close:hover {
color: var(--base-4)
}
.search-header__button-close:focus,
.search-header__button-close:focus-visible {
color: var(--base-4);
border-radius: var(--radius-xxl)
}
.search-header .nav-sm {
text-decoration: none;
color: var(--base-4);
border: 1px solid transparent;
width: 100%
}
.search-header .nav-sm:hover {
background: var(--tint-light-10,rgba(255,255,255,.1))
}
.search-header .nav-sm:focus-visible {
border: 1px solid var(--base-5);
border-radius: var(--radius-xxl)
}
.search-header .nav-sm .icon {
color: var(--base-4);
font-size: 2rem
}
.search-header .nav-sm span {
color: var(--base-2)
}
.search-header .nav-sm span b {
color: var(--base-4);
font-weight: 500
}
.search-header .nav-sm span strong {
font-weight: 500
}
@media (min-width:992px) {
.search-header__input {
padding-left: var(--md-1)
}
}
.back-to-top {
visibility: hidden;
opacity: 0;
border: none;
background-color: var(--base-1);
color: var(--base-5);
transition: all .25s;
right: var(--sm-2);
bottom: var(--sm-2);
position: fixed;
z-index: 5
}
.back-to-top__icon {
font-size: 2.4rem;
height: 2.4rem
}
.back-to-top__label {
display: none
}
@media (min-width:1200px) {
.back-to-top__label {
display: block;
max-width: 0;
overflow: hidden;
white-space: nowrap;
transition: all .25s ease-out;
transition-delay: 0s
}
.back-to-top:hover .back-to-top__label {
max-width: 30rem;
transition: all .25s ease-in
}
}
.page-down .back-to-top {
visibility: visible;
opacity: 1
}
.custom-heading h2 span {
display: inline-block
}
.custom-heading h2 span:last-child {
margin-left: 0
}
.custom-heading h2 span:first-child {
margin-left: 0
}
@media (min-width:768px) {
.custom-heading h2 {
color: var(--primary-1)
}
.custom-heading h2 span {
display: block
}
.custom-heading h2 span:first-child {
margin-left: calc(-10% + 4rem)
}
.custom-heading h2 span:last-child {
margin-left: 7.3rem;
color: var(--primary-2)
}
}
.lang-swicher {
max-width: -moz-max-content!important;
max-width: max-content!important;
min-width: auto!important
}
.lang-swicher__button {
background: 0 0;
border: none;
padding: 0;
margin: 0 0 0 auto;
font-size: var(--button-label-fs);
line-height: var(--button-label-lh);
font-weight: 600;
display: flex;
align-items: center;
gap: var(--xs-1)
}
.lang-swicher__button .icon {
font-size: 2.4rem;
line-height: 2.4rem
}
.lang-swicher__list {
border: solid 1px var(--base-1);
background-color: var(--base-5);
margin: 0;
padding: 0;
list-style-type: none;
display: none;
position: absolute;
width: 100%;
min-width: 14rem
}
.lang-swicher__list.show {
display: block;
margin-top: -3px!important;
z-index: 1
}
.lang-swicher__link {
display: block;
text-decoration: none;
font-size: var(--nav-sm-fs);
line-height: var(--nav-sm-lh);
font-weight: 600;
padding: var(--xs-2) var(--sm-4);
transition: all .25s
}
.lang-swicher__link:focus,
.lang-swicher__link:hover {
background-color: var(--base-1);
color: var(--base-5);
outline: 0
}
.lang-swicher__link.active {
background-color: var(--base-3)
}
.lang-swicher__link.active:hover {
color: var(--base-1)
}
.panel-dark .lang-swicher__button,
.section-dark .lang-swicher__button,
.theme-dark .lang-swicher__button {
color: var(--base-5)
}
.panel-dark .lang-swicher__list,
.section-dark .lang-swicher__list,
.theme-dark .lang-swicher__list {
border: solid 1px var(--base-2);
background: var(--base-1)
}
.panel-dark .lang-swicher__link,
.section-dark .lang-swicher__link,
.theme-dark .lang-swicher__link {
color: var(--base-5)
}
.panel-dark .lang-swicher__link:hover,
.section-dark .lang-swicher__link:hover,
.theme-dark .lang-swicher__link:hover {
background-color: var(--base-5);
color: var(--base-1)
}
.panel-dark .lang-swicher__link.active,
.section-dark .lang-swicher__link.active,
.theme-dark .lang-swicher__link.active {
background-color: var(--base-2)
}
.breadcrumb {
margin-right: -2.7rem
}
.breadcrumb::after {
content: "";
position: absolute;
height: 100%;
width: 80px;
background: linear-gradient(-90deg,#fff 2.25%,rgba(255,255,255,0) 99.62%);
right: -1px;
top: 0
}
.breadcrumb__list {
list-style-type: none;
margin-bottom: 0;
padding: 0
}
.breadcrumb__list li {
position: relative;
padding-right: calc(var(--xs-1) + 2.4rem);
white-space: nowrap
}
.breadcrumb__list li::after {
content: "\e91c";
font-family: icomoon;
position: absolute;
right: 0;
top: 0;
font-size: 2.4rem;
width: 2.4rem;
height: 2.4rem;
color: var(--primary-4)
}
.breadcrumb__list li:first-child {
padding-left: 0
}
.breadcrumb__list li:last-child {
padding-right: 8rem
}
.breadcrumb__list li:last-child .breadcrumb-text {
font-weight: 600;
color: var(--base-5)
}
.breadcrumb__list li:last-child::after {
display: none
}
.breadcrumb__list li:last-child a {
text-decoration: none;
pointer-events: none;
font-weight: 600
}
.breadcrumb__list li a {
transition: color .25s;
color: var(--light-75)
}
.breadcrumb__list li a:hover {
color: var(--primary-2)
}
.breadcrumb__list li a:focus-visible {
outline: solid 2px var(--primary-3);
outline-offset: var(--xs-1);
border: none;
color: var(--primary-2);
}
.breadcrumb__list li:hover a {
color: var(--primary-2)
}
.breadcrumb__list li:focus-visible {
outline: 2px solid var(--primary-3);
outline-offset: var(--xs-1);
color: var(--primary-2);
}
.breadcrumb__inner {
scrollbar-width: none;
overflow: auto hidden
}
@media (min-width:768px) {
.breadcrumb {
margin-right: 0
}
.breadcrumb::after {
content: none
}
.breadcrumb__inner {
overflow: visible
}
.breadcrumb__list li:last-child {
padding-right: 0
}
}
.panel-dark .breadcrumb::after,
.section-dark .breadcrumb::after,
.theme-dark .breadcrumb::after {
background: linear-gradient(270deg, rgba(4, 43, 44, 0.50) 7.5%, rgba(4, 43, 44, 0.00) 96.87%);
}
.panel-dark .breadcrumb__list li a,
.section-dark .breadcrumb__list li a,
.theme-dark .breadcrumb__list li a {
color: var(--light-75)
}
.panel-dark .breadcrumb__list li a:hover,
.section-dark .breadcrumb__list li a:hover,
.theme-dark .breadcrumb__list li a:hover {
color: var(--base-5)
}
.panel-dark .breadcrumb__list li a:focus-visible,
.section-dark .breadcrumb__list li a:focus-visible,
.theme-dark .breadcrumb__list li a:focus-visible {
outline: solid 2px var(--base-5);
outline-offset: var(--xs-1);
border: none;
color: var(--base-5)
}
.panel-dark .breadcrumb__list li:last-child .breadcrumb-text,
.section-dark .breadcrumb__list li:last-child .breadcrumb-text,
.theme-dark .breadcrumb__list li:last-child .breadcrumb-text {
color: var(--base-5)
}
.panel-dark .breadcrumb__list li::after,
.section-dark .breadcrumb__list li::after,
.theme-dark .breadcrumb__list li::after {
color: var(--primary-4)
}
.footer-links ul li {
list-style-type: none;
margin-bottom: var(--xs-1)
}
.footer-links ul li a {
color: var(--base-5);
opacity: .5
}
.footer-links ul li a:hover {
color: var(--base-5);
opacity: 1
}
.footer-links ul li a:focus {
outline: solid 2px var(--primary-2);
outline-offset: 2px;
opacity: 1
}
.footer-links ul li a:focus-visible {
padding: var(--sm-4) var(--sm-3);
background-color: transparent;
color: var(--base-5);
border-radius: var(--radius-xxl);
outline: .1rem solid var(--light-75);
outline-offset: .1rem
}
.footer-links ul li a:focus-visible .__label {
color: var(--base-5)
}
.footer-links ul li a:focus-visible .__icon {
color: var(--base-5)
}
.footer-links ul li:last-child {
margin-bottom: 0
}
.card-dark .footer-links ul li,
.panel-dark .footer-links ul li,
.section-dark .footer-links ul li {
list-style-type: none;
margin-bottom: var(--xs-1)
}
.card-dark .footer-links ul li a,
.panel-dark .footer-links ul li a,
.section-dark .footer-links ul li a {
color: var(--base-5)
}
.card-dark .footer-links ul li a:hover,
.panel-dark .footer-links ul li a:hover,
.section-dark .footer-links ul li a:hover {
color: var(--base-5);
opacity: 1
}
.card-dark .footer-links ul li a:focus,
.panel-dark .footer-links ul li a:focus,
.section-dark .footer-links ul li a:focus {
outline: solid 2px var(--base-5);
outline-offset: 2px
}
.card-dark .footer-links ul li:last-child,
.panel-dark .footer-links ul li:last-child,
.section-dark .footer-links ul li:last-child {
margin-bottom: 0
}
.quick-links ul li {
list-style-type: none;
margin-bottom: var(--xs-1)
}
.quick-links ul li a {
color: var(--color-body);
opacity: .5
}
.quick-links ul li a:hover {
color: var(--color-body);
opacity: 1
}
.quick-links ul li a:focus {
outline: solid 2px var(--primary-2);
outline-offset: 2px;
opacity: 1
}
.quick-links ul li a:focus-visible {
padding: var(--sm-4) var(--sm-3);
background-color: transparent;
color: var(--base-5);
border-radius: var(--radius-xxl);
outline: .1rem solid var(--light-75);
outline-offset: .1rem
}
.quick-links ul li a:focus-visible .__label {
color: var(--base-5)
}
.quick-links ul li a:focus-visible .__icon {
color: var(--base-5)
}
.quick-links ul li:last-child {
margin-bottom: 0
}
.card-dark .quick-links ul li,
.panel-dark .quick-links ul li,
.section-dark .quick-links ul li {
list-style-type: none;
margin-bottom: var(--xs-1)
}
.card-dark .quick-links ul li a,
.panel-dark .quick-links ul li a,
.section-dark .quick-links ul li a {
color: var(--base-5)
}
.card-dark .quick-links ul li a:hover,
.panel-dark .quick-links ul li a:hover,
.section-dark .quick-links ul li a:hover {
color: var(--color-body)
}
.card-dark .quick-links ul li a:focus,
.panel-dark .quick-links ul li a:focus,
.section-dark .quick-links ul li a:focus {
outline: solid 2px var(--color-body);
outline-offset: 2px
}
.card-dark .quick-links ul li:last-child,
.panel-dark .quick-links ul li:last-child,
.section-dark .quick-links ul li:last-child {
margin-bottom: 0
}
.social-links img {
left: 0
}
.social-links a {
color: var(--color-body)
}
.social-links a:hover {
color: var(--color-body-secondary)
}
.social-links a:focus {
outline: solid 2px var(--color-body);
outline-offset: 2px
}
.social-links a:focus-visible {
padding: var(--sm-4) var(--sm-3);
background-color: transparent;
color: var(--base-5);
border-radius: var(--radius-xxl);
outline: .1rem solid var(--light-75);
outline-offset: .1rem
}
.social-links a:focus-visible .__label {
color: var(--base-5)
}
.social-links a:focus-visible .__icon {
color: var(--base-5)
}
.card-dark img,
.panel-dark img,
.section-dark img {
left: 0
}
.card-dark a,
.panel-dark a,
.section-dark a {
color: var(--color-body)
}
.card-dark a:hover,
.panel-dark a:hover,
.section-dark a:hover {
color: var(--color-body)
}
.card-dark a:focus,
.panel-dark a:focus,
.section-dark a:focus {
outline: solid 2px var(--color-body);
outline-offset: 2px
}
.rte h1 + img,
.rte h2 + img,
.rte h3 + img,
.rte h4 + img,
.rte h5 + img,
.rte h6 + img {
margin-top: 0
}
.rte h1 + .overflow-x-auto,
.rte h2 + .overflow-x-auto,
.rte h3 + .overflow-x-auto,
.rte h4 + .overflow-x-auto,
.rte h5 + .overflow-x-auto,
.rte h6 + .overflow-x-auto {
margin-top: var(--md-4)
}
.rte .rad-underline {
text-decoration: underline
}
.rte .rad-color-1 {
color: var(--primary-1)
}
.rte .rad-color-2 {
color: var(--primary-2)
}
.rte .rad-color-3 {
color: var(--primary-3)
}
.rte .rad-color-4 {
color: var(--primary-4)
}
.rte .rad-color-5 {
color: var(--primary-5)
}
.rte a + div,
.rte a + h1,
.rte a + h2,
.rte a + h3,
.rte a + h4,
.rte a + h5,
.rte a + h6 {
margin-top: var(--md-4)
}
.rte div,
.rte img,
.rte ol,
.rte p,
.rte ul {
margin-bottom: var(--sm-3)
}
.rte div:last-child,
.rte img:last-child,
.rte ol:last-child,
.rte p:last-child,
.rte ul:last-child {
margin-bottom: 0
}
.rte div + div,
.rte div + h1,
.rte div + h2,
.rte div + h3,
.rte div + h4,
.rte div + h5,
.rte div + h6,
.rte img + div,
.rte img + h1,
.rte img + h2,
.rte img + h3,
.rte img + h4,
.rte img + h5,
.rte img + h6,
.rte ol + div,
.rte ol + h1,
.rte ol + h2,
.rte ol + h3,
.rte ol + h4,
.rte ol + h5,
.rte ol + h6,
.rte p + div,
.rte p + h1,
.rte p + h2,
.rte p + h3,
.rte p + h4,
.rte p + h5,
.rte p + h6,
.rte ul + div,
.rte ul + h1,
.rte ul + h2,
.rte ul + h3,
.rte ul + h4,
.rte ul + h5,
.rte ul + h6 {
margin-top: var(--md-4)
}
.rte div:has(img),
.rte img:has(img),
.rte ol:has(img),
.rte p:has(img),
.rte ul:has(img) {
margin-bottom: 0
}
.rte div:first-child img,
.rte img:first-child img,
.rte ol:first-child img,
.rte p:first-child img,
.rte ul:first-child img {
margin-top: 0
}
.rte img {
margin-top: var(--sm-2);
margin-bottom: 0;
max-width: 100%
}
.rte img + p {
margin-top: var(--md-4)
}
.rte img + .rte__cta-wrapper {
margin-top: var(--md-4)
}
.rte noscript + .rte__cta-wrapper {
margin-top: var(--md-4)
}
.video {
aspect-ratio: 16/9;
height: auto;
width: 100%
}
.video__frame-wrapper {
width: 100%
}
.video iframe {
width: 100%;
height: auto;
aspect-ratio: 16/9;
display: block
}
.video .action-button {
bottom: var(--sm-3);
right: var(--sm-3);
position: absolute;
z-index: 1
}
.video .inv_playerContainer {
height: inherit;
min-height: inherit
}
.video .inv_playerContainer.inv_mobilesmall {
min-height: auto
}
.video .inv_playerContainer .inv_videoMainContainer {
height: inherit
}
.video .inv_playerContainer .inv_videoMainContainer .inv_videoMainContainer_inner {
height: inherit
}
.video .inv_playerContainer .inv_videoMainContainer .inv_videoMainContainer_inner .inv_videoDisplay {
height: inherit
}
.video .inv_playerContainer .inv_videoMainContainer .inv_videoMainContainer_inner .inv_videoDisplay .inv_videoStillArea img {
height: inherit
}
.video .inv_playerContainer .inv_videoMainContainer .inv_videoMainContainer_inner .inv_videoDisplay .inv_videoArea {
height: inherit
}
.video .inv_playerContainer .inv_videoMainContainer .inv_videoMainContainer_inner .inv_videoDisplay .inv_videoArea img,
.video .inv_playerContainer .inv_videoMainContainer .inv_videoMainContainer_inner .inv_videoDisplay .inv_videoArea video {
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.video--background {
position: relative;
overflow: hidden;
height: 100%
}
.video--background iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
@media (aspect-ratio >= 16/9) {
.video--background iframe {
height: 56.25vw
}
}
@media (aspect-ratio <= 16/9) {
.video--background iframe {
width: 177.78vh
}
}
table:not(.sb-unstyled) {
width: 100%;
font-family: var(--body-s-font-family);
font-size: var(--body-s-font-size);
line-height: var(--body-s-line-height);
font-weight: var(--body-s-weight);
letter-spacing: var(--body-s-letter-spacing)
}
table:not(.sb-unstyled) thead {
background: var(--base-4);
font-weight: 700
}
table:not(.sb-unstyled) thead th {
color: var(--primary-1);
padding: var(--sm-2);
vertical-align: top
}
table:not(.sb-unstyled) tbody tr {
border-bottom: 1px solid var(--base-3);
background-color: var(--base-5)
}
table:not(.sb-unstyled) tbody td {
padding: var(--sm-2);
vertical-align: top;
color: var(--base-2)
}
table:not(.sb-unstyled) tbody td .icon {
font-size: 2.4rem;
line-height: 2.4rem
}
table:not(.sb-unstyled) tbody td a .cta__icon {
font-size: 2.4rem
}
.table--striped tbody tr {
border-bottom: 0!important
}
.table--striped tbody tr:nth-child(even) {
background-color: var(--base-3)
}
.table--striped tbody tr:nth-child(odd) {
background-color: var(--base-4)
}
.grid-table__row {
display: grid;
grid-auto-columns: 1fr;
grid-template-rows: auto;
gap: var(--sm-2) 0;
grid-auto-rows: max-content;
border-bottom: solid 1px var(--base-3);
padding: var(--sm-2) var(--xs-1)
}
.grid-table__link-collection {
display: flex;
flex-wrap: wrap
}
.grid-table__link-collection > div:not(:empty) {
margin-right: var(--sm-2)
}
.grid-table__link-collection > div:not(:empty):last-child {
margin-right: 0
}
@media (min-width:1200px) {
.grid-table__header,
.grid-table__row {
display: grid;
grid-template-columns: 19rem 1fr 1fr;
gap: 0 0
}
.media-articles .media-articles__wrapper .grid-table__header, .grid-table__row {
grid-template-columns: 19rem 1fr 2fr;
}
.grid-table__row {
padding: 0
}
.grid-table__link-collection {
text-align: center;
display: grid;
grid-auto-flow: column;
justify-items: center
}
.grid-table__link-collection > div {
min-width: 13rem;
max-width: -moz-fit-content;
max-width: fit-content;
display: flex;
justify-content: center
}
.grid-table__link-collection > div:not(:empty) {
margin-right: 0
}
.grid-table__link-collection .cta__label {
display: none
}
}
.signpost-card {
max-width: 120rem;
overflow: hidden;
border-radius: var(--radius-sm)
}
.signpost-card__image-wrapper {
height: 17rem
}
.signpost-card__image-wrapper img {
transition: all .25s ease-out
}
.signpost-card__content {
transition: all .25s ease-out;
flex: 1
}
.signpost-card:hover img {
transform: scale(1.2)
}
.signpost-card:hover .signpost-card__content {
background: var(--background-card-hover);
--color-display: var(--base-5);
--color-headline: var(--base-5);
--color-body: var(--base-5);
--color-body-secondary: var(--base-5);
--color-utility: var(--light-75)
}
.signpost-card .cta::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.signpost-card--medium .signpost-card__image-wrapper {
height: 13.8rem
}
.signpost-card--small .signpost-card__image-wrapper {
height: 13.4rem
}
@media (min-width:768px) {
.signpost-card__image-wrapper {
height: 32.4rem
}
.signpost-card--medium .signpost-card__image-wrapper {
height: 26rem
}
.signpost-card--small .signpost-card__image-wrapper {
height: 18rem
}
}
@media (min-width:1200px) {
.signpost-card__image-wrapper {
height: 36.4rem
}
.signpost-card--medium .signpost-card__image-wrapper {
min-width: 22.4rem;
max-width: 22.4rem;
min-height: 23.6rem;
height: auto
}
.signpost-card--small .signpost-card__image-wrapper {
min-width: 20rem;
max-width: 20rem;
min-height: 20rem;
height: auto
}
}
.card {
max-width: 100rem;
flex-direction: column
}
.card:hover .card__image {
transform: scale(1.2)
}
.card:hover .card__content {
background-color: var(--base-2)
}
.card__image {
transition: transform .3s ease-in-out
}
.card__content {
transition: .3s ease-in-out
}
.card .cta {
justify-content: start
}
@media (min-width:768px) {
.card--medium {
flex-direction: column
}
.card--small {
flex-direction: column
}
}
@media (min-width:1200px) {
.card__image-wrapper {
flex: none
}
.card__content {
flex: none
}
.card--medium {
flex-direction: row
}
.card--medium .card__image-wrapper {
flex: 0 0 37%
}
.card--medium .card__content {
flex: 0 0 63%
}
.card--small {
flex-direction: row
}
.card--small .card__image-wrapper {
flex: 0 0 35%
}
.card--small .card__content {
flex: 0 0 65%
}
}
.image-signpost-card {
max-width: 120rem;
min-height: 24rem;
height: 1rem;
border-radius: var(--radius-sm)
}
.image-signpost-card__image-wrapper {
top: 0;
left: 0;
transition: all .25s ease-in-out
}
.image-signpost-card::after {
position: absolute;
z-index: 1;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg,rgba(23,38,74,0) 0,rgba(43,66,120,.5) 100%);
transition: all .5s
}
.image-signpost-card:focus-within::after,
.image-signpost-card:hover::after {
background: linear-gradient(90deg,#004547 0,rgba(23,38,74,.3) 100%)
}
.image-signpost-card:focus-within .image-signpost-card__image-wrapper,
.image-signpost-card:hover .image-signpost-card__image-wrapper {
transform: scale(1.2)
}
.image-signpost-card__hidden-elements {
max-height: 0;
overflow: hidden;
transition: max-height 1s ease
}
@media (min-width:768px) {
.image-signpost-card {
min-height: 32rem
}
.image-signpost-card--small {
min-height: 28rem
}
}
@media (min-width:1200px) {
.image-signpost-card {
min-height: 56.8rem
}
.image-signpost-card__hidden-elements {
max-height: 0;
overflow: hidden;
transition: max-height 1s ease
}
.image-signpost-card:focus-within .image-signpost-card__hidden-elements,
.image-signpost-card:hover .image-signpost-card__hidden-elements {
max-height: 50rem;
overflow: visible;
transition: max-height 2s ease
}
.image-signpost-card--small {
min-height: 39.5rem
}
}
.icon-signpost-card {
height: 1rem;
min-height: 20rem;
max-width: 120rem
}
.icon-signpost-card__image {
height: 3.2rem;
width: 3.2rem
}
.icon-signpost-card__image img {
width: inherit;
height: inherit
}
.icon-signpost-card__hidden-elements {
max-height: 0;
overflow: hidden;
transition: max-height 1s ease
}
@media (min-width:768px) {
.icon-signpost-card {
min-height: 35.2rem
}
.icon-signpost-card__image {
height: 4.8rem;
width: 4.8rem
}
.icon-signpost-card--small {
min-height: 28.8rem
}
}
@media (min-width:1200px) {
.icon-signpost-card {
min-height: 56.8rem;
transition: background .5s
}
.icon-signpost-card__image {
height: 9.6rem;
width: 9.6rem
}
.icon-signpost-card--small {
min-height: 36.8rem
}
.icon-signpost-card--small .icon-signpost-card__image {
height: 6.4rem;
width: 6.4rem;
max-height: 10rem;
transition: all .25s ease-out;
overflow: hidden;
opacity: 1
}
.icon-signpost-card--small:focus-within .icon-signpost-card__image,
.icon-signpost-card--small:hover .icon-signpost-card__image {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all .25s ease-out
}
.icon-signpost-card:focus-within,
.icon-signpost-card:hover {
background: var(--background-card-hover)
}
.icon-signpost-card:focus-within .icon-signpost-card__hidden-elements,
.icon-signpost-card:hover .icon-signpost-card__hidden-elements {
max-height: 50rem;
overflow: visible;
transition: max-height 2s ease
}
}
.tabs__list {
list-style: none;
padding: 0;
margin: 0;
width: 100%
}
.tabs__item:first-child .tabs__link {
border-top-left-radius: var(--radius-sm);
border-bottom-left-radius: var(--radius-sm)
}
.tabs__item:last-child .tabs__link {
border-top-right-radius: var(--radius-sm);
border-bottom-right-radius: var(--radius-sm)
}
.tabs__link {
border: none;
background: var(--primary-1);
color: var(--light-75);
transition: all .25s
}
.tabs__link::after {
content: none
}
.tabs__link:hover {
color: var(--primary-3)
}
.tabs__link.active {
background: var(--primary-2);
color: var(--base-5)
}
.tabs__link:focus-visible {
outline: .2rem solid var(--primary-2);
border-radius: 0;
outline-offset: -.2rem;
background: var(--base-5);
color: var(--primary-1)
}
.tabs .arrow-button:not(.swiper-button-lock) {
z-index: 2
}
.tabs .arrow-button:not(.swiper-button-lock) + .tabs__list {
width: calc(100% - 4.8rem - var(--xs-2) * 4)
}
.tabs__content {
display: none;
opacity: 0;
transition: opacity 1s ease
}
.tabs__content.active {
display: block;
opacity: 1;
padding-left: calc(var(--lg-1) + var(--bs-gutter-x));
padding-right: calc(var(--lg-1) + var(--bs-gutter-x))
}
.panel-dark .tabs__link,
.section-dark .tabs__link {
background: var(--primary-4);
color: var(--primary-8)
}
.panel-dark .tabs__link:hover,
.section-dark .tabs__link:hover {
background: var(--primary-9);
color: var(--primary-7)
}
.panel-dark .tabs__link.active,
.section-dark .tabs__link.active {
background: var(--primary-5);
color: var(--base-5)
}
.panel-dark .tabs__link:focus-visible,
.section-dark .tabs__link:focus-visible {
outline-color: var(--primary-4);
background: var(--base-1);
color: var(--base-5)
}
.panel-dark .tabs .arrow-button:not(.swiper-button-lock),
.section-dark .tabs .arrow-button:not(.swiper-button-lock) {
color: var(--base-5)
}
.accordion__item {
margin-bottom: -1px
}
.accordion__button {
border: solid 0 var(--base-1);
border-left: none;
border-right: none;
background-color: var(--base-4);
transition: all .3s ease;
border-radius: .4rem
}
.accordion__button:hover {
background-color: var(--base-3)
}
.accordion__button:not(.collapsed) {
background-color: var(--base-4)
}
.accordion__button:not(.collapsed) > span {
transform: rotate(180deg)
}
.accordion__button > span {
font-size: 2.4rem;
font-weight: 700;
transition: transform .5s ease;
color: var(--primary-1)
}
.accordion__button * {
color: var(--primary-1)
}
.accordion__content {
height: auto;
transition: height .3s ease
}
.accordion__content:not(.show) {
overflow: hidden;
height: 0
}
.card-dark .accordion__button,
.panel-dark .accordion__button,
.section-dark .accordion__button,
.theme-dark .accordion__button {
border: solid 0 var(--base-1);
background-color: var(--primary-1);
color: var(--base-5)
}
.card-dark .accordion__button:hover,
.panel-dark .accordion__button:hover,
.section-dark .accordion__button:hover,
.theme-dark .accordion__button:hover {
background-color: var(--primary-1)
}
.card-dark .accordion__button:not(.collapsed),
.panel-dark .accordion__button:not(.collapsed),
.section-dark .accordion__button:not(.collapsed),
.theme-dark .accordion__button:not(.collapsed) {
background-color: var(--primary-1)
}
.card-dark .accordion__button > span,
.panel-dark .accordion__button > span,
.section-dark .accordion__button > span,
.theme-dark .accordion__button > span {
color: var(--base-5)
}
.card-dark .accordion__button *,
.panel-dark .accordion__button *,
.section-dark .accordion__button *,
.theme-dark .accordion__button * {
color: var(--base-5)
}
.expandable-content > div {
margin-bottom: var(--md-4)
}
.expandable-content > div:last-child {
margin-bottom: 0
}
@media (min-width:768px) {
.expandable-content__two-column > div {
width: 50%
}
.expandable-content__two-column > div:nth-child(2) > div {
margin-bottom: var(--md-4)
}
.expandable-content__two-column > div:nth-child(2) > div:last-child {
margin-bottom: 0
}
}
.caption .cta {
max-width: -moz-fit-content;
max-width: fit-content
}
.news-story-card {
max-width: 70rem;
overflow: hidden;
border-radius: var(--radius-sm)
}
.news-story-card__image {
min-height: 35.4rem;
transition: transform .3s ease
}
.news-story-card__content .tag-text {
background-color: transparent
}
.news-story-card__content span.tag-text {
outline: unset;
opacity: .8;
z-index: auto;
}
.news-story-card--small .news-story-card__image-wrapper{
max-height: 25rem;
}
.news-story-card--small .news-story-card__image {
min-height: 25rem
}
.news-story-card .tag-text {
position: relative;
z-index: 2
}
.news-story-card .cta--text-link:hover .cta__label {
color: rgba(255,255,255,.75);
text-decoration: none
}
.news-story-card .cta__icon {
color: var(--primary-1)
}
.news-story-card:hover .news-story-card__image {
transform: scale(1.2)
}
.news-story-card:hover .news-story-card__content {
background-color: var(--primary-2);
--color-display: var(--base-5);
--color-headline: var(--base-5);
--color-body: var(--base-5);
--color-body-secondary: var(--base-5);
--color-utility: var(--base-5)
}
.news-story-card:hover .news-story-card__content .tag-text {
outline: solid 1px var(--primary-3);
color: var(--base-5);
opacity: .75
}
.news-story-card:hover .news-story-card__content span.tag-text {
outline: unset
}
.news-story-card:hover .news-story-card__content .cta__icon {
color: rgba(255,255,255,.75)
}
.news-story-card:hover .cta__icon {
opacity: 1
}
.shareprice-ticker__prev-arrow {
position: absolute;
left: var(--sm-3);
top: 54%;
z-index: 1;
pointer-events: all
}
.shareprice-ticker__next-arrow {
position: absolute;
right: var(--sm-3);
top: 54%;
z-index: 1;
pointer-events: all
}
.profile-card {
max-width: 80rem
}
.profile-card::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 3.3rem;
z-index: -1;
margin: 0 auto;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 24px solid var(--primary-5);
transition: .5s ease-in-out
}
.profile-card__card-link {
transition: all .3s ease-in-out;
min-height: auto;
border-radius: var(--radius-sm);
cursor: pointer
}
.profile-card__card-link:hover {
text-decoration: none
}
.profile-card__card-link:hover .profile-card__cta-wrapper .cta {
color: var(--base-5)
}
.profile-card__card-link:hover .profile-card__cta-wrapper .cta__label {
text-decoration: none
}
.profile-card__card-link:hover .profile-card__content {
background-color: var(--primary-4);
color: var(--primary-5)
}
.profile-card__card-link:hover .profile-card__content .color-display,
.profile-card__card-link:hover .profile-card__content .rte h1,
.profile-card__card-link:hover .profile-card__content .rte h2,
.profile-card__card-link:hover .profile-card__content .rte h3,
.rte .profile-card__card-link:hover .profile-card__content h1,
.rte .profile-card__card-link:hover .profile-card__content h2,
.rte .profile-card__card-link:hover .profile-card__content h3 {
color: var(--primary-5)
}
.profile-card__card-link:hover .profile-card__content .color-body,
.profile-card__card-link:hover .profile-card__content .rte div,
.profile-card__card-link:hover .profile-card__content .rte img,
.profile-card__card-link:hover .profile-card__content .rte ol,
.profile-card__card-link:hover .profile-card__content .rte p,
.profile-card__card-link:hover .profile-card__content .rte ul,
.rte .profile-card__card-link:hover .profile-card__content div,
.rte .profile-card__card-link:hover .profile-card__content img,
.rte .profile-card__card-link:hover .profile-card__content ol,
.rte .profile-card__card-link:hover .profile-card__content p,
.rte .profile-card__card-link:hover .profile-card__content ul {
color: var(--primary-5)
}
.profile-card__card-link:hover .profile-card__content .color-cta {
color: var(--primary-5)
}
.profile-card__card-link:focus-within {
box-shadow: 0 0 0 2px var(--base-2)
}
.profile-card__image {
max-height: 32rem;
border-top-left-radius: var(--radius-sm);
border-top-right-radius: var(--radius-sm)
}
.profile-card__cta-wrapper {
max-height: 0;
transition: all .3s ease-in-out
}
.profile-card__cta-wrapper .cta--text-link:hover .cta__label {
color: var(--base-5)
}
.profile-card__content {
flex: 1;
bottom: 0;
transition: all .6s ease-in-out;
background: var(--base-4);
border-bottom-left-radius: var(--radius-sm);
border-bottom-right-radius: var(--radius-sm)
}
.profile-card__content .color-body,
.profile-card__content .color-cta,
.profile-card__content .color-display,
.profile-card__content .rte div,
.profile-card__content .rte h1,
.profile-card__content .rte h2,
.profile-card__content .rte h3,
.profile-card__content .rte img,
.profile-card__content .rte ol,
.profile-card__content .rte p,
.profile-card__content .rte ul,
.rte .profile-card__content div,
.rte .profile-card__content h1,
.rte .profile-card__content h2,
.rte .profile-card__content h3,
.rte .profile-card__content img,
.rte .profile-card__content ol,
.rte .profile-card__content p,
.rte .profile-card__content ul {
color: var(--primary-5)
}
.profile-card--visible {
text-decoration: none
}
.profile-card--visible .profile-card__content {
background-color: var(--primary-5);
color: var(--base-5)
}
.profile-card--visible .profile-card__content .color-display,
.profile-card--visible .profile-card__content .rte h1,
.profile-card--visible .profile-card__content .rte h2,
.profile-card--visible .profile-card__content .rte h3,
.rte .profile-card--visible .profile-card__content h1,
.rte .profile-card--visible .profile-card__content h2,
.rte .profile-card--visible .profile-card__content h3 {
color: var(--primary-7)
}
.profile-card--visible .profile-card__content .color-body,
.profile-card--visible .profile-card__content .rte div,
.profile-card--visible .profile-card__content .rte img,
.profile-card--visible .profile-card__content .rte ol,
.profile-card--visible .profile-card__content .rte p,
.profile-card--visible .profile-card__content .rte ul,
.rte .profile-card--visible .profile-card__content div,
.rte .profile-card--visible .profile-card__content img,
.rte .profile-card--visible .profile-card__content ol,
.rte .profile-card--visible .profile-card__content p,
.rte .profile-card--visible .profile-card__content ul {
color: var(--base-5)
}
.profile-card--visible .profile-card__content .color-cta {
color: var(--light-75)
}
.profile-card--visible .profile-card__content .profile-card__title h2 {
margin-bottom: var(--xs-1)
}
.profile-card--visible::after {
bottom: -23px
}
.profile-card--visible .profile-card__content {
background-color: var(--primary-5);
color: var(--base-5)
}
.profile-card--visible .profile-card__content .color-display,
.profile-card--visible .profile-card__content .rte h1,
.profile-card--visible .profile-card__content .rte h2,
.profile-card--visible .profile-card__content .rte h3,
.rte .profile-card--visible .profile-card__content h1,
.rte .profile-card--visible .profile-card__content h2,
.rte .profile-card--visible .profile-card__content h3 {
color: var(--primary-7)
}
.profile-card--visible .profile-card__content .color-body,
.profile-card--visible .profile-card__content .rte div,
.profile-card--visible .profile-card__content .rte img,
.profile-card--visible .profile-card__content .rte ol,
.profile-card--visible .profile-card__content .rte p,
.profile-card--visible .profile-card__content .rte ul,
.rte .profile-card--visible .profile-card__content div,
.rte .profile-card--visible .profile-card__content img,
.rte .profile-card--visible .profile-card__content ol,
.rte .profile-card--visible .profile-card__content p,
.rte .profile-card--visible .profile-card__content ul {
color: var(--base-5)
}
.profile-card--visible .profile-card__content .color-cta {
color: var(--light-75)
}
.profile-card--visible .profile-card__cta-wrapper {
margin-top: var(--sm-2);
max-height: 8rem
}
.profile-card--visible .profile-card__cta-wrapper .cta {
color: var(--light-75)
}
.profile-card--visible .profile-card__cta-wrapper .cta--text-link .cta__icon {
color: var(--base-5)
}
.profile-card--visible .profile-card__cta-wrapper .cta--text-link:hover {
background-color: transparent;
outline: 0
}
.profile-card--visible .profile-card__cta-wrapper .cta--text-link:hover .cta__label {
text-decoration: underline;
text-underline-offset: 1px;
color: var(--base-5)
}
.profile-card--visible .profile-card__cta-wrapper .cta--text-link:hover .cta__icon {
color: var(--base-5)
}
.profile-card--visible .profile-card__cta-wrapper .cta--text-link:focus-visible {
padding: var(--sm-4) var(--sm-3);
background-color: transparent;
color: var(--base-5);
outline: .1rem solid var(--light-75);
outline-offset: .1rem
}
.profile-card--visible .profile-card__cta-wrapper .cta--text-link:focus-visible .cta__label {
text-decoration: underline;
text-underline-offset: 1px;
color: var(--base-5)
}
.profile-card--visible .profile-card__cta-wrapper .cta--text-link:focus-visible .cta__icon {
color: var(--base-5)
}
.profile-card--visible .profile-card__card-link:hover .profile-card__content {
background-color: var(--primary-5);
color: var(--base-5)
}
.profile-card--visible .profile-card__card-link:hover .profile-card__content .color-display,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte h1,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte h2,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte h3,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content h1,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content h2,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content h3 {
color: var(--primary-7)
}
.profile-card--visible .profile-card__card-link:hover .profile-card__content .color-body,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte div,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte img,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte ol,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte p,
.profile-card--visible .profile-card__card-link:hover .profile-card__content .rte ul,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content div,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content img,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content ol,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content p,
.rte .profile-card--visible .profile-card__card-link:hover .profile-card__content ul {
color: var(--base-5)
}
.profile-card--visible .profile-card__card-link:hover .profile-card__content .color-cta {
color: var(--light-75)
}
.profile-card__image-wrapper {
height: 24rem;
border-top-left-radius: var(--radius-sm);
border-top-right-radius: var(--radius-sm);
background: var(--base-4)
}
@media (min-width:992px) {
.profile-card__image-wrapper {
height: 32rem
}
}
.profile-detail__description p {
color: var(--base-2)
}
.profile-detail__image-wrapper {
min-height: 24.6rem
}
.profile-detail__button .action-button {
outline: 0;
color: var(--primary-1);
padding: 0
}
.profile-detail__button .action-button:hover {
color: var(--base-1);
background-color: var(--base-4);
outline: 1.5px solid var(--primary-1);
padding: var(--xs-1)
}
.profile-detail__button .action-button:focus-visible {
padding: var(--xs-1);
box-shadow: none;
outline: 2px solid var(--base-1)
}
@media (min-width:768px) {
.profiles [class*=col-] .profile-detail--visible {
width: calc(200% + 1.6rem)
}
.profiles [class*=col-]:nth-child(2n) .profile-detail {
left: calc(-100% - 1.6rem)
}
}
@media (min-width:992px) {
.profiles [class*=col-] .profile-detail--visible {
width: calc(200% + 3.2rem)
}
.profiles [class*=col-]:nth-child(2n) .profile-detail {
left: calc(-100% - 3.5rem)
}
}
@media screen and (orientation:landscape) and (width >= 1025px) {
.profiles [class*=col-] .profile-detail--visible {
width: calc(100% + 53.3rem)
}
.profiles [class*=col-]:nth-child(3n+2) .profile-detail {
left: calc(-100% - 3.4rem)
}
}
@media (min-width:1200px) {
.profiles [class*=col-] .profile-detail--visible {
width: calc(300% + 6.4rem)
}
.profiles [class*=col-]:nth-child(2n) .profile-detail {
left: 0
}
.profiles [class*=col-]:nth-child(3n+2) .profile-detail {
left: calc(-100% - 3.4rem)
}
.profiles [class*=col-]:nth-child(3n) .profile-detail {
left: calc(-200% - 6.4rem)
}
}
@media (min-width:1400px) {
.profile-detail__close {
top: 4.1rem;
right: 4.1rem
}
}
.media-card__wrapper:hover .media-card__body {
background-color: var(--base-1);
color: var(--base-5)
}
.media-card__wrapper:hover .cta {
color: var(--base-5)
}
.media-card__wrapper:hover .cta__label {
text-decoration: none
}
.media-card__body {
transition: all .6s ease-in-out
}
.media-card__cta-wrapper {
transition: all .3s ease-in-out
}
.media-card__cta-wrapper .cta--text-link:hover .cta__label {
color: var(--base-5)
}
.event-card {
min-height: 36rem;
max-width: 60rem;
transition: all .3s ease-in-out;
width: 100%;
border-radius: var(--radius-sm);
border: 1px solid var(--dark-25);
background-color: var(--base-4);
color: var(--base-5)
}
.event-card .icon-date {
color: var(--primary-5)
}
.event-card__date {
color: var(--primary-5)
}
.event-card h5 {
color: var(--primary-5)
}
.event-card .cta {
color: var(--primary-5)
}
.event-card .cta--text-link:hover .cta__label {
color: var(--base-5);
text-decoration: none
}
.event-card {
background-color: var(--base-4);
transition: all .3s linear;
}
.event-card:focus-within,
.event-card:hover {
background-color: var(--primary-5);
color: var(--base-5)
}
.event-card:focus-within .icon-date,
.event-card:hover .icon-date {
color: var(--primary-7)
}
.event-card:focus-within .icon-add,
.event-card:hover .icon-add {
color: var(--primary-7)
}
.event-card:focus-within .icon-chevron-right,
.event-card:hover .icon-chevron-right {
color: var(--primary-7)
}
.event-card:focus-within h5,
.event-card:hover h5 {
color: var(--base-5)
}
.event-card:focus-within .cta__label,
.event-card:hover .cta__label {
color: var(--light-50)
}
.event-card:hover .event-card__date {
color: var(--base-5)
}
@media (min-width:992px) {
.event-card .icon-date {
color: var(--primary-5)
}
.event-card__date {
color: var(--dark-75)
}
.event-card__cta-wrapper {
overflow: hidden;
max-height: 0;
transition: max-height .5s ease
}
.event-card:hover .event-card__cta-wrapper {
max-height: 50rem;
transition: max-height .5s ease
}
.event-card:focus-within .event-card__date {
color: var(--light-75)
}
.event-card:focus-within .event-card__cta-wrapper {
overflow: visible;
max-height: 50rem;
transition: max-height .5s ease
}
}
.dropdown {
width: 100%;
max-width: 60rem;
min-width: 21.5rem;
position: relative
}
.dropdown__button {
width: 100%;
text-align: start;
padding: var(--sm-3);
font-size: var(--body-sm-fs);
line-height: var(--body-sm-lh);
background: var(--base-5);
border: none;
box-shadow: inset 0 0 0 1px var(--base-3);
color: var(--base-1);
transition: all .25s;
display: flex;
align-items: center;
gap: var(--xs-1)
}
.dropdown__button .icon {
font-size: 2.4rem
}
.dropdown__button .icon:last-of-type {
transition: all .5s
}
.dropdown__button:hover {
outline-color: var(--base-1)
}
.dropdown__button:hover span {
color: var(--base-5)
}
.dropdown__button:focus-within {
box-shadow: inset 0 0 0 2px var(--base-2)
}
.dropdown__button:disabled {
color: var(--base-2);
box-shadow: inset 0 0 0 1px var(--base-3);
background-color: var(--base-4)
}
.dropdown__button:disabled:hover {
color: var(--base-2)
}
.dropdown__button:disabled:hover span {
color: var(--base-2)
}
.dropdown__button.show {
outline-color: var(--base-1);
background-color: var(--base-1);
color: var(--base-5);
box-shadow: inset 0 0 0 1px var(--base-1)
}
.dropdown__button.show span {
color: var(--base-5)
}
.dropdown__button.show .icon:last-of-type {
transform: rotate(-180deg)
}
.dropdown__button-label {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: var(--base-2)
}
.dropdown__list {
display: none;
position: absolute;
width: 100%;
background-color: var(--base-5);
outline: solid 1px var(--base-1);
margin: 0;
padding: 0;
list-style-type: none
}
.dropdown__list.show {
display: block;
margin-top: -3px!important;
z-index: 2
}
.dropdown__link {
transition: all .25s;
text-decoration: none;
display: block;
padding: var(--sm-4) var(--sm-3);
display: flex;
align-items: center;
gap: var(--xs-1);
font-size: var(--body-sm-fs);
line-height: var(--body-sm-lh)
}
.dropdown__link .icon {
font-size: 2.4rem;
line-height: 2.4rem
}
.dropdown__link:hover {
background-color: var(--base-4);
color: var(--base-1)
}
.dropdown__link:focus,
.dropdown__link:focus-visible,
.dropdown__link:focus-within {
background-color: var(--base-2);
color: var(--base-5)
}
.dropdown__link.active {
background-color: var(--base-2);
color: var(--base-5)
}
.form-field__wrapper {
display: flex
}
.form-field__input,
.form-field__search,
.form-field__textarea {
background-color: var(--base-5);
font-size: var(--body-sm-fs);
line-height: var(--body-sm-lh);
border-radius: var(--radius-nil);
border: none;
outline: 1px solid var(--base-3);
color: var(--base-2);
width: 100%;
padding: var(--sm-3) var(--sm-2);
transition: all .25s
}
.form-field__input:hover,
.form-field__search:hover,
.form-field__textarea:hover {
outline-color: var(--base-1)
}
.form-field__input:focus-within,
.form-field__search:focus-within,
.form-field__textarea:focus-within {
outline-color: var(--base-1);
box-shadow: none;
color: var(--base-1)
}
.form-field__input:focus-visible,
.form-field__search:focus-visible,
.form-field__textarea:focus-visible {
outline-color: var(--base-1);
box-shadow: none;
color: var(--base-1)
}
.form-field__input:not(:-moz-placeholder),
.form-field__search:not(:-moz-placeholder),
.form-field__textarea:not(:-moz-placeholder) {
outline-color: var(--base-1);
color: var(--base-1)
}
.form-field__input:not(:placeholder-shown),
.form-field__search:not(:placeholder-shown),
.form-field__textarea:not(:placeholder-shown) {
outline-color: var(--base-1);
color: var(--base-1)
}
.form-field__input:disabled,
.form-field__search:disabled,
.form-field__textarea:disabled {
background-color: var(--base-4)
}
.form-field__input:invalid,
.form-field__search:invalid,
.form-field__textarea:invalid {
outline-color: var(--error);
color: var(--error)
}
.form-field__input:invalid + span,
.form-field__search:invalid + span,
.form-field__textarea:invalid + span {
display: block
}
.form-field__textarea {
max-height: 12rem
}
.form-field__search {
outline-offset: 0
}
.form-field__search-button {
line-height: 100%;
border: none;
background-color: var(--base-5);
right: var(--sm-4);
top: 50%;
transform: translateY(-50%)
}
.form-field__search-button .icon {
color: var(--base-2)
}
.form-field__message {
display: none
}
.form-field__counter {
position: absolute;
right: var(--sm-2);
bottom: var(--xs-1)
}
.form-field__autocomplete {
width: 100%
}
.form-field__autocomplete-list {
max-height: 22rem;
overflow-y: auto
}
.form-field__autocomplete-link {
color: var(--base-2);
text-decoration: none;
display: block
}
.form-field__autocomplete-link:hover {
text-decoration: underline;
color: var(--base-1)
}
.form-field--success .form-field__wrapper {
position: relative
}
.form-field--success .form-field__wrapper::after {
font-family: icomoon!important;
content: "\e91d";
position: absolute;
width: 2.4rem;
height: 2.4rem;
line-height: 2.4rem;
right: var(--sm-2);
bottom: var(--sm-3);
background-color: var(--success);
color: var(--base-5);
text-align: center
}
.form-field--error .form-field__wrapper {
position: relative
}
.form-field--error .form-field__wrapper::after {
font-family: icomoon!important;
content: "\e909";
position: absolute;
width: 2.4rem;
height: 2.4rem;
line-height: 2.4rem;
right: var(--sm-2);
bottom: var(--sm-3);
background-color: var(--error);
color: var(--base-5);
text-align: center
}
.form-field--error .form-field__input {
outline-color: var(--error)
}
.form-field--error .form-field__message {
display: block
}
.form-field--hide-status-icon .form-field__wrapper::after {
display: none
}
.form-field--checkbox .form-field__wrapper {
display: flex;
align-items: center
}
.form-field--checkbox .form-field__ghost {
position: relative;
display: inline-block;
background: var(--base-3);
width: 2rem;
height: 2rem;
transition: all .25s;
margin-right: var(--xs-1);
font-family: icomoon!important
}
.form-field--checkbox .form-field__ghost::after {
position: absolute;
top: .2rem;
left: .2rem;
font-size: 1.6rem;
line-height: 1.6rem
}
.form-field--checkbox .form-field__checkbox {
width: 0;
height: 0;
opacity: 0
}
.form-field--checkbox .form-field__checkbox:focused + .form-field__ghost {
background-color: var(--primary-9);
color: var(--base-5)
}
.form-field--checkbox .form-field__checkbox:hover + .form-field__ghost {
background-color: var(--primary-6);
color: var(--base-5)
}
.form-field--checkbox .form-field__checkbox:checked + .form-field__ghost {
background-color: var(--primary-9);
color: var(--base-5)
}
.form-field--checkbox .form-field__checkbox:checked + .form-field__ghost::after {
content: "\e91f";
}
.form-field--checkbox .form-field__checkbox:disabled + .form-field__ghost {
background-color: var(--base-2);
color: var(--base-5)
}
.form-field--checkbox .form-field__checkbox:disabled + .form-field__ghost::after {
content: "\e91f"
}
.form-field--checkbox .form-field__checkbox:focus + .form-field__ghost {
/* outline: solid 2px var(--primary-1) */
}
.form-field--checkbox:hover .form-field__ghost {
}
.form-field--radio {
width: -moz-max-content;
width: max-content
}
.form-field--radio .form-field__wrapper {
display: flex;
align-items: center
}
.form-field--radio .form-field__wrapper:focus-within label {
outline: 1px solid var(--base-1)
}
.form-field--radio .form-field__ghost {
display: inline-block;
background-color: var(--base-3);
width: 2rem;
height: 2rem;
transition: all .25s;
margin-right: var(--xs-1);
border-radius: 100%;
position: relative
}
.form-field--radio .form-field__ghost::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: var(--base-5);
width: 1.2rem;
height: 1.2rem;
border-radius: 50%
}
.form-field--radio .form-field__radio {
width: 0;
height: 0;
opacity: 0
}
.form-field--radio .form-field__radio:checked + span {
background-color: var(--base-1)
}
.form-field--radio .form-field__radio:checked + span::after {
content: ""
}
.form-field--radio .form-field__radio:disabled + span {
background-color: var(--base-2)
}
.form-field--radio .form-field__radio:disabled + span::after {
content: "";
background-color: var(--base-5)
}
.form-field--radio:hover .form-field__ghost {
background-color: var(--base-1)
}
.form-field--radio:focus-visible {
box-shadow: inset 0 0 0 2px var(--base-2)
}
.form-field--radio:focus-visible .form-field__ghost {
background-color: var(--base-1)
}
.form-field--autocomplete-visible .form-field__search {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.search__list {
max-height: 25rem;
overflow-y: auto
}
.search__link {
color: var(--base-2)
}
.search__link:hover {
color: var(--bas-1)
}
.form-check .form-check-input {
height: 2.7rem;
width: 5rem;
border-radius: 2.5rem;
border: none;
box-shadow: unset;
background-color: var(--base-3);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
transition: all .3s ease-in-out
}
.form-check .form-check-input:checked {
background-color: var(--base-1)
}
.ip3-edit.hasjs [data-animate] {
opacity: 1!important
}
.invisible {
position: absolute;
/*left: -9999999px;
width: 1px;
height: 1px;*/
left: -9999px;
top: auto;
width: auto;
height: auto;
overflow: hidden;
visibility: visible!important;
background-color: transparent
}
.sktmain.visible {
position: absolute;
left: 0;
top: 0;
width: auto;
height: auto;
overflow: hidden;
visibility: visible!important;
z-index: 11;
background-color: var(--base-1);
padding: var(--xs-1);
color: var(--base-5)
}
.sktmain.visible .skip-to-main {
color: var(--base-5);
text-decoration: none;
box-shadow: 0 0 0 1px inset var(--base-5);
padding: var(--xs-2)
}
@media (max-width: 575.98px){
.modal .modal-header{
padding: 0 3rem var(--md-4) 0;
}
}