/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/scss/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "JokkerRegular";
  src: url(../webfont/Jokker-Regular.woff) format("woff"), url(../webfont/Jokker-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "JokkerLight";
  src: url(../webfont/Jokker-Light.woff) format("woff"), url(../webfont/Jokker-Light.woff2) format("woff2");
}
@font-face {
  font-family: "JokkerMedium";
  src: url(../webfont/Jokker-Medium.woff) format("woff"), url(../webfont/Jokker-Medium.woff2) format("woff2");
}
@font-face {
  font-family: "JokkerSemibold";
  src: url(../webfont/Jokker-Semibold.woff) format("woff"), url(../webfont/Jokker-Semibold.woff2) format("woff2");
}
@font-face {
  font-family: "JokkerBold";
  src: url(../webfont/Jokker-Bold.woff) format("woff"), url(../webfont/Jokker-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "JokkerItalic";
  src: url(../webfont/Jokker-RegularItalic.woff) format("woff"), url(../webfont/Jokker-RegularItalic.woff2) format("woff2");
}
/* Normalize
-------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
  margin-top: 0px;
  margin-bottom: 0;
}

.page-header {
  margin-top: 0px;
}

figure {
  margin: 0;
}

input {
  outline: none;
}
input:focus {
  outline: none;
}

:root :where(.wp-element-button, .wp-block-button__link) {
  font-size: unset;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.clearfix {
  clear: both;
  float: none;
}

body {
  width: 100%;
  font-family: JokkerRegular;
  font-size: var(--wp--preset--font-size--tiny);
  overflow-x: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
@media only screen and (min-width: 1600px) {
  body {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

@media only screen and (max-width: layout) {
  .main .entry-content, .main .post {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.main .entry-content > *, .main .post > * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
.main .entry-content > .alignwide, .main .post > .alignwide {
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}
.main .entry-content > .alignfull, .main .post > .alignfull {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

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

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
}

h1 {
  font-weight: 400;
}

h2 {
  font-family: JokkerRegular;
  color: #000;
}

h3 {
  font-family: JokkerRegular;
  color: #000;
}

h4 {
  font-family: JokkerRegular;
  color: #000;
}

h5 {
  font-family: JokkerMedium;
  color: #000;
  margin-bottom: 1rem;
}

p {
  font-family: JokkerRegular;
  text-rendering: optimizeLegibility;
}

.has-text-align-center {
  text-align: center;
}

.meidum-font {
  font-family: JokkerMedium;
}

.semibold-font {
  font-family: JokkerSemibold;
}

a {
  font-family: JokkerRegular;
}
a:hover {
  color: inherit;
}

p strong {
  font-family: JokkerMedium;
}
p strong em {
  font-family: inherit;
}
p a {
  color: #000;
}

a strong {
  font-family: JokkerMedium;
}

ul li, ol li {
  font-size: var(--wp--preset--font-size--tiny);
  margin-bottom: 15px;
}
ul li strong, ol li strong {
  font-family: JokkerMedium;
}
ul li strong a, ol li strong a {
  color: #000;
}
ul li a, ol li a {
  color: #000;
}

small {
  font-size: var(--wp--preset--font-size--tiny);
}

em {
  font-style: normal;
  font-family: JokkerItalic;
}

.underline {
  text-decoration: underline;
}

.title {
  font-size: 15px;
  font-size: 0.9375rem;
  display: block;
  font-family: JokkerMedium;
}
@media only screen and (min-width: 1600px) {
  .title {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.category {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 2rem;
  display: block;
  font-family: JokkerRegular;
}
@media only screen and (min-width: 768px) {
  .category {
    margin-bottom: 3rem;
  }
}

.regular-font {
  font-family: JokkerRegular;
}

.capitals {
  text-transform: uppercase;
}

.lock {
  overflow: hidden;
}

.grey-bg {
  background: #EDEDED;
}

.dark-bg {
  background: #212225;
}

.white-bg {
  background: #fff;
}

.alignleft {
  padding: 0 20px 0 0;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 576px) {
  .alignleft {
    float: left;
  }
}

.alignright {
  padding: 0 0 0 20px;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 576px) {
  .alignright {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .alignright {
    padding: 15px 0;
  }
}

.rounded-corners-20 {
  border-radius: 20px;
}
.rounded-corners-20 video {
  border-radius: inherit;
}

.white-text {
  color: #fff;
}

.no-margin {
  margin: 0;
}

.locked {
  overflow-y: hidden;
  /* position: fixed; PAGE JUMPS TO TOP */
}

.main {
  background: #fff;
  z-index: 2;
}
.main > .row > * {
  position: relative;
}

.main {
  padding: 0;
}
.main .entry-content, .main .post {
  background: #fff;
  z-index: 2;
  position: relative;
}
.main .entry-content > *, .main .post > * {
  z-index: 2;
  position: relative;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.main .entry-content > .alignwide, .main .post > .alignwide {
  max-width: var(--wp--style--global--wide-size);
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 992px) {
  .main .entry-content > .alignwide, .main .post > .alignwide {
    padding: 0;
  }
}
@media only screen and (min-width: 1441px) {
  .main .entry-content > .alignwide, .main .post > .alignwide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.main .entry-content > .alignfull, .main .post > .alignfull {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.content-container {
  width: calc(100% - (20px + 20px));
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .content-container {
    width: calc(100% - (5% + 5%));
  }
}
@media only screen and (min-width: 992px) {
  .content-container {
    width: calc(100% - (5% + 5%));
  }
}
@media only screen and (min-width: 1200px) {
  .content-container {
    width: calc(100% - (7% + 7%));
  }
}
@media only screen and (min-width: 1441px) {
  .content-container {
    width: calc(100% - (10.4% + 10.4%));
  }
}

.left-offset {
  margin-left: 20px;
}
@media only screen and (min-width: 768px) {
  .left-offset {
    margin-left: 5%;
  }
}
@media only screen and (min-width: 992px) {
  .left-offset {
    margin-left: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .left-offset {
    margin-left: 7%;
  }
}
@media only screen and (min-width: 1441px) {
  .left-offset {
    margin-left: 10.4%;
  }
}

.left-offset-md {
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .left-offset-md {
    margin-left: 5%;
  }
}
@media only screen and (min-width: 992px) {
  .left-offset-md {
    margin-left: 5%;
  }
}
@media only screen and (min-width: 1200px) {
  .left-offset-md {
    margin-left: 7%;
  }
}
@media only screen and (min-width: 1441px) {
  .left-offset-md {
    margin-left: 10.4%;
  }
}

.overflow-container {
  overflow: scroll;
}

.case-container {
  padding-top: 50px;
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .case-container {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .case-container .ingress {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1441px) {
  .case-container .ingress {
    padding-top: 30px;
  }
}
.case-container .ingress span.title {
  margin-bottom: 2rem;
}
.case-container .ingress h2 {
  font-family: JokkerRegular;
  margin-bottom: 2rem;
}
.case-container .case-text-container {
  z-index: 2;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .case-container .case-text-container {
    margin-bottom: 2rem;
  }
}
.case-container .start-text ul li {
  margin-bottom: 1.2rem;
}
.case-container .case-text {
  padding-right: 3rem;
}
.case-container .case-text.dark-bg p {
  color: #fff;
}
.case-container .case-text ul li {
  margin-bottom: 1.2rem;
}

.extra-spacing-b {
  padding-bottom: 40px;
}

.simple-text-container {
  z-index: 2;
  padding-bottom: 50px;
}
.simple-text-container .text-columns {
  padding-top: 30px;
}
@media only screen and (min-width: 992px) {
  .simple-text-container .text-columns {
    padding-right: 40px;
    padding-top: 60px;
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
.simple-text-container .image-column {
  padding-top: 30px;
}
@media only screen and (min-width: 992px) {
  .simple-text-container .image-column {
    padding-top: 60px;
  }
}

.large-image {
  display: flex;
  justify-content: center;
  z-index: 2;
  background: #fff;
}
.large-image figure img {
  width: 100%;
}

video {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.full-size {
  width: 100%;
  height: 100%;
  z-index: 2;
}

.large-size {
  z-index: 2;
  width: calc(100% - (20px + 20px));
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .large-size {
    width: calc(100% - (5% + 5%));
  }
}
@media only screen and (min-width: 992px) {
  .large-size {
    width: calc(100% - (5% + 5%));
  }
}
@media only screen and (min-width: 1200px) {
  .large-size {
    width: calc(100% - (7% + 7%));
  }
}
@media only screen and (min-width: 1441px) {
  .large-size {
    width: calc(100% - (10.4% + 10.4%));
  }
}

.case-overflow-wrapper {
  z-index: 2;
  background: #fff;
  padding-left: 0;
  padding-right: 0;
}
.case-overflow-wrapper .case-overflow-container {
  padding-top: 70px;
  padding-bottom: 70px;
}
.case-overflow-wrapper .overflow-cards-wrapper {
  padding-left: 12px;
  margin-right: 20px;
  flex-wrap: wrap !important;
}
@media only screen and (min-width: 768px) {
  .case-overflow-wrapper .overflow-cards-wrapper {
    margin-right: 5%;
  }
}
@media only screen and (min-width: 992px) {
  .case-overflow-wrapper .overflow-cards-wrapper {
    margin-right: 5%;
  }
}
@media only screen and (min-width: 992px) {
  .case-overflow-wrapper .overflow-cards-wrapper {
    flex-wrap: nowrap !important;
    margin-right: 0;
  }
}
.case-overflow-wrapper .overflow-cards-wrapper .post-card-large {
  max-width: 100%;
  width: 100%;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 992px) {
  .case-overflow-wrapper .overflow-cards-wrapper .post-card-large {
    max-width: 760px;
    width: 100%;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) {
  .case-overflow-wrapper .overflow-cards-wrapper .post-card-large .large-post-card-text {
    min-height: 120px;
  }
}

.single-post {
  margin-top: 125px;
}

.entry-post {
  background: #EDEDED;
  padding-top: 50px;
  padding-bottom: 70px;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .entry-post {
    padding-top: 100px;
    padding-bottom: 150px;
  }
}
.entry-post.single-no-hero {
  padding-top: 150px;
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  .entry-post.single-no-hero {
    padding-top: 180px;
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .entry-post .post-title {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) {
  .entry-post .post-title .sticky-title {
    position: sticky;
    top: 30px;
  }
}
.entry-post .post-title h1 {
  font-family: JokkerRegular;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 37px;
  line-height: 2.3125rem;
  margin-bottom: 1.7rem;
}
.entry-post .post-content h2, .entry-post .post-content h3 {
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 575px) {
  .entry-post .post-content p img {
    width: 100%;
  }
}
.entry-post .post-content .wp-caption-text {
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: JokkerItalic;
}

.single-person {
  z-index: 2;
  padding-top: 150px;
}
@media only screen and (min-width: 768px) {
  .single-person {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .single-person .single-person-info {
    margin-bottom: 20px;
  }
}
.single-person .single-person-image {
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-case .wp-block-gallery.has-nested-images.columns-1 {
  gap: 0;
}

.wp-block-image.aligncenter {
  margin: 0 auto;
}

/* Header
-------------------------------------------------------------- */
.navbar {
  background: transparent;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.navbar.fixed {
  position: fixed;
  background: var(--wp--preset--color--negative);
  transition: all 0.5s ease;
}
.navbar .nav-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .navbar .nav-wrapper {
    max-width: var(--wp--style--global--content-size);
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navbar .nav-wrapper .navbar-brand {
  width: 77px;
  z-index: 20;
  margin-left: 20px;
  margin-right: 0;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .navbar .nav-wrapper .navbar-brand {
    margin-left: 0;
  }
}
.navbar .nav-wrapper .navbar-brand .logo {
  z-index: 20;
}
.navbar .nav-wrapper .navbar-brand .logo.hide {
  display: none;
}
.navbar .nav-wrapper .navbar-brand .logo-nav-active {
  display: none;
}
.navbar .nav-wrapper .navbar-brand .logo-nav-active.show {
  display: block;
}
.navbar .nav-wrapper .navbar-brand .logo-scrolled {
  width: 47px;
  display: none;
}
@media only screen and (min-width: 576px) {
  .navbar .nav-wrapper .navbar-brand .logo-scrolled {
    width: 57px;
  }
}
.navbar .nav-wrapper .navbar-brand .logo-scrolled.show {
  display: block;
}
.navbar .nav-wrapper .site-icon {
  transition: all 0.3s ease;
  width: 34px;
  height: 26px;
}
@media only screen and (max-width: 575px) {
  .navbar .nav-wrapper .site-icon {
    display: none;
  }
}
.navbar .nav-wrapper .main-navs {
  display: flex;
}
.navbar .nav-wrapper .main-navs .toggle-nav {
  display: flex;
  flex-direction: column;
  background: transparent;
  border: 0;
  z-index: 20;
}
.navbar .nav-wrapper .main-navs .toggle-nav span {
  border-bottom: 1px solid;
}
.navbar .nav-wrapper .main-navs .toggle-nav.active, .navbar .nav-wrapper .main-navs .toggle-nav.scrolled {
  color: #000;
}
.navbar .nav-wrapper .main-navs .toggle-nav.active span, .navbar .nav-wrapper .main-navs .toggle-nav.scrolled span {
  color: #000 !important;
}
@media only screen and (max-width: 767px) {
  .navbar .nav-wrapper .main-navs .toggle-nav {
    display: block;
  }
}
.navbar .nav-wrapper .main-navs .lang-nav {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .navbar .nav-wrapper .main-navs .lang-nav {
    margin-right: 20px;
    margin-left: 0px;
    width: 100px;
  }
}
.navbar .nav-wrapper .main-navs .lang-nav .lang-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 50px;
  margin-bottom: 1px;
  border-bottom: 1px solid;
  z-index: 0;
}
.navbar .nav-wrapper .main-navs .lang-nav .lang-list.nav-on {
  color: var(--wp--preset--color--primary) !important;
}
.navbar .nav-wrapper .main-navs .lang-nav .lang-list .lang-item {
  margin-bottom: 0;
  color: inherit;
}
.navbar .nav-wrapper .main-navs .lang-nav .lang-list .lang-item.current-lang a {
  font-family: JokkerMedium;
  font-weight: 600;
}
.navbar .nav-wrapper .main-navs .lang-nav .lang-list .lang-item:first-of-type:after {
  content: "/";
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.navbar .nav-wrapper .main-navs .lang-nav .lang-list .lang-item a {
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
}
@media only screen and (max-width: 767px) {
  .navbar .nav-wrapper .main-navs .lang-nav .lang-list .lang-item a {
    font-size: 16px;
  }
}
.navbar .nav-wrapper .navbar-collapse {
  display: flex;
  opacity: 0;
  justify-content: center;
  position: fixed;
  top: -100%;
  right: 0;
  left: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background-color: var(--wp--preset--color--negative);
  transition: all 0.9s ease;
  transition-delay: 0.2s;
}
.navbar .nav-wrapper .navbar-collapse:before {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(234, 234, 234, 0.2);
  z-index: -1;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.4s;
  transform: translateX(0%) translateY(-100%);
}
.navbar .nav-wrapper .navbar-collapse:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(234, 234, 234, 0.2);
  z-index: -1;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
  transform: translateX(0%) translateY(-100%);
}
.navbar .nav-wrapper .navbar-collapse.show {
  top: 0;
  width: 100%;
  opacity: 1;
  height: 100vh;
  position: fixed;
}
.navbar .nav-wrapper .navbar-collapse.show:before {
  transition-delay: 0s;
  transform: translateX(0%) translateY(0%);
}
.navbar .nav-wrapper .navbar-collapse.show:after {
  transition-delay: 0.1s;
  transform: translateX(0%) translateY(0%);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item {
  opacity: 1;
  transition: all 1s ease;
  transition-delay: 0.6s;
  color: var(--wp--preset--color--primary);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(0) {
  transition-delay: calc(0.5 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(1) {
  transition-delay: calc(0.5875 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(2) {
  transition-delay: calc(0.675 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(3) {
  transition-delay: calc(0.7625 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(4) {
  transition-delay: calc(0.85 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(5) {
  transition-delay: calc(0.9375 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(6) {
  transition-delay: calc(1.025 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(7) {
  transition-delay: calc(1.1125 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(8) {
  transition-delay: calc(1.2 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(9) {
  transition-delay: calc(1.2875 + s);
}
.navbar .nav-wrapper .navbar-collapse.show .navbar-nav .menu-item:nth-child(10) {
  transition-delay: calc(1.375 + s);
}
.navbar .nav-wrapper .navbar-collapse .navbar-nav .menu-item {
  text-align: center;
  opacity: 0;
  color: var(--wp--preset--color--primary);
}
.navbar .nav-wrapper .navbar-collapse .navbar-nav .menu-item a {
  color: inherit;
  font-size: calc(5rem + (1vw - 7.68px) * 3.9643);
  line-height: 1.1;
  text-decoration: none;
  text-align: center;
  padding: 0;
  font-family: JokkerRegular;
}
@media only screen and (max-width: 575px) {
  .navbar .nav-wrapper .navbar-collapse .navbar-nav .menu-item a {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
@media only screen and (max-width: 767px) {
  .navbar .nav-wrapper .navbar-collapse .navbar-nav .menu-item a {
    padding: 0;
  }
}
.navbar .nav-wrapper .navbar-collapse .navbar-nav .menu-item a:hover {
  text-decoration: underline;
  text-decoration-thickness: 5px;
  text-underline-offset: auto;
}
.navbar .nav-wrapper .navbar-collapse .navbar-nav .menu-item.active a {
  text-decoration: underline;
  text-decoration-thickness: 5px;
  text-underline-offset: auto;
}

.nav {
  position: fixed;
  z-index: 1;
}
.nav:before, .nav:after {
  content: "";
  position: fixed;
  background: rgba(234, 234, 234, 0.2);
  z-index: -1;
  transform: translateX(0%) translateY(-100%);
}
.nav:after {
  background: white;
  transition-delay: 0s;
}
.nav:before {
  transition-delay: 0.1s;
}

body.nav-active .nav {
  visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
  transform: translateX(0%) translateY(0%);
}
body.nav-active .nav:after {
  transition-delay: 0.1s;
}
body.nav-active .nav:before {
  transition-delay: 0s;
}
body.nav-active .nav__list-item {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.flex {
  display: flex;
}

.all-center {
  justify-content: center;
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.justify-end {
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) {
  .row-reverse-lg {
    flex-direction: row-reverse;
  }
}

.row-reverse-md {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 992px) {
  .row-reverse-md {
    flex-direction: row;
  }
}

.row-reverse-sm {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .row-reverse-sm {
    flex-direction: row;
  }
}

.space-between {
  justify-content: space-between;
}

.col-spacing {
  width: 20px;
}
@media only screen and (min-width: 768px) {
  .col-spacing {
    width: calc(5% - 30px);
  }
}
@media only screen and (min-width: 992px) {
  .col-spacing {
    width: calc(5% - 30px);
  }
}
@media only screen and (min-width: 1200px) {
  .col-spacing {
    width: calc(7% - 30px);
  }
}
@media only screen and (min-width: 1441px) {
  .col-spacing {
    width: calc(10.4% - 30px);
  }
}

.spacing-none_b {
  padding-bottom: 0;
}

.spacing-large_b {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  .spacing-large_b {
    padding-bottom: 130px;
  }
}

.spacing-small_b {
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .spacing-small_b {
    padding-bottom: 50px;
  }
}

.spacing-none_t {
  padding-top: 0;
}

.spacing-large_t {
  padding-top: 70px;
}
@media only screen and (min-width: 768px) {
  .spacing-large_t {
    padding-top: 130px;
  }
}

.spacing-small_t {
  padding-top: 30px;
}
@media only screen and (min-width: 768px) {
  .spacing-small_t {
    padding-top: 50px;
  }
}

.arrow {
  position: relative;
}

.arrow-heading {
  display: flex;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.arrow-heading .heading-text {
  display: inline-block;
  width: 100%;
  color: #000;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 34px;
  line-height: 2.125rem;
  text-decoration: none;
  z-index: 1;
  position: relative;
  padding-right: 10px;
  height: 34px;
}
.arrow-heading span {
  padding-right: 10px;
}

.overlay-blue {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(8, 72, 235);
  opacity: 0.82;
}

/* Footer
-------------------------------------------------------------- */
.footer {
  height: auto;
  position: relative;
  bottom: 0;
  left: 0;
  padding-top: 100px;
  z-index: 0;
}
.footer .footer-container {
  max-width: var(--wp--style--global--content-size);
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
.footer .footer-container h5 {
  color: var(--wp--preset--color--primary);
  font-size: var(--wp--preset--font-size--tiny);
  font-weight: 400;
  font-family: JokkerRegular;
}
.footer .footer-container .bottom-row {
  padding: 70px 0 100px;
}
.footer .footer-container .footer-links {
  list-style: none;
  padding-left: 0;
}
.footer .footer-container .social-links ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footer .footer-container .social-links ul .social-item a {
  color: var(--wp--preset--color--primary);
  text-decoration: underline;
}
.footer .footer-container .menu-footer-menu-container .menu {
  display: flex;
  padding: 0;
  list-style: none;
}
.footer .footer-container .menu-footer-menu-container .menu li {
  margin-right: 20px;
}
.footer .footer-container .sib-form-block {
  padding: 0;
}
.footer .footer-container .sib-form {
  padding: 0;
}
.footer .footer-container .sib-form #sib-container {
  padding: 0;
}
.footer .footer-container .sib-form #sib-container p {
  margin-bottom: 1rem;
  font-size: var(--wp--preset--font-size--tiny);
}
.footer .footer-container .sib-form #sib-container .entry__field {
  border: 0;
}
.footer .footer-container .sib-form #sib-container .entry__field input[type=text], .footer .footer-container .sib-form #sib-container .entry__field input[type=email] {
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.footer .footer-container .sib-form #sib-container .sib-form-block__button {
  display: flex;
  align-items: center;
  font-family: JokkerRegular;
}
.footer .footer-container .sib-form #sib-container .sib-form-block__button img {
  margin-left: 30px;
}
.footer .footer-container .form-content {
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.footer .footer-container .form-content .wpcf7 {
  margin-bottom: 1rem;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap {
  max-width: 100%;
  display: block;
  margin-right: 10px;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text], .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email] {
  background: transparent;
  border: 0;
  padding: 2px 0;
  max-width: 100%;
  font-family: JokkerRegular;
  color: #fff;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:-webkit-autofill, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  background: #000;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:autofill, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:-webkit-autofill, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:-webkit-autofill:hover, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:-webkit-autofill:focus, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:-webkit-autofill:active, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:autofill, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:-webkit-autofill, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:-webkit-autofill:hover, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:-webkit-autofill:focus, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  background: #000;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:focus, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:active, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:visited, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:focus, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:active, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:visited {
  background: inherit;
  color: #fff;
  font-family: JokkerBold;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:focus::-moz-placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:active::-moz-placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:visited::-moz-placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:focus::-moz-placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:active::-moz-placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:visited::-moz-placeholder {
  color: #fff;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:focus::placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:active::placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=text]:visited::placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:focus::placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:active::placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input[type=email]:visited::placeholder {
  color: #fff;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input:-webkit-autofill,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input:-webkit-autofill:hover,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap input:-webkit-autofill:focus,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap textarea:-webkit-autofill,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap textarea:-webkit-autofill:hover,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap textarea:-webkit-autofill:focus,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap select:-webkit-autofill,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap select:-webkit-autofill:hover,
.footer .footer-container .form-content .wpcf7 .wpcf7-form .top-fields .wpcf7-form-control-wrap select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea {
  background: transparent;
  width: 100%;
  padding: 1rem 0;
  font-family: JokkerRegular;
  border: 0;
  height: 150px;
  resize: none;
  color: #fff;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:focus, .footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:active, .footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:visited {
  background: inherit;
  color: #fff;
  font-family: JokkerBold;
  outline: 0;
  color: #fff;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:focus::-moz-placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:active::-moz-placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:visited::-moz-placeholder {
  color: #fff;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:focus::placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:active::placeholder, .footer .footer-container .form-content .wpcf7 .wpcf7-form .wpcf7-form-control-wrap textarea:visited::placeholder {
  color: #fff;
}
.footer .footer-container .form-content .wpcf7 .wpcf7-form input[type=submit] {
  background: transparent;
  border: 0;
  color: #fff;
  font-family: JokkerBold;
  padding-left: 0;
  padding-bottom: 10px;
}

.section-404-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 150px;
  position: relative;
  z-index: 2;
  background-color: #fff;
  height: 50vh;
}
@media only screen and (min-width: 768px) {
  .section-404-bg {
    height: 580px;
    padding-top: 230px;
    height: 90vh;
  }
}
@media only screen and (min-width: 992px) {
  .section-404-bg {
    height: 780px;
  }
}
@media only screen and (min-width: 1200px) {
  .section-404-bg {
    background-attachment: fixed;
  }
}
@media only screen and (min-width: 1600px) {
  .section-404-bg {
    height: 850px;
  }
}
.section-404-bg .overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: -1;
}
.section-404-bg .section-404 {
  height: 80%;
  display: flex;
  align-items: flex-end;
}
.section-404-bg .section-404 .text-404 {
  z-index: 2;
}
.section-404-bg .section-404 .text-404 h1, .section-404-bg .section-404 .text-404 h2, .section-404-bg .section-404 .text-404 h4, .section-404-bg .section-404 .text-404 p, .section-404-bg .section-404 .text-404 a {
  color: #fff;
  z-index: inherit;
}
.section-404-bg .section-404 .text-404 h1 {
  margin-bottom: 2rem;
}
.section-404-bg .section-404 .text-404 h4 {
  margin-bottom: 0.5rem;
}

.posts-category-container {
  padding-top: 60px;
  padding-bottom: 80px;
  z-index: 2;
  background: #fff;
}
.posts-category-container .post-card {
  color: #000;
}
.posts-category-container .post-card a {
  text-decoration: none;
  color: inherit;
}
.posts-category-container .post-card .category {
  padding: 0.2rem 0;
  margin-bottom: 0.2rem;
  font-size: 13px;
  font-size: 0.8125rem;
}
.posts-category-container .post-card .post-image {
  background-position: center center;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%;
  width: 100%;
  position: relative;
  margin-bottom: 1.2rem;
}
@media only screen and (min-width: 576px) {
  .posts-category-container .post-card .post-image {
    background-position: center center;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    width: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .posts-category-container .post-card .post-image {
    background-position: center center;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    width: 100%;
    position: relative;
  }
}
.posts-category-container .post-card .post-text-container {
  margin-bottom: 4rem;
}
.posts-category-container .post-card .post-text-container .post-text {
  margin-bottom: 1rem;
}
.posts-category-container .post-card .post-text-container .post-text h2, .posts-category-container .post-card .post-text-container .post-text h3 {
  margin-bottom: 1.5rem;
}

.wp-block-buttons .wp-block-button__link.has-background {
  padding: 16px 32px;
  display: inline-block;
}
.wp-block-buttons .wp-block-button__link:hover {
  text-decoration: none;
}

.duran-custom-buttons {
  margin: 20px auto;
}
@media only screen and (max-width: 767px) {
  .duran-custom-buttons {
    justify-content: unset !important;
  }
}
.duran-custom-buttons .duran-custom-button {
  display: block;
  margin-right: 40px;
}
.duran-custom-buttons .duran-custom-button a {
  text-decoration: underline;
}
.duran-custom-buttons .duran-custom-button a:not(.has-background) {
  background: unset;
  color: var(--wp--preset--color--primary);
}
.duran-custom-buttons .duran-custom-button a.has-background {
  padding: 12px 32px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.duran-custom-buttons .duran-custom-button a.has-background:hover {
  text-decoration: underline;
  color: #fff !important;
}
.duran-custom-buttons .duran-custom-button a.has-background::after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTJIMTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA1TDE5IDEyTDEyIDE5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 30px;
}
.duran-custom-buttons .duran-custom-button a:hover {
  text-decoration: none;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}
@media only screen and (min-width: 576px) {
  .wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form {
    gap: 50px 30px;
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form {
    gap: 70px 40px;
  }
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label {
  display: flex;
  flex-direction: column;
  width: calc(50% - 20px);
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.75rem;
}
@media only screen and (min-width: 992px) {
  .wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 42px;
    line-height: 2.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 38px;
    line-height: 2.375rem;
  }
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label[for=message] {
  width: 100%;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label .wpcf7-form-control-wrap {
  margin-top: 15px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  line-height: 1.625rem;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label .wpcf7-form-control-wrap input[type=text], .wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label .wpcf7-form-control-wrap input[type=email] {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form label .wpcf7-form-control-wrap textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form input[type=submit] {
  padding: 12px 72px 12px 32px;
  display: flex;
  align-items: center;
  text-decoration: none;
  background-color: var(--wp--preset--color--primary);
  border-radius: var(--wp--custom--border-radius--large);
  color: var(--wp--preset--color--negative);
  border: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTJIMTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMiA1TDE5IDEyTDEyIDE5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-position: 105px center;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: 0;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form input[type=submit]:hover {
  text-decoration: underline;
  color: #fff !important;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-form input[type=submit]::after {
  content: "";
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 30px;
}

.custom-content-columns {
  align-items: flex-start;
}
.custom-content-columns .custom-content-column {
  padding-right: 30px;
}
.custom-content-columns .custom-content-column .custom-luku-nosto {
  font-size: clamp(36px, 1.625rem + (1vw - 7.68px) * 6.0764, 96px);
}

@media only screen and (max-width: 767px) {
  .palvelut-content-columns .palvelut-heading-container > .wp-block-columns > .wp-block-column {
    flex-basis: auto !important;
  }
}
.embed-container .cookieconsent-optout-marketing {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 190px 50px;
  border: 1px solid;
  border-radius: var(--wp--preset--border-radius--tiny);
}

.cover-message-modal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--wp--preset--color--negative);
  opacity: 1;
  width: 100%;
  transition: all 0.5s ease;
}
.cover-message-modal.hide-cover {
  opacity: 0;
  height: 0;
  top: -100px;
}
@media only screen and (min-width: 768px) {
  .cover-message-modal.hide-cover {
    top: -50px;
  }
}
.cover-message-modal.hide-cover .cover-message-wrapper .cover-message-container .cover-message span {
  height: 0;
}
.cover-message-modal .cover-message-wrapper .cover-message-container .cover-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cover-message-modal .cover-message-wrapper .cover-message-container .cover-message img {
  width: 35px;
  height: 27px;
  margin-bottom: 20px;
}
.cover-message-modal .cover-message-wrapper .cover-message-container .cover-message span {
  display: inline-block;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 42px;
  line-height: 2.625rem;
  height: 52px;
  text-align: center;
}

.wp-block-spacer.is-style-responsive-huge, .custom-spacer.is-style-responsive-huge {
  height: 100px !important;
  margin-block-start: unset;
}
.wp-block-spacer.is-style-responsive-extra-large, .custom-spacer.is-style-responsive-extra-large {
  height: 80px !important;
  margin-block-start: unset;
}
.wp-block-spacer.is-style-responsive-large, .custom-spacer.is-style-responsive-large {
  height: 50px !important;
  margin-block-start: unset;
}
.wp-block-spacer.is-style-responsive-medium, .custom-spacer.is-style-responsive-medium {
  height: 30px !important;
  margin-block-start: unset;
}
.wp-block-spacer.is-style-responsive-small, .custom-spacer.is-style-responsive-small {
  height: 20px !important;
  margin-block-start: unset;
}
@media only screen and (min-width: 768px) {
  .wp-block-spacer.is-style-responsive-huge, .custom-spacer.is-style-responsive-huge {
    height: 120px !important;
    margin-block-start: unset;
  }
  .wp-block-spacer.is-style-responsive-extra-large, .custom-spacer.is-style-responsive-extra-large {
    height: 100px !important;
  }
  .wp-block-spacer.is-style-responsive-large, .custom-spacer.is-style-responsive-large {
    height: 60px !important;
  }
  .wp-block-spacer.is-style-responsive-medium, .custom-spacer.is-style-responsive-medium {
    height: 40px !important;
  }
  .wp-block-spacer.is-style-responsive-small, .custom-spacer.is-style-responsive-small {
    height: 30px !important;
  }
}
@media only screen and (min-width: 992px) {
  .wp-block-spacer.is-style-responsive-huge, .custom-spacer.is-style-responsive-huge {
    height: 150px !important;
    margin-block-start: unset;
  }
  .wp-block-spacer.is-style-responsive-extra-large, .custom-spacer.is-style-responsive-extra-large {
    height: 120px !important;
  }
  .wp-block-spacer.is-style-responsive-large, .custom-spacer.is-style-responsive-large {
    height: 70px !important;
  }
  .wp-block-spacer.is-style-responsive-medium, .custom-spacer.is-style-responsive-medium {
    height: 50px !important;
  }
  .wp-block-spacer.is-style-responsive-small, .custom-spacer.is-style-responsive-small {
    height: 30px !important;
  }
}

.wp-block-acf-cta-block .cta-block {
  display: flex;
}
.wp-block-acf-cta-block .cta-block.multiple-selected {
  flex-direction: row;
  flex-wrap: wrap;
}
.wp-block-acf-cta-block .cta-block.multiple-selected .person-wrapper {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .wp-block-acf-cta-block .cta-block.multiple-selected .person-wrapper {
    width: 50%;
    margin-bottom: 20px;
  }
}
.wp-block-acf-cta-block .cta-block .person-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.wp-block-acf-cta-block .cta-block .person-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 180px;
  height: 230px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 576px) {
  .wp-block-acf-cta-block .cta-block .person-wrapper img {
    width: 200px;
    height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  .wp-block-acf-cta-block .cta-block .person-wrapper img {
    width: 180px;
    height: 250px;
  }
}
@media only screen and (min-width: 992px) {
  .wp-block-acf-cta-block .cta-block .person-wrapper img {
    width: 230px;
    height: 300px;
  }
}
.wp-block-acf-cta-block .cta-block .person-info {
  margin-bottom: 50px;
  margin-left: 30px;
}
@media only screen and (min-width: 768px) {
  .wp-block-acf-cta-block .cta-block .person-info {
    margin-bottom: 50px;
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .wp-block-acf-cta-block .cta-block .person-info {
    margin-bottom: 50px;
    margin-left: 40px;
  }
}
.wp-block-acf-cta-block .cta-block .person-info h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-family: JokkerSemibold;
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .wp-block-acf-cta-block .cta-block .person-info h4 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}
.wp-block-acf-cta-block .cta-block .person-info p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
  line-height: 1.875rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .wp-block-acf-cta-block .cta-block .person-info p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 26px;
    line-height: 1.625rem;
  }
}

.case-nostot-block {
  margin: 40px auto;
}
.case-nostot-block.layout-medium .case-nostot-block-body {
  max-width: 100%;
  display: grid;
}
@media only screen and (min-width: 768px) {
  .case-nostot-block.layout-medium .case-nostot-block-body {
    gap: 80px 0;
  }
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row {
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row {
    gap: 30px 80px;
    grid-template-columns: calc(60% - 40px) calc(40% - 40px);
  }
}
@media only screen and (min-width: 992px) {
  .case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row {
    grid-template-columns: calc(60% - 75px) calc(40% - 75px);
    gap: 30px 150px;
  }
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row:nth-of-type(even) {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row:nth-of-type(even) {
    gap: 30px 80px;
    grid-template-columns: calc(40% - 40px) calc(60% - 40px);
  }
}
@media only screen and (min-width: 992px) {
  .case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row:nth-of-type(even) {
    gap: 30px 150px;
    grid-template-columns: calc(40% - 75px) calc(60% - 75px);
  }
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card {
    margin-bottom: 50px;
  }
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a {
  text-decoration: none;
  color: var(--wp--preset--color--primary);
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a:hover h4 {
  text-decoration: underline;
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a:hover .case-nosto-image img {
  transform: scale(1.05);
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-nosto-image {
  display: flex;
  width: 100%;
  max-height: 300px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-nosto-image {
    max-height: 300px;
  }
}
@media only screen and (min-width: 992px) {
  .case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-nosto-image {
    max-height: 500px;
  }
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-nosto-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 500px;
  -o-object-position: center;
     object-position: center;
  transition: all 0.5s ease-in-out;
  scale: 1;
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-card-content {
  margin-top: 40px;
  position: relative;
  z-index: 2;
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-card-content .category {
  display: block;
  margin-bottom: 20px;
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-card-content h4 {
  font-size: 16px;
  font-size: 1rem;
  font-family: JokkerSemibold;
  margin-bottom: 1rem;
}
.case-nostot-block.layout-medium .case-nostot-block-body .case-nostot-row .case-nosto-card a .case-card-content p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  line-height: 1.875rem;
}
.case-nostot-block.layout-large .case-nostot-block-body {
  max-width: 100%;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card {
  margin-bottom: 80px;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a {
  text-decoration: none;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a:hover .case-card-content h4 {
  text-decoration: underline;
  color: var(--wp--preset--color--primary);
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a:hover .case-nosto-image .overlay {
  opacity: 0.8;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a:hover .case-nosto-image .overlay .overlay-title {
  opacity: 1;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a:hover .case-nosto-image img {
  transform: scale(1.05);
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-nosto-image {
  display: flex;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-nosto-image .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-nosto-image .overlay .case-overlay-title {
  margin: 0 auto;
  max-width: 800px;
  z-index: 2;
  width: 100%;
  text-align: center;
  color: var(--wp--preset--color--negative);
  font-size: 80px;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-nosto-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  -o-object-position: center;
     object-position: center;
  transition: all 0.5s ease-in-out;
  scale: 1;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-card-content {
  max-width: var(--wp--custom--layout--wide);
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
  z-index: 2;
  padding-left: 20px;
  padding-right: 20px;
  color: var(--wp--preset--color--primary);
}
@media only screen and (min-width: 768px) {
  .case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-card-content .narrow-content {
    max-width: 45%;
  }
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-card-content .narrow-content .category {
  display: block;
  margin-bottom: 20px;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-card-content .narrow-content h4 {
  font-size: 16px;
  font-size: 1rem;
  font-family: JokkerSemibold;
  margin-bottom: 1rem;
}
.case-nostot-block.layout-large .case-nostot-block-body .case-nosto-card a .case-card-content .narrow-content p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.wp-block-acf-case-list .case-list-container .case-list {
  padding: 0;
  list-style: none;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item {
  position: relative;
  border-top: 1px solid var(--wp--preset--color--primary);
  padding: 12px 0;
  max-width: 100%;
  margin: 0;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item:last-of-type {
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--wp--preset--font-size--medium);
  text-decoration: none;
  font-weight: 500;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .wp-block-acf-case-list .case-list-container .case-list .case-list-item a {
    font-size: var(--wp--preset--font-size--large);
  }
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a:hover {
  text-decoration: underline;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a:hover .case-thumbnail {
  opacity: 1;
  right: 10%;
  z-index: 1;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a:hover .case-list-item-content .case-category {
  text-decoration: none !important;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a .case-list-item-content {
  display: flex;
  align-items: flex-end;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a .case-list-item-content h4 {
  font-size: inherit;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a .case-list-item-content .case-category {
  margin-left: 100px;
  font-size: var(--wp--preset--font-size--tiny);
  margin-bottom: 5px;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a .case-thumbnail {
  position: absolute;
  max-width: 400px;
  transition: all 0.2s ease-in;
  right: -1000px;
  max-height: 400px;
}
.wp-block-acf-case-list .case-list-container .case-list .case-list-item a .case-thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 400px;
  max-width: 400px;
}

.wp-block-acf-testimonial-nosto {
  display: flex;
  align-items: center;
  padding: 30px;
}
@media only screen and (min-width: 768px) {
  .wp-block-acf-testimonial-nosto {
    padding: 40px 40px 30px;
  }
}
@media only screen and (min-width: 992px) {
  .wp-block-acf-testimonial-nosto {
    padding: 60px 70px 40px;
  }
}
.wp-block-acf-testimonial-nosto .testimonial-container .company-logo {
  display: flex;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
  .wp-block-acf-testimonial-nosto .testimonial-container .company-logo {
    margin-bottom: 50px;
  }
}
.wp-block-acf-testimonial-nosto .testimonial-container blockquote {
  font-size: var(--wp--preset--font-size--medium);
  line-height: var(--wp--custom--line-height--medium);
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .wp-block-acf-testimonial-nosto .testimonial-container blockquote {
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--medium);
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .wp-block-acf-testimonial-nosto .testimonial-container blockquote {
    font-size: var(--wp--preset--font-size--large);
    line-height: var(--wp--custom--line-height--medium);
    margin-bottom: 1.5rem;
  }
}
.wp-block-acf-testimonial-nosto .testimonial-container small {
  line-height: var(--wp--custom--line-height--medium);
  display: block;
  margin-bottom: 8px;
}

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