@charset "UTF-8";
/* Theme Name: JCDecaux
Author: UCS Mindbite
Text Domain: jcdecaux
 */
/*
MIXINS

Här samlas olika SCSS-funktioner som kan inkluderas i övriga filer med @include.
https://sass-lang.com/documentation/at-rules/mixin

*/
/* GENERAL
Generella regler och marginaler, samt resets
 */
html {
  font-size: 100%;
  scroll-padding-top: 61px;
}
@media all and (min-width: 48rem) {
  html {
    scroll-padding-top: 82px;
  }
}
@media all and (min-width: 85.375rem) {
  html {
    scroll-padding-top: 99px;
  }
}

* {
  border: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  outline: 0;
  padding: 0;
  text-rendering: auto;
}

body {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "Helvetica Neue";
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

#main {
  overflow: hidden;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

.alignleft,
.alignright {
  height: auto;
  max-width: 47%;
}

.alignnone {
  float: none;
}

.alignright {
  float: right;
  margin: 0 0 1.5rem 1.5rem;
}

.alignleft {
  float: left;
  margin: 0 1.5rem 1.5rem 0;
}

.aligncenter {
  display: block;
  margin: 1.5rem auto;
}

.mobile-only {
  display: none;
}
@media all and (max-width: 63.99rem) {
  .mobile-only {
    display: block;
  }
}

.hidden-mobile {
  margin: 0 0.25em;
}
@media all and (max-width: 35.49rem) {
  .hidden-mobile {
    display: none;
  }
}

/* Generella marginaler */
#main {
  position: relative;
}

.container,
.slick-dots {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1480px + 7.5rem + 7.5rem);
  padding: 0 1.875rem;
  position: relative;
  width: 100%;
}
@media all and (min-width: 48rem) {
  .container,
  .slick-dots {
    padding: 0 2.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .container,
  .slick-dots {
    padding: 0 3.75rem;
  }
}
@media all and (min-width: 99rem) {
  .container,
  .slick-dots {
    padding: 0 7.5rem;
  }
}

.layout-text_block,
.layout-diy,
.layout-read_more,
.layout-video_list,
.full-width-image__content,
.layout-epi,
.text-block--img,
.layout-featured_staff,
.layout-faq,
.open-positions__column--content,
.layout-staff-list,
.layout-newsletter,
.layout-product_icons {
  padding: 3.75rem 0 5.625rem 0;
}
@media all and (min-width: 48rem) {
  .layout-text_block,
  .layout-diy,
  .layout-read_more,
  .layout-video_list,
  .full-width-image__content,
  .layout-epi,
  .text-block--img,
  .layout-featured_staff,
  .layout-faq,
  .open-positions__column--content,
  .layout-staff-list,
  .layout-newsletter,
  .layout-product_icons {
    padding: 3.75rem 0 7.5rem 0;
  }
}

.layout-full_width_img_slideshow,
.layout-image_ol_list,
.layout-icon_link {
  padding: 3.125rem 0;
}
@media all and (min-width: 48rem) {
  .layout-full_width_img_slideshow,
  .layout-image_ol_list,
  .layout-icon_link {
    padding: 3.75rem 0;
  }
}

@media all and (min-width: 85.375rem) {
  .layout-icon_link {
    padding: 5rem 0;
  }
}

@media all and (min-width: 48rem) {
  .open-positions__column--content {
    padding: 5rem 0 10rem 0;
  }
}

.layout-header {
  margin-bottom: 1.875rem;
}
@media all and (min-width: 48rem) {
  .layout-header {
    margin-bottom: 3.125rem;
  }
}
.layout-header .heading {
  margin-bottom: 1.25rem;
}

/*
.overlay {
  position: relative;

  &::before {
    background: black(.5);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
}

 */
.inverted {
  color: #fff;
}

.visually-hidden,
.gdpr,
.screen-reader-text {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

body {
  font-weight: 300;
}

.heading,
.content__gdpr h3 {
  hyphens: manual;
  margin-top: -0.125em;
  padding-top: 0.125em;
  text-wrap: balance;
}
@media all and (max-width: 47.95rem) {
  .heading .br-swap br,
  .content__gdpr h3 .br-swap br {
    display: none;
  }
  .heading .br-swap::before,
  .content__gdpr h3 .br-swap::before {
    content: " ";
  }
}

.heading--primary {
  font-size: 3.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 2.25rem */
}
@media all and (min-width: 64rem) {
  .heading--primary {
    font-size: 4rem;
  }
}
@media all and (min-width: 85.375rem) {
  .heading--primary {
    font-size: 7.5rem;
  }
}

.heading--secondary {
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 2.25rem */
}
@media all and (min-width: 64rem) {
  .heading--secondary {
    font-size: 4rem;
  }
}

.heading--tertiary {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 120%;
}

.heading--quaternary,
.content__gdpr h3 {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 120%;
}

.text-block__content--heading,
.text-block__content--heading.text-block__content,
.slide-item__heading,
.staff-department__title,
.simple-slideshow .heading {
  margin-bottom: 0.9375rem;
}
@media all and (min-width: 64rem) {
  .text-block__content--heading,
  .text-block__content--heading.text-block__content,
  .slide-item__heading,
  .staff-department__title,
  .simple-slideshow .heading {
    margin-bottom: 0.75rem;
  }
}

a {
  color: inherit;
  transition: all 0.3s ease;
}

.entry-content p, .entry-content li, .entry-content .contact-info__map-link,
.entry-content--small p,
.entry-content--small li,
.entry-content--small .contact-info__map-link {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 130%;
}
.entry-content p,
.entry-content--small p {
  margin-bottom: 1em;
}
.entry-content ul,
.entry-content--small ul {
  margin-bottom: 1em;
  padding-left: 1em;
}
.entry-content a,
.entry-content--small a {
  color: #0db2ad;
  text-decoration: none;
}
@media all and (pointer: fine) {
  .entry-content a:hover,
  .entry-content--small a:hover {
    text-decoration: underline;
  }
}

.entry-content--large p,
.entry-content--large li {
  font-size: 1.25rem;
  line-height: 120%;
}
@media all and (min-width: 48rem) {
  .entry-content--large p,
  .entry-content--large li {
    font-size: 1.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .entry-content--large p,
  .entry-content--large li {
    font-size: 1.875rem;
  }
}
.entry-content--large p:last-child,
.entry-content--large li:last-child {
  margin-bottom: 0;
}
.entry-content--large ul {
  margin-bottom: 1em;
  padding: 0;
}
.entry-content--large ul:not(.share-buttons) li {
  list-style: none;
  padding-left: 1.5rem;
  position: relative;
}
@media all and (min-width: 85.375rem) {
  .entry-content--large ul:not(.share-buttons) li {
    margin-bottom: 0.3125rem;
    padding-left: 2.125rem;
  }
}
.entry-content--large ul:not(.share-buttons) li::before {
  background: #0db2ad;
  border-radius: 2px;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
  width: 1rem;
}
@media all and (min-width: 85.375rem) {
  .entry-content--large ul:not(.share-buttons) li::before {
    border-radius: 3px;
    height: 1.325rem;
    top: 0.25rem;
    width: 1.325rem;
  }
}

.label,
.site-footer__menu-heading {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 100%; /* 1rem */
  margin-bottom: 1.875rem;
  text-transform: uppercase;
}
@media all and (min-width: 48rem) {
  .label,
  .site-footer__menu-heading {
    font-size: 0.875rem;
  }
}
@media all and (min-width: 85.375rem) {
  .label,
  .site-footer__menu-heading {
    font-size: 1rem;
  }
}

@media all and (min-width: 85.375rem) {
  .label {
    margin-bottom: 2.875rem;
  }
}

strong {
  font-weight: 700;
}

.layout.has-overlay {
  position: relative;
}
.layout.has-overlay .container {
  position: relative;
}
.layout.has-overlay::before {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.theme-img {
  background-repeat: no-repeat;
  background-size: cover;
}

.theme-lightgray {
  background: #efefef;
}

.is-inverted {
  color: #fff;
}

.theme-white {
  background: #fff;
}

.theme-black {
  background: black;
}

.theme-blue-black {
  background: #00252D;
}

.theme-dark-blue {
  background: #12142D;
}

.theme-green-blue-gradient {
  background: linear-gradient(90deg, #344467 0%, #65BAAA 100%);
}

.theme-green-pink-gradient {
  background: linear-gradient(90deg, #829877 0%, #DB6877 100%);
}

.theme-red-pink-gradient {
  background: linear-gradient(90deg, #DB593E 0%, #E88199 100%);
}

.theme-purple-darkblue-gradient {
  background: linear-gradient(90deg, #7D4F69 0%, #003558 100%);
}

.theme-black-gradient {
  background: linear-gradient(90deg, #3A4250 0%, #000 100%);
}

.theme-newgreen {
  background: #0db2ad;
}

.heading--newgreen {
  color: #0db2ad;
}

.heading--c-blue {
  color: #008ec3;
}

.heading--pink-701c {
  color: #E88199;
}

.heading--white {
  color: #fff;
}

.heading--black {
  color: #000;
}

.heading--opacity {
  opacity: 0.5;
}

body {
  background: #000;
}

.global-nav {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 1.6095rem, rgba(0, 0, 0, 0) 5.364rem);
  left: 0;
  padding: 0.9375rem 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}
@media all and (min-width: 85.375rem) {
  .global-nav {
    padding: 1.875rem 0;
  }
}

.global-nav__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  padding: 0 1.875rem 0 0.9375rem;
}
@media all and (min-width: 85.375rem) {
  .global-nav__container {
    padding: 0 1.875rem;
  }
}

.global-nav__branding {
  display: block;
  position: relative;
  width: 7.5rem;
  z-index: 9999;
}
@media all and (min-width: 48rem) {
  .global-nav__branding {
    width: 8.22rem;
  }
}

.global-nav__branding img {
  display: block;
  height: auto;
  width: 100%;
}

.global-nav__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  font-size: 0;
  height: 0.75rem;
  overflow: hidden;
  position: relative;
  right: 0;
  top: 0.3rem;
  transition: right 0.5s ease-in, background-color 0.5s ease;
  width: 3.75rem;
  z-index: 2000;
}
.global-nav__button::before, .global-nav__button::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
}
.global-nav__button:hover {
  background: #0db2ad;
}
.global-nav__button::before {
  background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  width: 100%;
}
.global-nav__button::after {
  animation: slide 4000ms linear infinite;
  background: linear-gradient(90deg, rgba(13, 178, 173, 0) 0%, #0db2ad 40%, #0db2ad 60%, rgba(13, 178, 173, 0) 100%);
  right: 0;
  transition: opacity 0.5s ease-out;
  width: 200%;
}
.global-nav__button.active {
  background: none;
  transition: right 0.5s ease-out 0.5s;
}
@media all and (min-width: 48rem) {
  .global-nav__button.active {
    right: 2.875rem;
  }
}
@media all and (min-width: 64rem) {
  .global-nav__button.active {
    right: 4.125rem;
  }
}
@media all and (min-width: 99rem) {
  .global-nav__button.active {
    right: 9.125rem;
  }
}
.global-nav__button.active::before {
  opacity: 1;
  transition: opacity 0.5s ease-out 0.5s;
}
.global-nav__button.active::after {
  opacity: 0;
  transition: opacity 0.5s ease-out 0.5s;
}

@keyframes slide {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes slideOLD {
  0% {
    transform: translateX(12rem);
  }
  /* at 2 s (28.57%): landed at 0 */
  28.57% {
    transform: translateX(0);
  }
  /* hold at 0 from 2 s → 5 s (28.57% → 71.43%) */
  71.43% {
    transform: translateX(0);
  }
  /* 7 s (100%): back at 15rem */
  100% {
    transform: translateX(12rem);
  }
}
/* Overlay backdrop */
.overlay {
  background: linear-gradient(18deg, rgba(0, 0, 0, 0.6) 0%, #0db2ad 100%);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 1s ease-out, visibility 0s linear 1s;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}
@media all and (min-width: 48rem) {
  .overlay {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 19.4%, #0db2ad 82.44%);
  }
}

.overlay.active {
  opacity: 1;
  pointer-events: all;
  transition: opacity 1s ease-out;
  visibility: visible;
}

/* Slide-in menu overlay */
.global-nav__overlay-content {
  height: 100%;
  justify-content: center;
  overflow-y: auto;
  padding: 1.875rem;
  position: fixed;
  right: -100%;
  top: 0;
  transition: right 1s ease-out;
  width: auto;
  z-index: 1001;
}
@media all and (min-width: 48rem) {
  .global-nav__overlay-content {
    padding: 3.75rem;
  }
}
@media all and (min-width: 64rem) {
  .global-nav__overlay-content {
    padding: 5rem;
  }
}
@media all and (min-width: 99rem) {
  .global-nav__overlay-content {
    padding: 7.5rem 10rem;
  }
}

.global-nav__overlay-content.active {
  right: 0;
  transition: right 0.5s ease-out 0.5s;
}

/* Menu list */
.global-nav__menu {
  list-style: none;
  position: relative;
  text-align: right;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}

.global-nav__menu li {
  line-height: 1;
}
.global-nav__menu a {
  color: #fff;
  display: block;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 110%;
  opacity: 0.7;
  text-align: right;
  text-decoration: none;
}
@media all and (min-width: 25.75rem) {
  .global-nav__menu a {
    font-size: 2.75rem;
  }
}
@media all and (min-width: 48rem) {
  .global-nav__menu a {
    font-size: 4rem;
    line-height: normal;
  }
}
@media all and (pointer: fine) {
  .global-nav__menu a:hover {
    opacity: 1;
  }
}

.global-nav__lang {
  margin-left: auto;
  margin-right: 1.875rem;
  position: relative;
  right: 0;
  top: 0.425rem;
  z-index: 99999;
  /*
  position: absolute;
  right: 10.5rem;
  top: 2.325rem;
  @media all and (min-width: $lg-min) {
    right: 12rem;
  }
  @media all and (min-width: $xl-min) {
    top: 3.5rem;
  }
  @media all and (min-width: $xxl-min) {
    right: 17rem;
  } */
}
@media all and (min-width: 48rem) {
  .global-nav__lang {
    transition: right 0.5s ease-in;
  }
}
@media all and (min-width: 85.375rem) {
  .global-nav__lang {
    margin-right: 2.5rem;
  }
}

.overlay-active .global-nav__lang {
  transition: right 0.5s ease-out 0.5s;
}
@media all and (min-width: 48rem) {
  .overlay-active .global-nav__lang {
    right: 2.875rem;
  }
}
@media all and (min-width: 64rem) {
  .overlay-active .global-nav__lang {
    right: 4.125rem;
  }
}
@media all and (min-width: 99rem) {
  .overlay-active .global-nav__lang {
    right: 9.125rem;
  }
}

.global-nav__lang-menu {
  gap: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.global-nav__lang-menu-item a {
  color: #fff;
  display: block;
  font-weight: bold;
  opacity: 0.5;
  text-decoration: none;
  text-transform: uppercase;
}
.global-nav__lang-menu-item.current a {
  opacity: 1;
}
@media all and (pointer: fine) {
  .global-nav__lang-menu-item a:hover {
    opacity: 1;
  }
}

.hero {
  background: #12142D;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.hero--showreel.hero--overlay::after,
.hero--image.hero--overlay .hero__slide:after {
  background: linear-gradient(115deg, rgba(20, 0, 20, 0.9) 20%, rgba(0, 0, 0, 0.2) 80%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}

.hero__slide,
.hero {
  aspect-ratio: 9/16;
  overflow: hidden;
}
@media all and (min-width: 35.5rem) {
  .hero__slide,
  .hero {
    aspect-ratio: 1;
  }
}
@media all and (min-width: 64rem) {
  .hero__slide,
  .hero {
    aspect-ratio: 4/3;
  }
}
@media all and (min-width: 85.375rem) {
  .hero__slide,
  .hero {
    aspect-ratio: 16/9;
  }
}
@media all and (min-width: 99rem) {
  .hero__slide,
  .hero {
    aspect-ratio: auto;
    height: 830px;
  }
}

.hero__slideshow {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.hero__slide {
  display: none;
}

.slick-initialized .hero__slide,
.hero__slide:first-child {
  display: block;
}

.hero__slide img {
  display: block;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
}

.hero__slide-content {
  bottom: 1.875rem;
  left: 50%;
  position: Absolute;
  width: 100%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 1;
}
@media all and (min-width: 85.375rem) {
  .hero__slide-content {
    bottom: 3.75rem;
  }
}

.heading--slideshow {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 120%; /* 2.25rem */
}
@media all and (min-width: 64rem) {
  .heading--slideshow {
    font-size: 1.875rem;
  }
}

@media all and (min-width: 48rem) {
  .hero__img--mobile {
    display: none !important;
  }
}

@media all and (max-width: 47.95rem) {
  .hero__slide--has-mobile .hero__img--desktop {
    display: none;
  }
}

.showreel__wrapper--mobile {
  max-height: 100vh;
}
@media all and (min-width: 35.5rem) {
  .showreel__wrapper--mobile {
    display: none;
  }
}

.showreel__wrapper--desktop {
  display: none;
}
@media all and (min-width: 35.5rem) {
  .showreel__wrapper--desktop {
    display: block;
  }
}

.showreel__wrapper {
  background: #000;
  padding-bottom: 177%;
  position: relative;
}
@media all and (min-width: 35.5rem) {
  .showreel__wrapper {
    aspect-ratio: 16/9;
    height: 100%;
    left: 50%;
    padding-bottom: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media all and (min-width: 35.5rem) and (max-width: 98.9rem) {
  .showreel__wrapper {
    position: absolute;
  }
}
@media all and (min-width: 99rem) {
  .showreel__wrapper {
    height: auto;
  }
}
.showreel__wrapper iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.hero-img__wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100%;
  position: relative;
}
@media all and (min-width: 48rem) {
  .hero-img__wrapper {
    padding-bottom: 50%;
  }
}
@media all and (min-width: 1280px) {
  .hero-img__wrapper {
    padding-bottom: 30%;
  }
}
.hero-img__wrapper::after {
  content: "";
}

.hero__container {
  height: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.slick-dots {
  bottom: 3.75rem;
  gap: 0.125rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  list-style: none;
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media all and (min-width: 64rem) {
  .slick-dots {
    bottom: 5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .slick-dots {
    bottom: 7.5rem;
  }
}
.slick-dots button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  cursor: pointer;
  font-size: 0;
  height: 0.25rem;
  width: 1.875rem;
}
@media all and (pointer: fine) {
  .slick-dots button:hover {
    background: #E88199;
  }
}
.slick-dots .slick-active button {
  background: #E88199;
}

.hero--hide-bullets .slick-dots {
  display: none !important;
}

.hero__content {
  padding: 7.5rem 0 3.75rem 0;
}
@media all and (min-width: 48rem) {
  .hero__content {
    padding: 10rem 0;
  }
}

.hero__heading {
  margin-bottom: 1.25rem;
  max-width: 7.5em;
}
@media all and (min-width: 48rem) {
  .hero__heading {
    font-size: 4rem;
    letter-spacing: -1.92px;
  }
}

.hero-nav {
  list-style: none;
  margin-bottom: 1.25rem;
}

.hero-nav .menu-item a {
  color: #fff;
  display: block;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 130%;
  text-decoration: none;
}
@media all and (min-width: 64rem) {
  .hero-nav .menu-item a {
    font-size: 1.875rem;
    line-height: 120%;
  }
}
@media all and (pointer: fine) {
  .hero-nav .menu-item a:hover {
    color: #0db2ad;
  }
}
.hero-nav .menu-item.current-menu-item a {
  color: #0db2ad;
}

.hero__skip-to-content-button {
  background: url("assets/img/arrow-down-primary.svg");
  background-size: cover;
  cursor: pointer;
  height: 3.77956rem;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  width: 3.75rem;
}
@media all and (min-width: 64rem) {
  .hero__skip-to-content-button {
    height: 5.75rem;
    width: 5.705rem;
  }
}
@media all and (pointer: fine) {
  .hero__skip-to-content-button:hover {
    opacity: 1;
  }
}

.blog .hero__skip-to-content-button {
  background-image: url("assets/img/arrow-down-white.svg");
}

.site-footer {
  background: #000;
  color: #fff;
  padding: 3.75rem 0 6.5rem 0;
}
@media all and (min-width: 48rem) {
  .site-footer {
    padding: 3.75rem 0;
  }
}
@media all and (min-width: 64rem) {
  .site-footer {
    padding-top: 230px;
  }
}
.site-footer .label {
  color: #0db2ad;
}
.site-footer .container {
  z-index: 1;
}
@media all and (min-width: 64rem) {
  .site-footer .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}

@media all and (min-width: 48rem) {
  .site-footer__nav {
    width: 100%;
  }
}

@media all and (min-width: 25.75rem) {
  .site-footer__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 35.5rem) {
  .site-footer__menu {
    gap: 2.5rem;
  }
}
@media all and (min-width: 48rem) {
  .site-footer__menu {
    flex-wrap: nowrap;
    gap: 5rem;
    margin-bottom: 2.5rem;
  }
}
@media all and (min-width: 25.75rem) and (max-width: 35.49rem) {
  .site-footer__menu > .menu-item {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media all and (min-width: 35.5rem) and (max-width: 47.95rem) {
  .site-footer__menu > .menu-item {
    -webkit-box-flex: 0 0 calc(50% - 2.5rem);
    -webkit-flex: 0 0 calc(50% - 2.5rem);
    -ms-flex: 0 0 calc(50% - 2.5rem);
    flex: 0 0 calc(50% - 2.5rem);
  }
}
.site-footer__menu .contact-info {
  color: #FFF;
  display: block;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 130%; /* 1.4625rem */
}
.site-footer__menu .contact-info a {
  color: #fff;
  text-decoration: none;
}
@media all and (pointer: fine) {
  .site-footer__menu .contact-info a:hover {
    color: #0db2ad;
  }
}
.site-footer__menu .contact-info p {
  font: inherit;
}
@media all and (min-width: 48rem) {
  .site-footer__menu .contact-info {
    margin-left: auto;
  }
}
.site-footer__menu .menu-item {
  list-style: none;
}
.site-footer__menu > .menu-item > a {
  color: #0db2ad;
  display: block;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1.4625rem;
  text-decoration: none;
  text-transform: uppercase;
}
@media all and (min-width: 48rem) {
  .site-footer__menu > .menu-item > a {
    font-size: 0.875rem;
  }
}
@media all and (min-width: 85.375rem) {
  .site-footer__menu > .menu-item > a {
    font-size: 1rem;
  }
}
@media all and (pointer: fine) {
  .site-footer__menu > .menu-item > a:hover {
    color: #fff;
  }
}
.site-footer__menu .menu-item {
  margin-bottom: 0.25rem;
}
.site-footer__menu .sub-menu {
  margin-bottom: 1.4625rem;
}
@media all and (min-width: 48rem) {
  .site-footer__menu .sub-menu {
    margin-bottom: 0;
  }
}
.site-footer__menu .sub-menu a {
  color: #fff;
  display: block;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 130%;
  text-decoration: none;
}
@media all and (pointer: fine) {
  .site-footer__menu .sub-menu a:hover {
    color: #0db2ad;
  }
}

.site-footer__menu-heading {
  color: #0db2ad;
  font-weight: 700;
  line-height: 120%; /* 1.5rem */
  margin: 0 0 0.625rem 0;
  text-transform: uppercase;
}

.footer__address--main {
  margin-bottom: 2.5rem;
}
@media all and (min-width: 64rem) {
  .footer__address--main {
    margin-left: auto;
  }
}

.footer__address-heading,
.footer__address-content {
  color: #FFF;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 130%; /* 1.4625rem */
}
.footer__address-heading a,
.footer__address-content a {
  color: #fff;
  text-decoration: none;
}
@media all and (pointer: fine) {
  .footer__address-heading a:hover,
  .footer__address-content a:hover {
    color: #0db2ad;
  }
}

.social-nav {
  gap: 0.625rem;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.5rem;
}

.social-nav__link {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 3.75rem;
  opacity: 0.5;
  text-align: center;
  text-decoration: none;
  width: 3.75rem;
  /*
    i {
      display: block;
      font-size: 1.625rem;
      line-height: 3.75rem;
    } */
}
@media all and (pointer: fine) {
  .social-nav__link:hover {
    opacity: 1;
  }
}
.social-nav__link img {
  filter: brightness(0) invert(1);
}

.site-footer__newsletter {
  width: 100%;
}
.site-footer__newsletter .label,
.site-footer__newsletter #mc_embed_shell {
  max-width: 21rem;
}
.site-footer__newsletter .label {
  margin-bottom: 0.9375rem;
}
.site-footer__newsletter div#mc_embed_signup {
  margin-top: 0;
}
.site-footer__newsletter div#mc_embed_signup .mc-field-group--main label {
  display: none;
}
.site-footer__newsletter div#mc_embed_signup #mergeRow-gdpr {
  margin-top: 0.125rem;
}
@media all and (min-width: 25.75rem) {
  .site-footer__newsletter div#mc_embed_signup #mergeRow-gdpr {
    margin-top: 0.25rem;
  }
}
.site-footer__newsletter div#mc_embed_signup .mc-field-group input[type=email],
.site-footer__newsletter div#mc_embed_signup .mc-field-group input[type=submit] {
  background: rgba(255, 255, 255, 0.3) !important;
  height: 2.5rem;
}
.site-footer__newsletter div#mc_embed_signup .mc-field-group--main::after {
  height: 1.5rem;
  right: 0.5rem;
  top: 0.5rem;
  width: 1.5rem;
}
.site-footer__newsletter div#mc_embed_signup .mc_fieldset .checkbox .gdpr + span {
  font-size: 0.6rem;
  line-height: 1.2;
  padding-left: 1.325rem;
}
@media all and (min-width: 25.75rem) {
  .site-footer__newsletter div#mc_embed_signup .mc_fieldset .checkbox .gdpr + span {
    white-space: nowrap;
  }
}
.site-footer__newsletter div#mc_embed_signup .mc_fieldset .checkbox .gdpr + span::before {
  background: rgba(255, 255, 255, 0.3) !important;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
}
@media all and (min-width: 25.75rem) {
  .site-footer__newsletter div#mc_embed_signup .mc_fieldset .checkbox .gdpr + span::before {
    top: -0.25rem;
  }
}

.news__header {
  background: #EC9638;
  padding-top: 1.125rem;
}
@media all and (min-width: 48rem) {
  .news__header {
    padding-top: 3rem;
  }
}
@media all and (min-width: 64rem) {
  .news__header {
    padding-top: 4.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .news__header {
    padding-top: 6.5rem;
  }
}

.news__heading {
  color: #efefef;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 2.25rem */
  position: relative;
  top: 0.7rem;
}
@media all and (min-width: 48rem) {
  .news__heading {
    font-size: 4rem;
    letter-spacing: -1.92px;
    top: 1.2rem;
  }
}
@media all and (min-width: 64rem) {
  .news__heading {
    font-size: 7.5rem;
    top: 2.25rem;
  }
}
@media all and (min-width: 85.375rem) {
  .news__heading {
    font-size: 11.5rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.345rem;
    line-height: 100%; /* 11.5rem */
    top: 3.3rem;
  }
}

.news__posts {
  background: #efefef;
  padding-bottom: 2.25rem;
}
@media all and (min-width: 48rem) {
  .news__posts {
    padding-bottom: 5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .news__posts {
    padding-bottom: 7.5rem;
  }
}

.news__post-intro {
  padding: 1.875em 0;
}
@media all and (min-width: 48rem) {
  .news__post-intro {
    padding: 3.75rem 0 2.25rem 0;
  }
}
@media all and (min-width: 85.375rem) {
  .news__post-intro {
    padding: 5rem 0 2.25rem;
  }
}

.news__filters div.facetwp-checkbox::before {
  background: rgba(0, 0, 0, 0.15);
}

.news__filters div.facetwp-checkbox.checked::before {
  background: #EC9638;
}

.news__filter-heading {
  margin-bottom: 1.25rem;
}

.news__post-intro {
  max-width: 49rem;
}

.post-list {
  display: grid;
  gap: 1.875rem;
  list-style: none;
  padding-top: 1.875rem;
}
@media all and (min-width: 48rem) {
  .post-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (min-width: 64rem) {
  .post-list {
    gap: 2.5rem;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 2.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .post-list {
    gap: 3.75rem;
    padding-top: 3.75rem;
  }
}

.post-list__item {
  min-width: 0;
}

@media all and (min-width: 48rem) {
  .post-excerpt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.post-excerpt a {
  color: inherit;
  display: block;
  text-decoration: none;
}

.post-excerpt__thumbnail {
  aspect-ratio: 456/320;
  position: relative;
}
.post-excerpt__thumbnail img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  width: 100%;
}

.post-excerpt__meta {
  align-items: center;
  background: #666;
  color: #EC9638;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875rem;
  gap: 0.675rem;
  line-height: 100%;
  padding: 0 1.25rem;
}
@media all and (min-width: 85.375rem) {
  .post-excerpt__meta {
    font-size: 1rem;
  }
}

.post-excerpt__categories {
  font-weight: 700;
  letter-spacing: 1.6px;
  padding: 0.875rem 0 0.625rem 0;
  text-transform: uppercase;
}

.post-excerpt__date {
  font-size: 1rem;
  padding: 0.875rem 0 0.625rem 0;
}
@media all and (min-width: 85.375rem) {
  .post-excerpt__date {
    font-size: 1.125rem;
  }
}

.post-excerpt__content {
  background: #ccc;
  padding: 1.25rem 1.25rem 5rem 1.25rem;
  position: relative;
  -webkit-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
@media all and (min-width: 85.375rem) {
  .post-excerpt__content {
    padding: 1.25rem 1.25rem 5.625rem 1.25rem;
  }
}

.post-excerpt__actions {
  bottom: 0;
  height: 5rem;
  justify-content: space-between;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media all and (min-width: 85.375rem) {
  .post-excerpt__actions {
    height: 5.625rem;
  }
}

/*
.share-buttons {
  @include d-flex;
  align-items: flex-end;
  gap: .625rem;
  list-style: none;
  @media all and (min-width: $xl-min) {
    gap: 1.25rem;
  }

  li a {
    display: block;
    height: 2.5rem;
    opacity: .5;
    width: 2.5rem;
    @media all and (min-width: $xl-min) {
      height: 3.125rem;
      width: 3.125rem;
    }
    @media all and (pointer: fine) {
      &:hover {
        opacity: 1;
      }
    }

    img {
      height: auto;
      margin: 0;
      width: 100%;
    }
  }
}
*/
.share-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  gap: 0.625rem;
  list-style: none;
}
@media all and (min-width: 85.375rem) {
  .share-buttons {
    gap: 1.25rem;
  }
}
.share-buttons li a {
  /* Only CSS var used: --icon (set per-link in HTML) */
  display: block;
  height: 2.5rem;
  opacity: 0.5;
  position: relative;
  transition: opacity 0.25s ease;
  width: 2.5rem;
  /* Icon layer painted via background-color (animates) */
  /* Hover */
  /* Hide legacy <img> if still present */
}
@media all and (min-width: 85.375rem) {
  .share-buttons li a {
    height: 3.125rem;
    width: 3.125rem;
  }
}
.share-buttons li a::before {
  background-color: #fff; /* base: white */
  content: "";
  inset: 0;
  -webkit-mask: var(--icon) no-repeat center/contain;
  mask: var(--icon) no-repeat center/contain;
  position: absolute;
  transition: background-color 0.25s ease;
}
@media all and (pointer: fine) {
  .share-buttons li a {
    /* yellow */
  }
  .share-buttons li a:hover {
    opacity: 1;
  }
  .share-buttons li a:hover::before {
    background-color: #EC9638;
  }
}
.share-buttons li a img {
  display: none;
}

.single .share-buttons li a::before {
  background-color: #EC9638;
}

.post-excerpt__open-modal {
  display: inline-block;
  font-size: 0;
  opacity: 0.5;
  position: relative;
  transform: rotate(45deg);
  transition: opacity 0.25s ease;
}
@media all and (pointer: fine) {
  .post-excerpt__open-modal:hover {
    opacity: 1;
  }
}
.post-excerpt__open-modal::after {
  background-color: #fff;
  content: "";
  display: block;
  /* paint color */
  height: 2.5rem;
  -webkit-mask: url("assets/img/x-white.svg") no-repeat center/contain;
  mask: url("assets/img/x-white.svg") no-repeat center/contain;
  transition: background-color 0.25s ease;
  width: 2.5rem;
}
@media all and (min-width: 85.375rem) {
  .post-excerpt__open-modal::after {
    height: 3.125rem;
    width: 3.125rem;
  }
}
@media all and (pointer: fine) {
  .post-excerpt__open-modal {
    /* yellow on hover */
  }
  .post-excerpt__open-modal:hover::after {
    background-color: #EC9638;
  }
}

.post-excerpt--external .post-excerpt__open-modal {
  transform: rotate(-45deg);
}
.post-excerpt--external .post-excerpt__open-modal::after {
  -webkit-mask: url("assets/img/arrow-right-white.svg") no-repeat center/contain;
  mask: url("assets/img/arrow-right-white.svg") no-repeat center/contain;
}

.post-excerpt__external-flag {
  background: #000;
  color: #fff !important;
  font-size: 0.875rem;
  font-weight: bold;
  height: 100%;
  letter-spacing: 1px;
  margin: 0 -1.25rem 0 auto;
  padding: 0.875rem 1.25rem 0.625rem 1.25rem;
  text-transform: uppercase;
}
.post-excerpt__external-flag::After {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  content: "\f08e";
  margin-left: 0.5em;
}
@media all and (pointer: fine) {
  .post-excerpt__external-flag:hover {
    color: #EC9638 !important;
  }
}

.post-excerpt__source {
  display: block;
  margin: -1.875rem 0 auto auto;
}
@media all and (max-width: 63.99rem) {
  .post-excerpt__source {
    font-size: 0.875rem;
  }
}

.post-excerpt__heading {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 2.5rem;
}
@media all and (min-width: 35.5rem) and (max-width: 47.95rem), (min-width: 85.375rem) {
  .post-excerpt__heading {
    font-size: 1.875rem;
  }
}

.blocker {
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  padding: 1.25rem;
  z-index: 550;
}
@media all and (min-width: 35.5rem) {
  .blocker {
    padding: 1.875rem;
  }
}
@media all and (min-width: 48rem) {
  .blocker {
    padding: 2.5rem;
  }
}
@media all and (min-width: 64rem) {
  .blocker {
    padding: 5rem 2.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .blocker {
    padding: 7.5rem 3.75rem;
  }
}
@media all and (min-width: 99rem) {
  .blocker {
    padding: 7.5rem;
  }
}

.post-modal.modal {
  border-radius: 0;
  box-shadow: none;
  margin: auto;
  max-width: 1480px;
  padding: 0;
  width: 100%;
}
.post-modal.modal a.close-modal {
  background: url("assets/img/x-yellow.svg");
  height: 2.5rem;
  left: auto;
  opacity: 0.5;
  right: 1.25rem;
  top: 1.25rem;
  width: 2.5rem;
}
@media all and (min-width: 48rem) {
  .post-modal.modal a.close-modal {
    right: 1.875rem;
    top: 1.875rem;
  }
}
@media all and (min-width: 64rem) {
  .post-modal.modal a.close-modal {
    right: auto;
    top: -3.75rem;
  }
}
@media all and (min-width: 85.375rem) {
  .post-modal.modal a.close-modal {
    height: 3.125rem;
    top: -5rem;
    width: 3.125rem;
  }
}
@media all and (pointer: fine) {
  .post-modal.modal a.close-modal:hover {
    opacity: 1;
  }
}

.post-modal__header {
  align-items: flex-end;
  background-size: cover;
  padding: 1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: Relative;
}
@media all and (max-width: 63.99rem) {
  .post-modal__header {
    min-height: 37vw;
  }
}
@media all and (min-width: 48rem) {
  .post-modal__header {
    padding: 2.5rem 2.5rem 1.875rem 2.5rem;
  }
}
@media all and (min-width: 64rem) {
  .post-modal__header {
    aspect-ratio: 93/37.5;
    padding: 3.75rem 3.75rem 1.875rem 3.75rem;
  }
}
@media all and (min-width: 85.375rem) {
  .post-modal__header {
    max-height: 600px;
    padding: 7.5rem 7.5rem 1.875rem 7.5rem;
  }
}
.post-modal__header::before {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  height: 100%;
  left: 0;
  position: Absolute;
  top: 0;
  width: 100%;
}

.single-post {
  background: #efefef;
}
@media all and (min-width: 99rem) {
  .single-post .post-modal__header {
    aspect-ratio: auto;
    height: 600px;
  }
}
.single-post .post-modal__header .container {
  margin-bottom: 0;
}
.single-post .share-buttons {
  margin: 2.5rem 0 3.125rem 0;
}
.single-post .addtoany_share_save_container {
  display: none !important;
}
.post-modal__content {
  background: #efefef;
  padding: 1.875rem;
}
@media all and (min-width: 48rem) {
  .post-modal__content {
    padding: 2.5rem;
  }
}
@media all and (min-width: 64rem) {
  .post-modal__content {
    padding: 2.5rem 3.75rem 3.75rem 3.75rem;
  }
}
@media all and (min-width: 85.375rem) {
  .post-modal__content {
    padding: 2.5rem 7.5rem 7.5rem 7.5rem;
  }
}

.post-modal__heading {
  color: #fff;
  max-width: 57rem;
  position: relative;
}
@media all and (max-width: 35.49rem) {
  .post-modal__heading {
    font-size: 1.25rem;
    padding-top: 3rem;
  }
}
@media all and (min-width: 35.5rem) and (max-width: 63.99rem) {
  .post-modal__heading {
    font-size: 2.25rem;
  }
}
@media all and (min-width: 85.375rem) {
  .post-modal__heading {
    font-size: 4rem;
  }
}

.post-modal__date {
  display: block;
  font-size: 1.125rem;
  line-height: 130%;
  margin-bottom: 0.625rem;
}

.post-modal__categories {
  color: #EC9638;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 100%; /* 1rem */
  margin-bottom: 2.5rem;
  text-transform: uppercase;
}
@media all and (min-width: 48rem) {
  .post-modal__categories {
    font-size: 1rem;
  }
}

.post-modal__entry-content img {
  margin: 1.875rem 0;
}
@media all and (min-width: 48rem) {
  .post-modal__entry-content img {
    margin: 2.5rem 0;
  }
}

.post-gallery {
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 1.25rem;
  grid-template-columns: repeat(4, 1fr);
  list-style: none;
  margin-top: 2.5rem;
}
@media all and (min-width: 64rem) {
  .post-gallery {
    gap: 2.5rem;
  }
}

/* Full-width item spans all columns */
.post-gallery__item--full-width {
  grid-column: span 4;
}

/* Half-width item spans two columns */
.post-gallery__item--half-width {
  grid-column: span 2;
}

/* Optional: make images responsive */
.post-gallery__item img {
  display: block;
  height: auto;
  width: 100%;
}

div.facetwp-facet.facetwp-facet-ladda_fler {
  padding: 3.125rem 0;
  text-align: center;
}
div.facetwp-facet.facetwp-facet-ladda_fler button {
  cursor: pointer;
  font-family: "Helvetica Neue";
  font-size: 1.125rem;
  font-weight: 700;
  margin: 3.125rem 0;
  text-align: center;
  text-transform: uppercase;
}
@media all and (min-width: 85.375rem) {
  div.facetwp-facet.facetwp-facet-ladda_fler button {
    margin: 4.5rem 0;
  }
}
@media all and (pointer: fine) {
  div.facetwp-facet.facetwp-facet-ladda_fler button:hover::before {
    opacity: 1;
  }
}
div.facetwp-facet.facetwp-facet-ladda_fler button::before {
  background: url("assets/img/arrow-down-yellow.svg");
  background-size: cover;
  content: "";
  cursor: pointer;
  display: block;
  height: 3.77956rem;
  margin: 0 auto 1.875rem auto;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  width: 3.75rem;
}
@media all and (min-width: 64rem) {
  div.facetwp-facet.facetwp-facet-ladda_fler button::before {
    height: 5.75rem;
    width: 5.705rem;
  }
}

.text-block__content {
  margin-bottom: 1.875rem;
}
@media all and (min-width: 48rem) {
  .text-block__content {
    margin-bottom: 3.125rem;
  }
}
@media all and (min-width: 64rem) {
  .text-block__content {
    max-width: 76rem;
    width: 80%;
  }
}
@media all and (min-width: 85.375rem) {
  .text-block__content.text-block__content--body_text:first-child {
    margin-top: 0.5rem;
  }
}
.text-block__content:last-child, .text-block__content.text-block__content--label {
  margin-bottom: 0;
}

.text-block__content--icon img {
  height: auto;
  max-width: 155px;
  width: 100%;
}

@media all and (min-width: 64rem) {
  .text-block__content--heading:first-child {
    margin-top: 1.25rem;
  }
}
.text-block__content--heading .heading {
  max-width: 13.72em;
}

.quote p, .quote cite {
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 300;
  line-height: 120%;
}
@media all and (min-width: 48rem) {
  .quote p, .quote cite {
    font-size: 1.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .quote p, .quote cite {
    font-size: 1.875rem;
  }
}
.quote p {
  color: #000;
  margin-bottom: 1em;
}
.quote cite {
  color: #EC657E;
}
.quote cite::before {
  content: "–";
}

.quote--boxed {
  background: rgba(236, 101, 126, 0.1);
  padding: 2.5rem 3.75rem;
}
@media all and (min-width: 85.375rem) {
  .quote--boxed {
    padding: 3.75rem 5rem;
  }
}

.is-inverted .quote--pink.quote--boxed {
  background: linear-gradient(0deg, rgba(236, 101, 126, 0.2) 0%, rgba(236, 101, 126, 0.2) 100%), rgba(255, 255, 255, 0.1);
}
.is-inverted .quote--pink p {
  color: #fff;
}

.theme-green-blue-gradient .quote--boxed,
.theme-green-pink-gradient .quote--boxed {
  background: rgba(255, 255, 255, 0.1) !important;
}

.is-inverted .quote p {
  color: #fff;
}

.quote--green cite {
  color: #0db2ad;
}
.quote--green.quote--boxed {
  background: rgba(13, 178, 173, 0.1);
}

.layout-text_block.theme-lightgray strong, .layout-text_block.theme-white strong {
  color: #0db2ad;
}

.text-block--short .text-block__content {
  max-width: 49.25rem;
}

@media all and (min-width: 48rem) {
  .text-block--margin {
    padding-bottom: 7.5rem;
  }
}

@media all and (max-width: 47.95rem) {
  .entry-content--bold-mobile p {
    font-weight: bold;
  }
}

.contact-cols {
  display: grid;
  gap: 1.875rem;
}
@media all and (min-width: 35.5rem) {
  .contact-cols {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (min-width: 48rem) {
  .contact-cols {
    grid-column-gap: 2.5rem;
    grid-template-columns: 17rem 17rem;
    margin-top: 3.75rem;
  }
}

.contact-cols__col {
  max-width: 17rem;
  min-width: 0;
}
.contact-cols__col p {
  font-size: 1.125rem;
}
.contact-cols__col p:last-child {
  margin-bottom: 0;
}

.contact-cols__label {
  color: #0db2ad;
  margin-bottom: 0.625rem;
}
.theme-green-pink-gradient .contact-cols__label, .theme-red-pink-gradient .contact-cols__label {
  color: inherit;
}

.arrow-links {
  display: grid;
  gap: 1.25rem;
  list-style: none;
}
@media all and (min-width: 35.5rem) {
  .arrow-links {
    gap: 2.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media all and (min-width: 35.5rem) {
  .text-block__content--heading + .text-block__content--arrow_links {
    margin-top: 1.875rem;
  }
}
@media all and (min-width: 64rem) {
  .text-block__content--heading + .text-block__content--arrow_links {
    margin-top: 3.75rem;
  }
}

.arrow-links__item {
  min-width: 0;
  position: relative;
}

.arrow-links__item--only-heading > a {
  align-items: center;
  min-height: 2.625rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*
.arrow-links__link {
  color: inherit;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  list-style: none;
  padding-left: 3.875rem;
  text-decoration: none;
  @media all and (min-width: $lg-min) {
    font-size: 1.5625rem;
  }

  > span {
    display: block;
    font-weight: 300;
    @media all and (min-width: $lg-min) {
      font-size: 1.125rem;
    }
  }

  &::after,
  &::before {
    background-image: url('assets/img/arrow-down-primary.svg');
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    filter: brightness(0) invert(1);
    height: 2.625rem;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transform: rotate(-90deg);
    width: 2.625rem;

    @media all and (min-width: $md-min) {
      //   height: 3.75rem;
      // width: 3.75rem;
    }

  }
  &::before {
    opacity:0;
  }

  @media all and (pointer: fine) {
    &:hover::after {
      filter: none;
      opacity: 1;
      transition: all .3s ease;
    }
  }
}

*/
.arrow-links__link {
  color: inherit;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  list-style: none;
  padding-left: 3.875rem;
  position: relative;
  text-decoration: none;
}
@media all and (min-width: 64rem) {
  .arrow-links__link {
    font-size: 1.5625rem;
  }
}
.arrow-links__link > span {
  display: block;
  font-weight: 300;
}
@media all and (min-width: 64rem) {
  .arrow-links__link > span {
    font-size: 1.125rem;
  }
}
.arrow-links__link::after {
  background-color: #0db2ad;
  content: "";
  display: block;
  height: 2.625rem;
  left: 0;
  -webkit-mask: url("assets/img/arrow-down-primary.svg") no-repeat center/contain;
  mask: url("assets/img/arrow-down-primary.svg") no-repeat center/contain;
  opacity: 0.5;
  position: absolute;
  top: 0;
  transform: rotate(-90deg);
  transition: background-color 0.3s ease, opacity 0.3s ease;
  width: 2.625rem;
}
@media all and (pointer: fine) {
  .arrow-links__link:hover::after {
    background-color: #00A892;
    opacity: 1;
  }
}

.is-inverted .arrow-links__link::after {
  background: #fff;
}
@media all and (pointer: fine) {
  .is-inverted .arrow-links__link::after:hover::after {
    background-color: #00A892;
    opacity: 1;
  }
}

.text-block__icon {
  margin-top: 1.875rem;
  opacity: 0.5;
}
@media all and (min-width: 64rem) {
  .text-block__icon {
    margin: 0;
    position: Absolute;
    right: 2.5rem;
    top: -1.25rem;
  }
}
@media all and (min-width: 85.375rem) {
  .text-block__icon {
    right: 3.75rem;
  }
}
@media all and (min-width: 99rem) {
  .text-block__icon {
    right: 7.5rem;
  }
}

.content-cols {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  list-style: none;
}
@media all and (min-width: 35.5rem) {
  .content-cols {
    gap: 1.875rem;
  }
}
.content-cols__col {
  -webkit-box-flex: 0 0 calc(50% - 0.9375rem);
  -webkit-flex: 0 0 calc(50% - 0.9375rem);
  -ms-flex: 0 0 calc(50% - 0.9375rem);
  flex: 0 0 calc(50% - 0.9375rem);
}
@media all and (min-width: 48rem) {
  .content-cols__col {
    -webkit-box-flex: 1 1 0;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
  }
}

.text-block__content--toggle {
  display: none;
}

.text-block__button {
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: "Helvetica Neue";
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
@media all and (pointer: fine) {
  .text-block__button:hover::before {
    opacity: 1;
  }
}
.text-block__button::before {
  background-image: url("assets/img/arrow-down-primary.svg");
  background-size: cover;
  content: "";
  cursor: pointer;
  display: block;
  height: 3.77956rem;
  margin: 0 auto 1.875rem auto;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  width: 3.75rem;
}
@media all and (min-width: 64rem) {
  .text-block__button::before {
    height: 5.75rem;
    width: 5.705rem;
  }
}

.is-inverted .text-block__button {
  color: #fff;
}
.is-inverted .text-block__button::before {
  background-image: url("assets/img/arrow-down-white.svg");
}

.open-positions {
  width: 100%;
}
@media all and (min-width: 64rem) {
  .open-positions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media all and (min-width: 64rem) {
  .open-positions__column--content {
    width: 52.4%;
  }
}
@media all and (min-width: 48rem) {
  .open-positions__column--content .label {
    margin-bottom: 2.5rem;
  }
}

.open-positions__container {
  width: 100%;
}
@media all and (min-width: 64rem) {
  .open-positions__container {
    margin: 0 0 0 auto;
    max-width: calc(52.4vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
  }
}
.open-positions__container .heading {
  margin-bottom: 1.875rem;
}

.open-positions__column--image {
  overflow: hidden;
}
@media all and (max-width: 47.95rem) {
  .open-positions__column--image {
    aspect-ratio: 1;
  }
}
@media all and (min-width: 48rem) and (max-width: 63.99rem) {
  .open-positions__column--image {
    aspect-ratio: 16/9;
  }
}
@media all and (min-width: 64rem) {
  .open-positions__column--image {
    overflow: hidden;
    position: relative;
    width: 47.6%;
  }
}
.open-positions__column--image img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.arrow-list {
  list-style: none;
}

.arrow-list__item {
  align-items: flex-start;
  line-height: 120%;
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media all and (min-width: 48rem) {
  .arrow-list__item {
    font-size: 1.25rem;
    margin-bottom: 2.66rem;
  }
}
.arrow-list__item a {
  color: inherit;
  list-style: none;
  text-decoration: none;
}
.arrow-list__item a[href^="mailto:"] {
  color: #0db2ad;
  font-weight: 300;
}
.arrow-list__item::before {
  aspect-ratio: 51.59/52;
  background-image: url("assets/img/arrow-down-primary.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 3.25rem;
  margin-right: 1.25rem;
  opacity: 0.5;
  transform: rotate(-90deg);
  width: 3.22456rem;
}
.arrow-list--positions .arrow-list__item::before {
  content: none;
}
.arrow-list--positions .arrow-list__item-link-icon {
  font-size: 0;
  line-height: 0;
}
.arrow-list--positions .arrow-list__item .arrow-list__item-link-icon::before {
  aspect-ratio: 51.59/52;
  background-image: url("assets/img/arrow-down-primary.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 3.25rem;
  margin-right: 1.25rem;
  opacity: 0.5;
  transform: rotate(-90deg);
  transition: all 0.3s ease;
  width: 3.22456rem;
}
@media all and (pointer: fine) {
  .arrow-list--positions .arrow-list__item .arrow-list__item-link-icon:hover::before {
    opacity: 1;
  }
}

.marquee-gallery {
  overflow: hidden;
  width: 100%;
}

@media all and (min-width: 85.375rem) {
  .marquee-gallery--large .marquee-gallery__item {
    height: 480px;
    max-height: 480px;
  }
}

.marquee-gallery__items {
  animation-iteration-count: infinite;
  animation-name: scroll-marquee;
  animation-timing-function: linear;
  backface-visibility: hidden;
  display: flex;
  list-style: none;
  transform: translateZ(0);
  will-change: transform;
}

.marquee-gallery__item {
  flex: 0 0 80vw;
  max-height: 290px;
  width: auto;
}
@media all and (min-width: 35.5rem) {
  .marquee-gallery__item {
    flex: 0 0 auto;
    height: 290px;
  }
}
.marquee-gallery__item img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.marquee-gallery__items.marquee--is-touch {
  cursor: grab;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.marquee-gallery__items.marquee--is-touch::-webkit-scrollbar {
  display: none;
}

@keyframes scroll-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--scroll-distance));
  }
}
.text-img {
  width: 100%;
}
@media all and (min-width: 64rem) {
  .text-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.text-img--flip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-direction: column-reverse;
}
@media all and (min-width: 64rem) {
  .text-img--flip {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-direction: row-reverse;
  }
}
.text-img .text-block__content {
  width: 100%;
}

@media all and (min-width: 64rem) {
  .text-img__column--content {
    width: 60%;
  }
}

.text-img__container {
  width: 100%;
}
@media all and (min-width: 64rem) {
  .text-img__container {
    margin: 0 0 0 auto;
    max-width: calc(60vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
  }
}

@media all and (min-width: 64rem) {
  .text-img--flip .text-img__container {
    margin: 0 auto 0 0;
    max-width: calc(54.5vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
  }
}

.text-img__column--image {
  overflow: hidden;
  position: relative;
}
@media all and (max-width: 47.95rem) {
  .text-img__column--image {
    aspect-ratio: 1;
  }
}
@media all and (min-width: 48rem) and (max-width: 63.99rem) {
  .text-img__column--image {
    aspect-ratio: 16/9;
  }
}
@media all and (min-width: 64rem) {
  .text-img__column--image {
    overflow: hidden;
    position: relative;
    width: 40%;
    -webkit-box-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
}
.text-img__column--image img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
@media all and (min-width: 64rem) {
  .text-img__column--image img {
    position: absolute;
  }
}

@media all and (min-width: 64rem) {
  .text-img--flip .text-img__column--image {
    width: 46.5%;
    -webkit-box-flex: 0 0 46.5%;
    -webkit-flex: 0 0 46.5%;
    -ms-flex: 0 0 46.5%;
    flex: 0 0 46.5%;
  }
}

.text-img__image-content {
  position: absolute;
  z-index: 1;
}

.text-img__image-content-inner {
  padding: 3.75rem 0;
}
@media all and (min-width: 85.375rem) {
  .text-img__image-content-inner {
    padding: 5rem 0;
  }
}

@media all and (min-width: 64rem) {
  .text-img--flip .text-img__image-content {
    max-width: calc(46.5vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
    right: 0;
  }
}

.text-img__image-content-label {
  margin-bottom: 0.625rem;
}

.text-img--map .text-img__container {
  width: 100%;
}
@media all and (min-width: 64rem) {
  .text-img--map .text-img__container {
    margin: 0 0 0 auto;
    max-width: calc(50vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
    width: 100%;
  }
}
@media all and (min-width: 85.375rem) {
  .text-img--map .text-img__container {
    max-width: calc(43.2vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
  }
}
@media all and (min-width: 64rem) {
  .text-img--map .text-img__column--content {
    width: 50%;
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media all and (min-width: 85.375rem) {
  .text-img--map .text-img__column--content {
    width: 43.2%;
    -webkit-box-flex: 0 0 43.2%;
    -webkit-flex: 0 0 43.2%;
    -ms-flex: 0 0 43.2%;
    flex: 0 0 43.2%;
  }
}
@media all and (min-width: 64rem) {
  .text-img--map .text-img__column--image {
    width: 50%;
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media all and (min-width: 85.375rem) {
  .text-img--map .text-img__column--image {
    width: 56.8%;
    -webkit-box-flex: 0 0 56.8%;
    -webkit-flex: 0 0 56.8%;
    -ms-flex: 0 0 56.8%;
    flex: 0 0 56.8%;
  }
}
.text-img--map .heading {
  margin-bottom: 1.25rem;
}
@media all and (min-width: 48rem) {
  .text-img--map .heading {
    margin-bottom: 2.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .text-img--map .heading {
    margin-bottom: 2.75rem;
    padding-top: 0.5rem;
  }
}
.text-img--map .entry-content p {
  margin-bottom: 1.5em;
}
.text-img--map .entry-content p:last-child {
  margin: 0;
}

.contact-info {
  display: grid;
  gap: 2.5rem;
  list-style: none;
}
@media all and (min-width: 25.75rem) {
  .contact-info {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (min-width: 48rem) and (max-width: 63.99rem) {
  .contact-info {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.contact-info__city {
  color: #0db2ad;
  margin-bottom: 0.375rem;
}

.contact-info__map-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: -0.25rem;
  margin-top: 0.5rem;
  text-decoration: none;
}
.contact-info__map-link::after {
  color: #0db2ad;
  content: "\f3c5";
  font-size: 2rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  margin-left: 1.125rem;
  position: relative;
  top: -2px;
}

.event-hero {
  background-position: center center;
  background-size: cover;
  color: #fff;
  padding: 2.5rem 0;
}
@media all and (min-width: 48rem) {
  .event-hero {
    padding: 3.75rem 0;
  }
}
@media all and (min-width: 64rem) {
  .event-hero {
    padding: 5rem 0;
  }
}

.event-hero__heading {
  color: #FFF;
  font-size: 33vw;
  mix-blend-mode: overlay;
}
@media all and (min-width: 64rem) {
  .event-hero__heading {
    font-size: 20rem;
  }
}
@media all and (min-width: 85.375rem) {
  .event-hero__heading {
    font-size: 29rem;
    font-weight: 700;
    letter-spacing: -0.87rem;
    line-height: 100%; /* 29rem */
    margin-top: 3.5rem;
    padding-top: 3rem;
  }
}

.event-intro__preamble {
  max-width: 50rem;
}

.newsletter-form {
  margin-top: 3.75rem;
}
@media all and (min-width: 85.375rem) {
  .newsletter-form {
    margin-top: 7.5rem;
  }
}

/*
div#mc_embed_signup {
  margin-top: 3.125rem;
  max-width: 32.5rem;
  @media all and (min-width: $lg-min) {
    margin-top: 6.25rem;
  }

  form {
    margin: 0;
  }

  .mc-field-group {
    @include d-flex;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
    width: 100%;

    &--main::after {
      background-image: url('assets/img/arrow-right-white.svg');
      background-size: cover;
      content: '';
      display: block;
      height: 2.5rem;
      opacity: .7;
      pointer-events: none;
      position: absolute;
      right: .94rem;
      top: calc((1.125rem * 1.5) + .625rem + .94rem);
      width: 2.5rem;
    }

    label {
      display: Block;
      font-size: 1.125rem;
      line-height: 150%;
      margin-bottom: .625rem;
      @include flex(0, 0, 100%);
    }

    input {
      background: rgba(236, 101, 126, 0.30) !important;
      border: 0;
      border-radius: 0;
      color: #fff;
      font-family: $themefont;
      font-size: 1.125rem;

      margin: 0;
      padding: .625rem;

      &[type="email"] {
        @include flex(0, 0, calc(100% - 4.5rem));
        height: 4.375rem;
      }

      &[type="submit"] {
        @include flex(0, 0, 4.5rem);
        font-size: 0;
        height: 4.375rem;
        max-width: 4.5rem;
      }
    }

    a {
      color: $secondary-pink-709c;
      text-decoration: none;
    }
  }

  #mergeRow-gdpr {
    margin-top: .625rem;
  }

}
*/
div#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background: transparent;
  color: #fff;
}
div#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error::before {
  content: "\f06a";
  margin-right: 0.5em;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
}

.mc_fieldset .checkbox .gdpr + span {
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
  padding-left: 2rem;
  position: relative;
}
@media all and (min-width: 48rem) {
  .mc_fieldset .checkbox .gdpr + span {
    white-space: nowrap;
  }
}

.mc_fieldset .checkbox .gdpr + span::before {
  align-items: flex-start;
  background: rgba(236, 101, 126, 0.3) !important;
  border-radius: 0;
  box-sizing: border-box;
  content: "";
  height: 1.5rem;
  left: 0;
  line-height: 1.5rem;
  margin-right: 0.5rem;
  position: absolute;
  text-align: center;
  width: 1.5rem;
}

/* 4) Checked state: show Font Awesome check icon inside the box */
.mc_fieldset .checkbox .gdpr:checked + span::before {
  content: "\f00c"; /* Font Awesome check */
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
}

.layout-newsletter div#mc_embed_signup {
  margin-top: 0;
}
.layout-newsletter div#mc_embed_signup .mc_fieldset .checkbox .gdpr + span::before,
.layout-newsletter div#mc_embed_signup .mc-field-group input {
  background: rgba(255, 255, 255, 0.3) !important;
}
.layout-newsletter div#mc_embed_signup .mc-field-group a {
  color: inherit;
  text-decoration: underline;
}

#mce-success-response {
  display: none !important;
}

#mc_embed_signup form {
  margin: 0 !important;
}

#mc_embed_shell label,
#mc_embed_signup label {
  display: Block;
  font-size: 1.125rem;
  line-height: 150%;
  margin-bottom: 0.625rem;
  -webkit-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
#mc_embed_shell .mc-field-group input,
#mc_embed_signup .mc-field-group input {
  background: rgba(236, 101, 126, 0.3) !important;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-family: "Helvetica Neue";
  font-size: 1.125rem;
  height: 4.375rem;
  line-height: 4.375rem;
  margin: 0;
  padding: 0.625rem !important;
}
#mc_embed_shell h3,
#mc_embed_signup h3 {
  margin-bottom: 1.25rem;
}
#mc_embed_shell a,
#mc_embed_signup a {
  color: #F38590;
  text-decoration: none;
}
#mc_embed_shell p,
#mc_embed_signup p {
  font-size: 0.875rem;
  margin-bottom: 1em;
}
#mc_embed_shell .gdprRequired,
#mc_embed_signup .gdprRequired {
  margin-bottom: 1.25rem;
}
#mc_embed_shell .gdprRequired span,
#mc_embed_signup .gdprRequired span {
  line-height: 1.1;
}
#mc_embed_shell #mergeRow-gdpr,
#mc_embed_signup #mergeRow-gdpr {
  margin-top: 0.625rem !important;
}
#mc_embed_shell #mergeRow-gdpr fieldset > label span,
#mc_embed_signup #mergeRow-gdpr fieldset > label span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 1.5rem;
}
@media all and (max-width: 35.49rem) {
  #mc_embed_shell #mergeRow-gdpr fieldset > label span,
  #mc_embed_signup #mergeRow-gdpr fieldset > label span {
    font-size: 0.75rem;
  }
}
#mc_embed_shell #mergeRow-gdpr fieldset > label span::before,
#mc_embed_signup #mergeRow-gdpr fieldset > label span::before {
  top: -0.125rem;
}
#mc_embed_shell #mc-embedded-subscribe,
#mc_embed_signup #mc-embedded-subscribe {
  background: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-size: 1.625rem;
  font-weight: 300;
  height: auto;
  padding: 0 0 0.625rem 0;
  text-align: left;
}
@media all and (pointer: fine) {
  #mc_embed_shell #mc-embedded-subscribe:hover,
  #mc_embed_signup #mc-embedded-subscribe:hover {
    border-bottom-color: #EC657E;
    color: #EC657E;
  }
}
#mc_embed_shell .content__gdprLegal,
#mc_embed_signup .content__gdprLegal {
  font-size: 0.875rem;
}

.layout-full_width_video {
  background: none !important;
}

.video__wrapper {
  margin: -1px 0;
  overflow: hidden;
  padding-bottom: var(--video-padding) !important;
  position: relative;
}
.video__wrapper iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media all and (min-width: 48rem) {
  .video__wrapper--mobile {
    display: none;
  }
}

.video__wrapper--desktop {
  display: none;
}
@media all and (min-width: 48rem) {
  .video__wrapper--desktop {
    display: block;
  }
}

.video__wrapper--desktop--mobile {
  display: block !important;
}

.full-width-video {
  position: relative;
}

.video-link-overlay {
  inset: 0;
  position: absolute;
  z-index: 3;
}

.full-width-video__content {
  bottom: 1.25rem;
  position: absolute;
  width: 100%;
}
@media all and (min-width: 64rem) {
  .full-width-video__content {
    bottom: 1.875rem;
  }
}
.full-width-video__content p {
  margin: 0;
}

/* Vi korsfadar två gradients: grön och röd */
.showreel__wrapper::before,
.video__wrapper::before,
.showreel__wrapper::after,
.video__wrapper::after {
  animation: pulseScale 6s ease-in-out infinite;
  content: "";
  filter: blur(8px);
  inset: -10%;
  position: absolute;
  transform-origin: center;
  will-change: transform, opacity;
  z-index: -1;
}

.showreel__wrapper::before,
.video__wrapper::before {
  background: radial-gradient(120% 120% at 50% 50%, #12142D 0%, #00252D 40%, #12142D 100%);
}

.showreel__wrapper::after,
.video__wrapper::after {
  animation: pulseScale 6s ease-in-out infinite, crossfade 6s ease-in-out infinite;
  background: radial-gradient(120% 120% at 50% 50%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
}

@keyframes crossfade {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes pulseScale {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
/* Tillgänglighet: stäng av animation om användaren föredrar mindre rörelse */
@media (prefers-reduced-motion: reduce) {
  .showreel__wrapper::before,
  .video__wrapper::before,
  .showreel__wrapper::after,
  .video__wrapper::after {
    animation: none;
  }
}
.layout-history {
  overflow: hidden;
  padding: 0 0 2.5rem;
}
@media all and (min-width: 48rem) {
  .layout-history {
    padding-bottom: 3.75rem;
  }
}

.heading--history {
  background: linear-gradient(90deg, #EC657E 0%, #EDDFE2 51.44%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 19.5vw;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 100%;
  position: relative;
  -webkit-text-fill-color: transparent;
  top: -2px;
}
@media all and (min-width: 99rem) {
  .heading--history {
    font-size: 18.5vw;
  }
}
@media all and (min-width: 1670px) {
  .heading--history {
    font-size: 20rem;
    top: -0.375rem;
  }
}

.history-list {
  list-style: none;
  margin-top: 1.875rem;
}
@media all and (min-width: 48rem) {
  .history-list {
    padding: 0 2.5rem;
  }
}
@media all and (min-width: 99rem) {
  .history-list {
    margin-top: 3.75rem;
    padding: 0 5rem;
  }
}

.history-node {
  margin: 1.875rem 0 3.125rem 0;
}
@media all and (min-width: 64rem) {
  .history-node {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media all and (min-width: 99rem) {
  .history-node {
    margin: 5rem 0;
  }
}

.history-node__img {
  margin-bottom: 1.875rem;
}
@media all and (min-width: 64rem) {
  .history-node__img {
    margin-bottom: 0;
    -webkit-box-flex: 0 0 52%;
    -webkit-flex: 0 0 52%;
    -ms-flex: 0 0 52%;
    flex: 0 0 52%;
  }
}

@media all and (min-width: 64rem) {
  .history-node__content {
    padding-left: 1.875rem;
  }
}
@media all and (min-width: 85.375rem) {
  .history-node__content {
    padding-left: 3.125rem;
  }
}
.history-node__content p:last-child {
  margin-bottom: 0;
}

.history-node__year {
  color: #EC657E;
  margin-bottom: 1.25rem;
}
@media all and (min-width: 64rem) {
  .history-node__year {
    margin-bottom: 0.25rem;
    padding-top: 0.75rem;
  }
}

.history-list--count {
  padding: 0;
}
.history-list--count .history-node {
  margin: 3.75rem 0;
}
@media all and (max-width: 47.95rem) {
  .history-list--count .history-node {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 4.25rem 0;
  }
}
.history-list--count .history-node .history-node__year {
  padding: 0;
}
@media all and (max-width: 47.95rem) {
  .history-list--count .history-node__img {
    margin-bottom: 0;
    margin-top: 1.25rem;
    order: 2;
  }
}
.history-list--count:first-child {
  margin-top: 0;
}
.history-list--count:first-child .history-node {
  margin-top: 0;
}

.history-node__number {
  background: #EC657E;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 2.625rem;
  font-weight: 700;
  height: 3.75rem;
  line-height: 4.5rem;
  margin-bottom: 1.875rem;
  opacity: 0.5;
  text-align: center;
  width: 3.75rem;
}
@media all and (min-width: 64rem) {
  .history-node__number {
    font-size: 3.25rem;
    height: 5.75rem;
    line-height: 205%;
    width: 5.75rem;
  }
}

.history-node__heading {
  color: #EC657E;
  font-weight: 400;
  margin-bottom: 0.625rem;
}

.history-list--green .history-node__number,
.history-list--green .history-node__year {
  background: #0db2ad;
}
.history-list--green .history-node__heading {
  color: #0db2ad;
}

.theme-lightgray .history-node--number {
  color: #efefef;
}

.slide-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media all and (min-width: 64rem) {
  .slide-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.slide-item__image {
  position: relative;
}
@media all and (min-width: 64rem) {
  .slide-item__image {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
.slide-item__image img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.slide-item__content {
  padding: 1.875rem 1.875rem 7.5rem 1.875rem;
}
@media all and (min-width: 64rem) {
  .slide-item__content {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 2.5rem 5rem 7.5rem 2.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .slide-item__content {
    padding: 5rem 7.5rem 12.5rem 3.75rem;
  }
}

@media all and (min-width: 64rem) and (max-width: 85.374rem) {
  .slide-item__heading {
    font-size: 2.25rem;
    letter-spacing: -0.0675rem;
  }
}

@media all and (min-width: 64rem) {
  .slide-item__label + .entry-content {
    margin-top: -1.125rem;
  }
}

.slideshows .slick-track {
  display: flex !important;
}
.slideshows .slick-slide {
  height: inherit !important;
}
.slideshows .slide-item {
  height: 100%;
}
.slideshows .slick-arrow {
  background-color: transparent;
  background-size: cover;
  bottom: 1.5rem;
  cursor: pointer;
  height: 3.77956rem;
  opacity: 0.5;
  position: absolute;
  text-indent: 9999px;
  transition: opacity 0.3s ease;
  width: 3.75rem;
  z-index: 2;
}
@media all and (min-width: 64rem) {
  .slideshows .slick-arrow {
    bottom: 2.5rem;
  }
}
@media all and (min-width: 85.375rem) {
  .slideshows .slick-arrow {
    height: 5.75rem;
    width: 5.705rem;
  }
}
@media all and (pointer: fine) {
  .slideshows .slick-arrow {
    opacity: 0.3;
  }
  .slideshows .slick-arrow:hover {
    opacity: 1;
  }
}
.slideshows .slick-next {
  background-image: url("assets/img/arrow-right-secondary.svg");
  right: 1.875rem;
}
@media all and (min-width: 64rem) {
  .slideshows .slick-next {
    right: 5rem;
  }
}
.slideshows .slick-prev {
  background-image: url("assets/img/arrow-down-white.svg");
  left: 1.875rem;
  transform: rotate(90deg);
}
@media all and (min-width: 64rem) {
  .slideshows .slick-prev {
    left: 5rem;
  }
}
@media all and (max-width: 63.99rem) {
  .slideshows .slick-dots {
    bottom: 3.25rem;
    left: 50%;
    padding: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: auto;
  }
}
@media all and (min-width: 64rem) {
  .slideshows .slick-dots {
    bottom: 3.75rem;
    padding-left: calc(50% + 2.5rem);
  }
}
@media all and (min-width: 85.375rem) {
  .slideshows .slick-dots {
    bottom: 5rem;
    padding-left: calc(50% + 3.75rem);
  }
}
@media all and (pointer: fine) {
  .slideshows .slick-dots {
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }
  .slideshows .slick-dots:hover {
    opacity: 1;
  }
}

.slideshows--contained {
  padding-bottom: 5.625rem;
}
@media all and (min-width: 48rem) {
  .slideshows--contained {
    padding-bottom: 7.5rem;
  }
}
@media all and (max-width: 47.95rem) {
  .slideshows--contained > .container {
    padding: 0;
  }
}
.slideshows--contained .label {
  color: #F38590;
}
.slideshows--contained .slideshow {
  background: #112235;
}
@media all and (min-width: 48rem) {
  .slideshows--contained .slideshow {
    margin-bottom: 1.25rem;
  }
}
.slideshows--full .slideshow:nth-of-type(odd) {
  background: #CAD1D3;
}
.slideshows--full .slideshow:nth-of-type(even) {
  background: #efefef;
}
.slideshows--full .heading {
  color: #0db2ad;
  opacity: 0.5;
}
.slideshows--full .slick-dots {
  max-width: 100%;
}
.slideshows--full .slick-dots .slick-active button {
  background: #0db2ad;
}
@media all and (pointer: fine) {
  .slideshows--full .slick-dots button:hover:hover {
    background: #0db2ad;
  }
}
.slideshows--full .slick-next {
  background-image: url("assets/img/arrow-down-primary.svg");
  transform: rotate(-90deg);
}

.simple-slideshow + .arrow-links {
  margin-top: 1.875rem;
}
@media all and (min-width: 48rem) {
  .simple-slideshow + .arrow-links {
    margin-top: 2.5rem;
  }
}
@media all and (min-width: 64rem) {
  .simple-slideshow + .arrow-links {
    max-width: 76rem;
    width: 80%;
  }
}

.simple-slideshow__items {
  list-style: none;
}

.simple-slideshow__item {
  display: none;
}
.simple-slideshow__item img {
  display: block;
}
.simple-slideshow__item:first-child {
  display: block;
}

@media all and (min-width: 48rem) {
  .simple-slideshow__img--mobile {
    display: none;
  }
}

.simple-slideshow__img--desktop {
  display: none;
}
@media all and (min-width: 48rem) {
  .simple-slideshow__img--desktop {
    display: block;
  }
}

.simple-slideshow__img--mobile:first-child:last-child,
.simple-slideshow__img--desktop:first-child:last-child {
  display: block;
}

.slick-initialized .slick-slide {
  display: block;
}

.theme-faq-light {
  background: #8ad0c9;
}

.theme-faq-dark {
  background: #011f2a;
}

.accordion {
  margin-top: 0.125rem;
}
@media all and (min-width: 85.375rem) {
  .accordion {
    margin-top: 1.25rem;
  }
}

.accordion-item {
  margin-top: 1.25rem;
}
@media all and (min-width: 85.375rem) {
  .accordion-item {
    margin-top: 1.875rem;
  }
}

.heading--accordion {
  color: #fff;
  cursor: pointer;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 1.25rem 5rem 1rem 1.25rem;
  position: relative;
}
@media all and (min-width: 85.375rem) {
  .heading--accordion {
    font-size: 1.75rem;
    padding: 1.875rem 7.5rem 1.25rem 2.5rem;
  }
}
.heading--accordion::after {
  background-size: cover;
  content: "";
  height: 3rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 3rem;
}
@media all and (min-width: 85.375rem) {
  .heading--accordion::after {
    right: 1.875rem;
  }
}
.theme-faq-light .heading--accordion {
  background: #7dccc5;
}
@media all and (pointer: fine) {
  .theme-faq-light .heading--accordion:hover {
    background: #1aae9d;
  }
}
.theme-faq-light .heading--accordion.open {
  background: #1aae9d;
}
.theme-faq-light .heading--accordion.open::After {
  background-image: url("assets/img/x-white.svg");
}
.theme-faq-light .heading--accordion::After {
  background-image: url("assets/img/arrow-down-white.svg");
  opacity: 0.2;
}
.theme-faq-dark .heading--accordion {
  background: #013d40;
}
@media all and (pointer: fine) {
  .theme-faq-dark .heading--accordion:hover {
    background: #4c9a96;
  }
}
.theme-faq-dark .heading--accordion.open {
  background: #4c9a96;
}
.theme-faq-dark .heading--accordion.open::After {
  background-image: url("assets/img/x-black.svg");
}
.theme-faq-dark .heading--accordion::After {
  background-image: url("assets/img/arrow-down-black.svg");
}

.answer {
  display: none;
  padding: 1.25rem;
}
@media all and (min-width: 85.375rem) {
  .answer {
    padding: 1.25rem 2.5rem;
  }
}
.answer .entry-content {
  max-width: 76rem;
  width: 80%;
}
.answer p:last-child {
  margin-bottom: 0;
}

.icon-list {
  max-width: 49.25rem;
}

.icon-list__list,
.product-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.25rem;
  list-style: none;
  max-width: 49.25rem;
  position: relative;
}

@media all and (min-width: 48rem) {
  .icon-list__list {
    align-items: center;
    display: grid;
    gap: 1.5rem;
    grid-auto-rows: auto;
    grid-template-columns: repeat(5, 6.25rem);
    padding-bottom: 5rem;
  }
}
@media all and (min-width: 64rem) {
  .icon-list__list {
    gap: 1.875rem;
    grid-template-columns: repeat(5, 8rem);
  }
}
@media all and (min-width: 85.375rem) {
  .icon-list__list {
    gap: 2.5rem;
    padding-bottom: 6.25rem;
  }
}

.product-icons__item,
.icon-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.icon-list__item {
  opacity: 0.5;
  transition: opacity 1s ease;
}
.icon-list__item:nth-child(4) {
  grid-column: 4/span 2;
}
.icon-list__item.active {
  opacity: 1;
}
@media all and (min-width: 48rem) {
  .icon-list__item.active .icon-list__title {
    opacity: 1;
  }
}

.is-inverted .icon-list__item .icon-list__icon {
  height: 5rem;
  width: 5rem;
  -webkit-box-flex: 0 0 5rem;
  -webkit-flex: 0 0 5rem;
  -ms-flex: 0 0 5rem;
  flex: 0 0 5rem;
}
@media all and (min-width: 48rem) {
  .is-inverted .icon-list__item .icon-list__icon {
    height: 6.25rem;
    width: 6.25rem;
    -webkit-box-flex: 0 0 6.25rem;
    -webkit-flex: 0 0 6.25rem;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
  }
}
@media all and (min-width: 64rem) {
  .is-inverted .icon-list__item .icon-list__icon {
    height: 8rem;
    width: 8rem;
    -webkit-box-flex: 0 0 8rem;
    -webkit-flex: 0 0 8rem;
    -ms-flex: 0 0 8rem;
    flex: 0 0 8rem;
  }
}
.is-inverted .icon-list__item img {
  filter: brightness(0) invert(1);
  max-width: 5rem;
}
@media all and (min-width: 48rem) {
  .is-inverted .icon-list__item img {
    max-width: 6.25rem;
  }
}
@media all and (min-width: 64rem) {
  .is-inverted .icon-list__item img {
    max-width: 8rem;
  }
}

.product-icons__icon {
  height: 3.25rem;
  width: 3.25rem;
}

.product-icons__title {
  font-size: 1.125rem;
  font-weight: 700;
}

.icon-list--small {
  gap: 1.25rem;
  grid-template-columns: repeat(3, 3.75rem);
}
@media all and (min-width: 85.375rem) {
  .icon-list--small {
    grid-template-columns: repeat(3, 5rem);
  }
}
@media all and (min-width: 85.375rem) {
  .icon-list--small .icon-list__title {
    font-size: 1.875rem;
  }
}
.icon-list--small .icon-list__item .icon-list__icon {
  height: 3.75rem;
  width: 3.75rem;
  -webkit-box-flex: 0 0 3.75rem;
  -webkit-flex: 0 0 3.75rem;
  -ms-flex: 0 0 3.75rem;
  flex: 0 0 3.75rem;
}
@media all and (min-width: 85.375rem) {
  .icon-list--small .icon-list__item .icon-list__icon {
    height: 5rem;
    width: 5rem;
    -webkit-box-flex: 0 0 5rem;
    -webkit-flex: 0 0 5rem;
    -ms-flex: 0 0 5rem;
    flex: 0 0 5rem;
  }
}

.icon-list__title {
  font-size: 1.25rem;
  font-weight: 700;
  transition: opacity 1s ease;
}
@media all and (min-width: 48rem) {
  .icon-list__title {
    bottom: 0;
    left: 0;
    font-size: 1.625rem;
    opacity: 0;
    position: absolute;
  }
}
@media all and (min-width: 85.375rem) {
  .icon-list__title {
    font-size: 2.25rem;
  }
}

.icon-list__icon--masked,
.masked-icon {
  aspect-ratio: 1;
  position: relative;
}
.icon-list__icon--masked img,
.masked-icon img {
  opacity: 0;
}
.icon-list__icon--masked::before,
.masked-icon::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  -webkit-mask-image: var(--mask-url);
  mask-image: var(--mask-url);
  -webkit-mask-position: center;
  /* mask source */
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  /* WebKit/Blink prefix */
  mask-size: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.icon-link {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  text-decoration: none;
}
@media all and (min-width: 64rem) {
  .icon-link {
    gap: 1.875rem;
  }
}
@media all and (min-width: 85.375rem) {
  .icon-link {
    gap: 2.5rem;
  }
}

.icon-link img {
  height: 5rem;
  opacity: 0.5;
  width: 5rem;
}
@media all and (min-width: 48rem) {
  .icon-link img {
    height: 6.25rem;
    width: 6.25rem;
  }
}
@media all and (min-width: 64rem) {
  .icon-link img {
    height: 8rem;
    width: 8rem;
  }
}

.icon-link__content .heading {
  margin-bottom: 0.625rem;
}
@media all and (max-width: 47.95rem) {
  .icon-link__content .heading {
    font-size: 1.25rem;
  }
}

.format-slideshow {
  background: #00252D;
  overflow: hidden;
  position: relative;
}

/* Label */
.format-slideshow__label {
  color: #fff;
}
@media all and (min-width: 85.375rem) {
  .format-slideshow__label {
    margin-bottom: 2.5rem;
  }
}

/* Navigation */
.format-slideshow__nav {
  background: #00252D;
  padding: 3.125rem 0 0 0;
}
@media all and (min-width: 64rem) {
  .format-slideshow__nav {
    height: 100%;
    padding: 3.125rem 0;
    width: 48%;
  }
}
@media all and (min-width: 85.375rem) {
  .format-slideshow__nav {
    padding: 5rem 0 7.5rem 0;
  }
}
.format-slideshow__container {
  /*
  @media all and (min-width: $xl-min) {
    max-width: calc(
            34vw// Width of the wrapper
            - ((100vw - 107.5rem) / 2// Left "outer gutter" of the centered .container
            + 7.5rem)// Left padding inside .container
            + 7.5rem
    );
  } */
}
@media all and (min-width: 64rem) {
  .format-slideshow__container {
    margin: 0 0 0 auto;
    max-width: calc(48vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
  }
}

.format-slideshow__nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.format-slideshow__nav-item {
  color: #fff;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  transition: all 0.3s ease;
}
@media all and (min-width: 64rem) {
  .format-slideshow__nav-item {
    font-size: 1.875rem;
    line-height: 1;
    margin-bottom: 0.3125rem;
  }
}
.format-slideshow__nav-item a {
  text-decoration: none;
}

.format-slideshow__nav-item--active,
.format-slideshow__nav-item:hover {
  color: var(--accent);
}

/* Slider */
@media all and (min-width: 64rem) {
  .format-slideshow__slider {
    position: absolute;
    right: 0;
    width: 52%;
  }
}

.format-slideshow__slider,
.format-slideshow__slide {
  height: 56.25vw;
}
@media all and (min-width: 64rem) {
  .format-slideshow__slider,
  .format-slideshow__slider .slick-list,
  .format-slideshow__slider .slick-track,
  .format-slideshow__slide,
  .format-slideshow__slide .slick-list,
  .format-slideshow__slide .slick-track {
    height: 100%;
  }
}

.format-slideshow__slide {
  background-position: center;
  background-size: cover;
}

.format-slideshow__link {
  color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.format-slideshow__link::after {
  background-image: url("assets/img/arrow-right-white.svg");
  background-size: cover;
  bottom: 1.875rem;
  content: "";
  display: block;
  height: 3.75rem;
  opacity: 0.5;
  position: absolute;
  right: 1.875rem;
  transform: rotate(90deg);
  transition: opacity 0.5s ease;
  width: 3.75rem;
}
@media all and (min-width: 85.375rem) {
  .format-slideshow__link::after {
    bottom: 3.125rem;
    height: 5rem;
    right: 3.125rem;
    width: 5rem;
  }
}
.format-slideshow__link:hover::after {
  opacity: 1;
}

/* Caption */
.format-slideshow__caption {
  color: transparent;
  height: auto; /* fallback */
  line-height: 1.4;
  overflow: hidden; /* hide during fade */
  padding: 1.25rem 0 1.875rem 0;
  transition: height 0.2s; /* optional smooth height set */
  z-index: 10;
}
@media all and (min-width: 48rem) {
  .format-slideshow__caption {
    padding: 1.5rem 0 3.125rem 0;
  }
}
@media all and (min-width: 64rem) {
  .format-slideshow__caption {
    padding: 1.875rem 0 0 0;
  }
}
.format-slideshow__caption p {
  color: var(--accent);
  font-size: 1.25rem;
  line-height: 120%;
  transition: inherit;
}
@media all and (min-width: 85.375rem) {
  .format-slideshow__caption p {
    font-size: 1.875rem;
  }
}
.format-slideshow__caption .format-slideshow__container {
  opacity: 1;
  transition: color 0.4s ease-in-out;
}
.format-slideshow__caption .format-slideshow__container.is-hidden {
  opacity: 0;
}

.full-width-image {
  position: relative;
}

@media all and (min-width: 48rem) {
  .full-width-image__img--mobile {
    display: none;
  }
}

.full-width-image__img--desktop {
  display: none;
}
@media all and (min-width: 48rem) {
  .full-width-image__img--desktop {
    display: block;
  }
}

.full-width-image__content {
  left: 0;
  position: absolute;
  top: 0;
}
.full-width-image__content .heading {
  margin-bottom: 1.125rem;
}

@media all and (min-width: 64rem) {
  .epi__columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.epi__column {
  max-width: 100%;
  min-width: 0;
}
@media all and (pointer: fine) {
  .epi__column:hover .epi__content {
    opacity: 1;
  }
  .epi__column:hover .epi__heading {
    background: #0db2ad !important;
  }
}
.epi__column:nth-child(2) .epi__heading {
  background: #004D44;
}
.epi__column:nth-child(3) .epi__heading {
  background: #002E29;
}

.epi__heading {
  background: #006B5F;
  color: rgba(255, 255, 255, 0.8);
  cursor: default;
  line-height: 1;
  padding: 1.25rem 1.875rem 0.5rem 1.875rem;
  transition: all 0.3s ease;
  width: 100%;
}
@media all and (max-width: 35.49rem), (min-width: 64rem) and (max-width: 85.374rem) {
  .epi__heading {
    font-size: 2.25rem;
    padding: 0.875rem 1.25rem 0.25rem 1.25rem;
  }
}
@media all and (min-width: 85.375rem) {
  .epi__heading {
    padding: 1.25rem 1.875rem 0.25rem 1.875rem;
  }
}
@media all and (min-width: 64rem) and (pointer: fine) {
  .epi__heading:hover {
    background: #0db2ad !important;
  }
}
.epi__heading.open, .epi__heading.active {
  background: #0db2ad !important;
}

.epi__content,
.epi__mobile-content {
  background: rgba(13, 178, 173, 0.5);
  padding: 1.25rem 1.875rem 5rem 1.875rem;
}

@media all and (min-width: 64rem) {
  .epi__heading.open + .epi__content {
    opacity: 1 !important;
  }
}
.epi__content {
  display: none;
  opacity: 0;
  transition: all 0.3s ease;
}
@media all and (min-width: 64rem) {
  .epi__content {
    display: block;
  }
}
@media all and (max-width: 35.49rem), (min-width: 64rem) and (max-width: 85.374rem) {
  .epi__content {
    padding: 0.625rem 1.25rem 3.125rem 1.25rem;
  }
}
.epi__content a {
  color: inherit;
  text-decoration: none !important;
}

.footer-contact {
  bottom: 0;
  color: #fff;
  position: absolute;
  right: 0;
  width: 20rem;
}
.footer-contact--open {
  z-index: 2;
}

.footer-contact__toggle {
  background: #0db2ad;
  bottom: 0;
  cursor: pointer;
  height: 3.75rem;
  left: auto;
  opacity: 0.5;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  transform: translateX(calc(100% - 5rem));
  transition: transform 0.4s ease-out;
  width: 25rem;
}
.footer-contact__toggle--active {
  opacity: 1;
  transform: translateX(5rem);
  transition-delay: 0s;
}
.footer-contact__toggle--active::after {
  color: black;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  content: "\f00d";
  display: block;
  font-size: 1.5rem;
  position: absolute;
  right: 6.875rem;
  text-indent: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media all and (pointer: fine) {
  .footer-contact__toggle:hover {
    opacity: 1;
  }
}
.footer-contact__toggle::before {
  background: url("assets/img/contact.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 2.75rem;
  left: 0.7rem;
  position: absolute;
  top: 50%;
  width: 3.125rem;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.footer-contact__card {
  background: #303232;
  bottom: 3.75rem;
  font-size: 1.125rem;
  opacity: 0;
  padding: 5rem 5rem 2.5rem 2.5rem;
  pointer-events: auto; /* enable clicks when visible */
  position: relative;
  transform: translateX(100%); /* completely off-screen */
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
@media all and (min-width: 64rem) {
  .footer-contact__card {
    padding-top: 9.5rem;
  }
}
.footer-contact--open .footer-contact__card {
  opacity: 1;
  transform: translateX(0);
}
.footer-contact__card [class^=staff__] {
  line-height: 150%;
}
.footer-contact__card .staff__portrait {
  margin-bottom: 0.625rem;
}
.footer-contact__card .staff__name {
  font-size: inherit;
  font-weight: normal;
}
.footer-contact__card .staff__custom-heading {
  color: #0db2ad;
  font-size: inherit;
  text-transform: uppercase;
}

.footer-contact__card-header {
  font-weight: 700;
  margin-bottom: 0.625rem;
}

.video-list {
  display: grid;
  gap: 3.75rem;
  list-style: none;
}
@media all and (min-width: 48rem) {
  .video-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (min-width: 85.375rem) {
  .video-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.video-item__iframe {
  aspect-ratio: 4/5;
  position: relative;
  width: 100%;
}
.video-item__iframe iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.video-item__desc {
  margin: 1.25rem 0 0 0;
}
.video-item__desc p:last-child {
  margin: 0;
}

.layout-staff-list {
  background: linear-gradient(107deg, rgba(0, 0, 0, 0.8) 0%, rgba(58, 66, 80, 0.8) 50%, rgba(0, 0, 0, 0.8) 100%), #000;
}

.staff-facets {
  color: #fff;
}

.staff-facets__intro {
  margin-bottom: 2.5rem;
}
@media all and (min-width: 85.375rem) {
  .staff-facets__intro {
    margin-bottom: 4.25rem;
  }
}
.staff-facets__intro strong {
  color: #0db2ad;
}

.staff-facets__heading {
  margin-bottom: 0.3125rem;
}

.staff-facets__filters {
  display: grid;
  gap: 1.25rem;
}
@media all and (min-width: 25.75rem) {
  .staff-facets__filters {
    display: grid;
    gap: 0.625rem;
    grid-template-columns: 1fr 1fr;
  }
}

div.facetwp-facet {
  margin: 0;
}

span.facetwp-display-value {
  font-size: 1.125rem;
  position: relative;
  top: 2px;
}

.staff-facets__heading--filter {
  color: #0db2ad;
  margin-bottom: 1.25rem;
}

div.facetwp-checkbox {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: transparent !important;
  margin-bottom: 0.625rem;
  padding: 0;
}
div.facetwp-checkbox::Before {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
  content: "";
  display: block;
  height: 1.5rem;
  margin-right: 0.625rem;
  width: 1.5rem;
}
div.facetwp-checkbox.checked::before {
  background: #0db2ad;
}

.facetwp-counter {
  display: none;
}

.staff-department__title {
  color: rgba(255, 255, 255, 0.5);
  padding-top: 2.5rem;
}
@media all and (max-width: 35.49rem) {
  .staff-department__title {
    font-size: 2.25rem;
  }
}

.staff-department {
  margin-bottom: 2.5rem;
}

.staff-list {
  display: grid;
  flex-wrap: wrap;
  gap: 0.625rem;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
}
@media all and (min-width: 25.75rem) {
  .staff-list {
    gap: 1.25rem;
  }
}
@media all and (min-width: 48rem) {
  .staff-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (min-width: 85.375rem) {
  .staff-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media all and (min-width: 64rem) and (max-width: 85.374rem), (min-width: 99rem) {
  .staff-list {
    gap: 2.5rem;
  }
}

.staff-list__item {
  font-size: 0.875rem;
  min-width: 0;
  padding-bottom: 1.25rem;
}
@media all and (min-width: 35.5rem) and (max-width: 47.95rem), (min-width: 64rem) {
  .staff-list__item {
    font-size: 1rem;
  }
}

.staff__portrait {
  margin-bottom: 1.875rem;
}
.staff__portrait img {
  display: block;
}

.staff__name {
  font-weight: 700;
  line-height: 120%;
}

.staff__email,
.staff__phone,
.staff__role {
  display: block;
  line-height: 120%;
}

.staff__phone {
  color: #fff;
  text-decoration: none;
}

.staff__email {
  color: #0db2ad;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media all and (pointer: fine) {
  .staff__email:hover {
    text-decoration: underline;
  }
}

.featured-staff {
  display: grid;
  gap: 2.5rem;
}
@media all and (min-width: 48rem) {
  .featured-staff {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (min-width: 85.375rem) {
  .featured-staff {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}

@media all and (min-width: 25.75rem) {
  .staff--featured {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.staff--featured .staff__info {
  min-width: 0;
}
@media all and (min-width: 25.75rem) {
  .staff--featured .staff__info {
    padding-left: 1.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media all and (min-width: 35.5rem) and (max-width: 47.95rem), (min-width: 64rem) {
  .staff--featured .staff__info {
    padding-left: 2.5rem;
  }
}
.staff--featured .staff__portrait {
  max-width: 340px;
}
@media all and (min-width: 25.75rem) {
  .staff--featured .staff__portrait {
    margin-bottom: 0;
    -webkit-box-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
}
@media all and (min-width: 85.375rem) {
  .staff--featured .staff__portrait {
    -webkit-box-flex: 0 0 340px;
    -webkit-flex: 0 0 340px;
    -ms-flex: 0 0 340px;
    flex: 0 0 340px;
  }
}

.staff__heading {
  color: #0db2ad;
  margin-bottom: 1.875rem;
  max-width: 4em;
}
@media all and (min-width: 25.75rem) and (max-width: 35.49rem), (min-width: 48rem) and (max-width: 63.99rem) {
  .staff__heading {
    font-size: 1.875rem;
  }
}
@media all and (min-width: 64rem) and (max-width: 85.374rem) {
  .staff__heading {
    font-size: 2.25rem;
  }
}

.is-inverted .staff__heading {
  color: #fff;
}

.product-area {
  position: relative;
}

.product-category__header {
  padding: 3.125rem 0;
}
@media all and (min-width: 48rem) {
  .product-category__header {
    padding: 3.75rem 0;
  }
}
@media all and (min-width: 85.375rem) {
  .product-category__header {
    padding: 5rem 0;
  }
}

.product-category__title {
  margin-bottom: 0.625rem;
}

.product-category__subtitle {
  color: #fff;
  max-width: 30rem;
}

.product-area__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: -70px;
  position: relative;
}
@media all and (min-width: 64rem) {
  .product-area__nav {
    bottom: 100%;
    margin-top: 0;
    position: Absolute;
    right: 0;
    width: 40vw;
  }
}
@media all and (min-width: 85.375rem) {
  .product-area__nav {
    width: 34vw;
  }
}

.product-area--category .product-area__nav {
  display: none;
}
@media all and (max-width: 63.99rem) {
  .product-area--category .product-area__nav {
    order: 1;
  }
  .product-area--category .product-area__nav button {
    pointer-events: none;
  }
}
@media all and (max-width: 63.99rem) {
  .product-area--category .product-area__additional {
    order: 2;
  }
}

.product-area__nav-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.5;
  width: 100%;
}
@media all and (min-width: 85.375rem) {
  .product-area__nav-buttons {
    opacity: 1;
  }
}
.product-area__nav-buttons.has-active-tab {
  opacity: 1;
}

.product-area--category .product-area__nav-button {
  color: transparent;
}

.product-area__nav-button {
  background: transparent;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Helvetica Neue";
  height: 70px;
  padding: 0 1.875rem;
  text-align: left;
  width: 50%;
}
@media all and (min-width: 85.375rem) {
  .product-area__nav-button {
    padding: 0 2.5rem;
  }
}

.product-area__nav-button--plus {
  font-size: 5rem;
  font-weight: 700;
  line-height: 80px;
  position: relative;
  /*
    &::After {
      background-image: url('assets/img/icon-plus.svg');
      background-size: cover;
      content: '';
      display: block;
      height: 3.125rem;
      top: 50%;
      @include translate(0, -50%);
      width: 3.125rem;
    }*/
}

.product-area__nav-button--spec {
  background: rgba(0, 0, 0, 0.3);
  padding-top: 0.5rem;
}

.product-area__banner {
  background-position: center center;
  background-size: cover;
  position: relative;
  /*
  @media all and (pointer: fine) {
    &:hover {
      &::before {
        opacity: 1;
      }
    }
  }*/
}
@media all and (max-width: 63.99rem) {
  .product-area__banner {
    background: none !important;
  }
}
@media all and (min-width: 64rem) {
  .product-area__banner {
    height: 450px;
  }
}
@media all and (min-width: 85.375rem) {
  .product-area__banner {
    height: 600px;
  }
}

.product-area__banner---overlay::before {
  background: linear-gradient(115deg, rgba(20, 0, 20, 0.9) 20%, rgba(0, 0, 0, 0.2) 80%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}

.product-area__banner--mobile {
  background-position: center center;
  background-size: cover;
  min-height: 56.25vw;
}
.product-area__banner--mobile img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@media all and (min-width: 64rem) {
  .product-area__banner--mobile {
    display: none;
  }
}

.product-area__banner-video-wrapper {
  height: 100%;
  overflow: hidden;
  position: Absolute;
  width: 100%;
  z-index: -1;
}
@media all and (min-width: 64rem) {
  .product-area__banner-video-wrapper {
    height: 450px;
  }
}
@media all and (min-width: 85.375rem) {
  .product-area__banner-video-wrapper {
    height: 600px;
  }
}
.product-area__banner-video-wrapper .video__wrapper--desktop {
  aspect-ratio: 1920/600 !important;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 !important;
  top: 50%;
  width: auto;
}
@media all and (min-width: 48rem) and (max-width: 63.99rem) {
  .product-area__banner-video-wrapper .video__wrapper--desktop {
    display: none;
  }
}
.product-area__banner-video-wrapper .video__wrapper--mobile {
  aspect-ratio: 4/5;
  padding: 0 !important;
}
@media all and (min-width: 48rem) and (max-width: 63.99rem) {
  .product-area__banner-video-wrapper .video__wrapper--mobile {
    display: block;
  }
}

.product-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-area__banner--mobile {
  aspect-ratio: 4/5;
}
@media all and (min-width: 64rem) {
  .product-area__banner--mobile {
    display: none;
  }
}

.product-list {
  list-style: none;
  padding: 1.875rem 0;
}
@media all and (min-width: 64rem) {
  .product-list {
    padding: 3.125rem 0;
  }
}
@media all and (min-width: 64rem) {
  .product-list--mobile {
    display: none;
  }
}

.product-list--desktop,
.product-list--desktop + .product-area__back {
  display: none;
}
@media all and (min-width: 64rem) {
  .product-list--desktop,
  .product-list--desktop + .product-area__back {
    display: block;
  }
}

.product-area__back {
  background: url("assets/img/arrow-down-white.svg");
  background-size: cover;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 3.77956rem;
  opacity: 0.5;
  transform: rotate(90deg);
  transition: opacity 0.3s ease;
  width: 3.75rem;
}
@media all and (min-width: 64rem) {
  .product-area__back {
    height: 5.75rem;
    width: 5.705rem;
  }
}
@media all and (pointer: fine) {
  .product-area__back:hover {
    opacity: 1;
  }
}

.product-list__toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  font-family: "Helvetica Neue";
  margin: 0;
  text-decoration: none;
}
@media all and (pointer: fine) {
  .product-list__toggle:hover {
    color: #fff !important;
  }
}
.current .product-list__toggle {
  color: #fff !important;
}

.product-area__additional {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), #62685F;
  color: #62685F;
}
.product-area__additional .container {
  padding-bottom: 1.875rem;
  padding-top: 1.875rem;
}
@media all and (min-width: 64rem) {
  .product-area__additional .container {
    padding-bottom: 3.125rem;
    padding-top: 3.125rem;
  }
}

.product-area__product-name {
  margin-bottom: 0.625rem;
}

.product-area__additional-read-more {
  display: none;
}

.product-category__read-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  cursor: pointer;
  font-family: "Helvetica Neue";
  font-size: inherit;
  margin-left: 0.5em;
}

@media all and (min-width: 64rem) {
  .product-area__banner,
  .product-area__additional {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
}

@media all and (min-width: 64rem) {
  .product-area__inner-container {
    margin: 0 0 0 auto;
    max-width: calc(66vw - ((100vw - 107.5rem) / 2 + 7.5rem) + 7.5rem);
  }
}

@media all and (min-width: 64rem) {
  .product-area__meta,
  .product-area__sidebar {
    width: 40vw;
    -webkit-box-flex: 0 0 40vw;
    -webkit-flex: 0 0 40vw;
    -ms-flex: 0 0 40vw;
    flex: 0 0 40vw;
  }
}
@media all and (min-width: 85.375rem) {
  .product-area__meta,
  .product-area__sidebar {
    background: #fff;
    width: 34vw;
    -webkit-box-flex: 0 0 34vw;
    -webkit-flex: 0 0 34vw;
    -ms-flex: 0 0 34vw;
    flex: 0 0 34vw;
  }
}

.product-area__meta-label {
  color: #fff !important;
}

.product-area__meta-plus,
.product-area__meta-spec {
  display: none;
}

.product-area__meta {
  color: #fff;
  display: none;
  padding: 2.5rem 1.875rem;
}
@media all and (min-width: 64rem) {
  .product-area__meta {
    display: block !important;
    order: 2;
  }
}

.product-icons__desc {
  font-size: 1.125rem;
}

.product-area__meta-list {
  list-style: none;
}

.product-area__meta-item {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0.3125rem;
}
.product-area__meta-item:last-child {
  margin: 0;
}
.product-area__meta-item strong {
  color: rgba(0, 0, 0, 0.7);
  margin-right: calc(1.25rem - 0.5em);
}

.product-area__sidebar {
  background: none;
  position: relative;
}
.product-area__sidebar .product-area__icon {
  background-color: #E88199;
  height: 170px;
  -webkit-mask-image: var(--mask-url);
  /* the mask comes from our custom‐prop: */
  mask-image: var(--mask-url);
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  -webkit-mask-position: center;
  mask-position: center;
  /* WebKit (Safari) support */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 170px;
}

.product-area__sidebar-panel {
  display: none;
  height: 100%;
  padding: 1.875rem;
}
@media all and (min-width: 64rem) {
  .product-area__sidebar-panel {
    max-height: 100%;
    opacity: 0.85;
    overflow: auto;
  }
}
@media all and (min-width: 85.375rem) {
  .product-area__sidebar-panel {
    padding: 2.5rem;
  }
}
.product-area__sidebar-panel.active {
  display: block;
}

.product-area__resources {
  font-size: 1.125rem;
  list-style: none;
  margin-top: 5rem;
}

.product-area__resource-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 150%;
  text-decoration: none;
}

.product-area__resource-icon {
  -webkit-box-flex: 0 0 1.325rem;
  -webkit-flex: 0 0 1.325rem;
  -ms-flex: 0 0 1.325rem;
  flex: 0 0 1.325rem;
  margin-right: 1em;
}

.product-area__resource-link--map .product-area__resource-icon::before {
  margin-left: 0.125rem;
  max-width: 1rem;
}

@media all and (min-width: 48rem) {
  .single-jcd_product .product-category__header {
    padding-top: 7.5rem;
  }
}

/*
.theme-jcd-cat {

  &-pink {
    .label,
    .product-category__title,
    .product-category__read-more,
    .product-area__nav-button--active {
      color: $secondary-pink-701c;
    }

    .product-area__nav-buttons,
    .product-area__meta,
    .product-area__icon {
      background-color: $secondary-pink-701c;
    }

    .product-area__sidebar {
      background: $secondary-pink-701c linear-gradient(white(.8), white(.8));
    }
  }

  &-green {
    .label,
    .product-category__title,
    .product-category__read-more {
      color: $secondary-green;
    }

    .product-area__nav-buttons,
    .product-area__meta,
    .product-area__icon {
      background-color: $secondary-green;
    }

    .product-area__sidebar {
      background: $secondary-green linear-gradient(white(.8), white(.8));
    }
  }

}
 */
.product-category {
  --jcd-cat-color: #cccccc;
}
.product-category .label, .product-category__title, .product-category__read-more {
  color: var(--jcd-cat-color);
}
.product-category .product-area__nav-buttons,
.product-category .product-area__meta,
.product-category .product-area__icon {
  background-color: var(--jcd-cat-color);
}
.product-category .product-area__nav-button--plus {
  color: rgba(0, 0, 0, 0.7);
}
.product-category .product-area__nav-button--plus.active {
  color: var(--jcd-cat-color) !important;
}
.product-category .product-area__nav-button--spec {
  color: #fff;
  margin-top: 0;
}
.product-category .product-area__nav-button--spec.active {
  color: rgba(0, 0, 0, 0.8);
}
.product-category .product-area__sidebar-panel,
.product-category .product-area__nav-button.active {
  background: var(--jcd-cat-color) linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
  color: rgba(0, 0, 0, 0.8);
}
.product-category .icon-list__icon--masked::before,
.product-category .masked-icon::before {
  background-color: var(--jcd-cat-color);
}

.product-category .product-area--category .product-area__nav-button {
  cursor: initial;
}
.product-category .product-area--category .product-area__sidebar-panel.active,
.product-category .product-area--category .product-area__nav-button.active {
  background: transparent !important;
  color: transparent !important;
}
.product-category .product-area--category .product-area__nav-button--spec.active {
  background: rgba(0, 0, 0, 0.3) !important;
  color: transparent !important;
}

.layout-diy {
  background: #fff;
}
.layout-diy .heading {
  opacity: 0.5;
}
.layout-diy:nth-of-type(even) {
  background: #efefef;
}

.diy-tool-container {
  margin-top: 1.875rem;
  /* ReactCrop styling: clearer crop border + dim surroundings */
  /* Make handles larger and easier to grip */
  /* Modal frame styling */
}
@media all and (min-width: 64rem) {
  .diy-tool-container {
    margin-top: 3.125rem;
    max-width: 76rem;
    width: 80%;
  }
}
.diy-tool-container .diy-tool {
  position: relative;
  /* show dashed border only before image is set */
}
.diy-tool-container .diy-tool .diy-image-dropzone:hover {
  opacity: 0.9;
}
.diy-tool-container .diy-tool .diy-image-dropzone .diy-image-dropzone-area {
  border-color: hsla(0, 0%, 100%, 0) !important;
  border-style: dashed;
  border-width: 2px;
}
.diy-tool-container .diy-tool .diy-image-dropzone .diy-image-dropzone-area:hover {
  border-color: hsla(0, 0%, 100%, 0.8) !important;
}
.diy-tool-container .diy-tool .diy-image-dropzone--empty .diy-image-dropzone-area {
  border-color: hsla(0, 0%, 100%, 0.9);
  border-style: dashed;
  border-width: 2px;
}
.diy-tool-container .diy-tool .diy-image-preview__controls {
  bottom: 12px;
  display: none;
  left: 12px;
  position: absolute;
}
.diy-tool-container .diy-tool .diy-thumbnail .diy-image-preview--thumbnail {
  box-shadow: 0 0 0 2px #fff inset;
}
.diy-tool-container .diy-tool .diy-image-preview:hover .diy-image-preview__controls {
  display: grid;
  gap: 8px;
  z-index: 10;
}
.diy-tool-container .diy-tool .diy-image-preview__button {
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.95);
  border: 0;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  font: 700 16px/1 "Helvetica Neue", Arial, sans-serif;
  padding: 10px 14px 10px 38px;
  position: relative;
  white-space: nowrap;
}
.diy-tool-container .diy-tool .diy-image-preview__button::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 18px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}
.diy-tool-container .diy-tool .diy-image-preview__button--crop::before {
  background-image: url("assets/img/do-it-yourself/icon/crop.svg");
}
.diy-tool-container .diy-tool .diy-image-preview__button--remove::before {
  background-image: url("assets/img/do-it-yourself/icon/delete.svg");
}
@media (pointer: fine) {
  .diy-tool-container .diy-tool .diy-image-preview__button:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  }
}
.diy-tool-container .diy__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.875rem;
}
@media all and (min-width: 35.5rem) {
  .diy-tool-container .diy__footer {
    gap: 2.5rem;
    margin-bottom: 0.9375rem;
  }
}
.diy-tool-container .diy__footer-link {
  align-items: center;
  color: #0db2ad;
  display: inline-flex;
  font-size: 1.125rem;
  gap: 0.875rem;
  text-decoration: none;
}
.diy-tool-container .diy__footer-link::before {
  background: url("assets/img/arrow-down-primary.svg");
  background-size: cover;
  content: "";
  cursor: pointer;
  display: block;
  height: 2.25rem;
  opacity: 0.5;
  position: relative;
  top: -1px;
  transition: opacity 0.3s ease;
  width: 2.25rem;
}
@media all and (pointer: fine) {
  .diy-tool-container .diy__footer-link:hover {
    color: #12142D;
  }
  .diy-tool-container .diy__footer-link:hover::before {
    opacity: 1;
  }
}
.diy-tool-container .diy__footer-link--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.diy-tool-container .diy-image-preview {
  height: 100%;
  position: relative;
  width: 100%;
}
.diy-tool-container .ReactCrop .ReactCrop__crop-selection {
  background: transparent !important;
  border: 2px solid #00A892 !important;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.45); /* dim outside */
}
.diy-tool-container .ReactCrop__drag-handle {
  background: #00A892;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  height: 12px;
  width: 12px;
}
.diy-tool-container .ReactCrop__drag-bar {
  background: transparent; /* avoid white bars inside selection */
}
.diy-tool-container .diy-crop-modal {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

/*# sourceMappingURL=style.css.map */