/* Overwrite Gutenberg Variables */
:root {
  --wp--style--global--content-size: 1400px;
}

/* Breakpoints */
/* Typography */
/* Color Palette */
/* Layout */
footer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 0 0 12rem 0;
  position: relative;
}
@media only screen and (min-width: 992px) {
  footer {
    flex-direction: row;
    padding: 0;
  }
}
footer .background-image {
  bottom: 0;
  left: 2rem;
  position: absolute;
}
footer .background-image img {
  height: auto;
}
footer .navigation {
  border-top-width: 0;
  display: flex;
  flex: 2;
  flex-direction: column;
  padding: 0;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  footer .navigation {
    border-top-style: solid;
    border-top-width: 2px;
    flex-direction: row;
    margin: 0 4rem 0 0;
    order: 1;
    padding: 4rem 0;
  }
}
footer .navigation > div:not(:first-child) {
  margin: 2rem 0 0 0;
}
@media only screen and (min-width: 992px) {
  footer .navigation > div:not(:first-child) {
    margin: 0 0 0 2rem;
  }
}
footer .logo {
  display: flex;
  justify-content: flex-start;
}
footer .logo img {
  max-height: 3rem;
  width: auto;
}
footer .company-info {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
footer .company-info > div {
  margin: 0 2rem 2rem 0;
  min-width: calc(33.3333333333% - 2rem);
}
footer .company-info-section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
footer .company-info-section p {
  line-height: 1.5;
  margin: 0;
}
footer .form {
  border-top-style: solid;
  border-top-width: 2px;
  flex: 1;
  padding: 2rem 0;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  footer .form {
    order: 2;
    padding: 4rem 0;
  }
}

/* Overwrite Gutenberg Variables */
:root {
  --wp--style--global--content-size: 1400px;
}

/* Breakpoints */
/* Typography */
/* Color Palette */
/* Layout */
body:has(nav.active) {
  overflow: hidden;
}
body:has(nav.active) .menu-overlay {
  opacity: 1;
}
body:has(nav.active) .header-wrapper.secondary header .menu-logo {
  opacity: 1;
}
body:has(nav.active) .header-wrapper.secondary header.scrolled .menu-logo {
  opacity: 0;
}
body:has(nav.active) nav > a .logo {
  opacity: 0;
}

.menu-overlay {
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1000;
}

.header-wrapper {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.header-wrapper.secondary:has(nav.active) .content-outer {
  background-color: #fafdff;
}
.header-wrapper.secondary:has(nav.active) .toggle-mobile-menu::before, .header-wrapper.secondary:has(nav.active) .toggle-mobile-menu::after {
  background-color: #eea91f;
}
.header-wrapper.secondary:has(nav.active) .toggle-mobile-menu span {
  background-color: #eea91f;
}
.header-wrapper.secondary .featured-image {
  background-color: #ffffff;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.header-wrapper.secondary .content-outer {
  background: rgba(0, 0, 0, 0.5);
}
.header-wrapper.secondary header {
  padding: 2rem 1rem;
}
@media only screen and (min-width: 768px) {
  .header-wrapper.secondary header {
    padding: 2rem 2rem;
  }
}
.header-wrapper.secondary header h1 {
  color: #ffffff;
  margin: 8rem 0 0 0;
  transition: margin 0.2s ease-in-out, font-size 0.2s ease-in-out;
}
.header-wrapper.secondary header nav .toggle-mobile-menu::before, .header-wrapper.secondary header nav .toggle-mobile-menu::after,
.header-wrapper.secondary header nav .close-mobile-menu::before,
.header-wrapper.secondary header nav .close-mobile-menu::after {
  background-color: #ffffff;
}
.header-wrapper.secondary header nav .toggle-mobile-menu span,
.header-wrapper.secondary header nav .close-mobile-menu span {
  background-color: #ffffff;
}
.header-wrapper.secondary header nav .menu-logo,
.header-wrapper.secondary header nav .scrolled-menu-logo {
  left: 0;
  max-height: 3rem;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease-in-out;
  width: auto;
  z-index: 10000;
}
.header-wrapper.secondary + main.below-header {
  margin-top: 4rem;
}
.header-wrapper.fake {
  opacity: 0 !important;
  pointer-events: none;
  position: relative;
}

header {
  padding: 2rem 0;
}
header nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}
header nav .logo {
  max-height: 4rem;
  transition: filter 0.2s ease-in-out, max-height 0.2s ease-in-out;
  width: auto;
}
header nav .toggle-mobile-menu,
header nav .close-mobile-menu {
  align-items: flex-end;
  background: none;
  border: none;
  display: flex;
  flex-direction: column;
  height: 1.25rem;
  justify-content: center;
  padding: 0;
  width: 1.75rem;
}
header nav .toggle-mobile-menu:focus,
header nav .close-mobile-menu:focus {
  outline: none;
}
header nav .toggle-mobile-menu.over-image span,
header nav .close-mobile-menu.over-image span {
  background-color: #fafdff;
}
header nav .toggle-mobile-menu.over-image::before, header nav .toggle-mobile-menu.over-image::after,
header nav .close-mobile-menu.over-image::before,
header nav .close-mobile-menu.over-image::after {
  background-color: #fafdff;
}
header nav .toggle-mobile-menu span,
header nav .close-mobile-menu span {
  background-color: #4681c1;
  border-radius: 0.25rem;
  display: block;
  height: 0.2rem;
  opacity: 1;
  transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  width: 1.25rem;
}
header nav .toggle-mobile-menu::before, header nav .toggle-mobile-menu::after,
header nav .close-mobile-menu::before,
header nav .close-mobile-menu::after {
  background-color: #4681c1;
  border-radius: 0.25rem;
  content: "";
  display: flex;
  height: 0.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  width: 1.75rem;
}
header nav .toggle-mobile-menu::before,
header nav .close-mobile-menu::before {
  transform: translateY(calc(-50% - 0.5rem));
}
header nav .toggle-mobile-menu::after,
header nav .close-mobile-menu::after {
  transform: translateY(calc(-50% + 0.5rem));
}
header nav .toggle-mobile-menu {
  position: relative;
}
header nav .close-mobile-menu {
  pointer-events: none;
  position: fixed;
  right: max(2rem, (100vw - var(--wp--style--global--content-size)) / 2);
  top: 3.4rem;
  transition: top 0.2s ease-in-out;
  z-index: 1003;
}
header nav .close-mobile-menu span {
  opacity: 0;
}
header nav .close-mobile-menu::before, header nav .close-mobile-menu::after {
  opacity: 0;
}
header nav .dropdown-parent {
  align-items: flex-start;
  border-bottom: 2px solid #808080;
  display: flex;
  justify-content: space-between;
}
header nav .dropdown-parent a {
  flex: 1;
}
header nav .dropdown-parent button {
  align-items: center;
  align-self: center;
  background: none;
  border: none;
  display: flex;
  padding: 1rem 0;
}
header nav .dropdown-parent button:focus {
  outline: none;
}
header nav .dropdown-parent button svg {
  color: #808080;
  height: auto;
  transition: transform 0.2s ease-in-out;
  width: 1.75rem;
}
header nav .dropdown-content {
  height: 0;
  margin: 0 0 0 2.5rem;
  opacity: 0;
  pointer-events: none;
  transition: height 0.2s 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
header nav .dropdown-content li:last-child {
  border-bottom: none;
}
header nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
header nav > ul {
  display: none;
  overflow-y: scroll;
  padding: 1rem 1rem;
}
@media only screen and (min-width: 768px) {
  header nav > ul {
    padding: 1rem 2rem;
  }
}
header nav > ul li {
  border-bottom: 2px solid #808080;
  transition: border-bottom 0.2s ease-in-out;
}
header nav > ul li:has(.dropdown-parent) {
  border-bottom: 2px solid transparent;
}
header nav > ul li.active {
  border-bottom: 2px solid #808080;
}
header nav > ul li.active .dropdown-content {
  opacity: 1;
  pointer-events: all;
  transition: height 0.2s ease-in-out, opacity 0.2s 0.2s ease-in-out;
}
header nav > ul li.active button svg {
  transform: rotate(180deg);
}
header nav > ul li:last-of-type {
  margin: 0 0 2rem 0;
}
header nav > ul li a {
  display: block;
  font-weight: 600;
  padding: 1rem 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s ease-in-out;
}
header nav > ul li a:focus, header nav > ul li a:hover {
  color: #eea91f !important;
  font-weight: bold;
  text-decoration: none;
}
header nav.active .toggle-mobile-menu {
  pointer-events: none;
}
header nav.active .toggle-mobile-menu span {
  opacity: 0;
}
header nav.active .toggle-mobile-menu::before {
  transform: translateY(-50%) rotate(45deg);
}
header nav.active .toggle-mobile-menu::after {
  transform: translateY(-50%) rotate(-45deg);
}
header nav.active .close-mobile-menu {
  pointer-events: all;
}
header nav.active .close-mobile-menu span {
  opacity: 0;
}
header nav.active .close-mobile-menu::before {
  opacity: 1;
  transform: translateY(-50%) rotate(45deg);
}
header nav.active .close-mobile-menu::after {
  opacity: 1;
  transform: translateY(-50%) rotate(-45deg);
}
header nav.active > ul {
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 0;
  width: 100vw;
  z-index: 1000;
}
@media only screen and (min-width: 768px) {
  header nav.active > ul {
    border-radius: 2rem 0 0 2rem;
    max-height: calc(100vh - 2rem);
    max-width: 25rem;
  }
}
@media only screen and (min-width: calc(1400px + 4rem)) {
  header nav.active > ul {
    max-width: calc(25rem + (100vw - var(--wp--style--global--content-size)) / 2);
  }
}
header nav.active > ul .toggle-mobile-menu {
  align-self: flex-end;
  display: none;
  padding: 1rem 0;
}
@media only screen and (min-width: 768px) {
  header nav.active > ul .toggle-mobile-menu {
    display: block;
  }
}
header nav.active img {
  align-self: flex-start;
  margin: auto 0 0 0;
}
header.scrolled .logo {
  max-height: 3rem;
}
header.scrolled .close-mobile-menu {
  top: 2.9rem;
}

body .header-wrapper:has(nav.active) {
  background-color: transparent !important;
}
body .header-wrapper .logo.over-image {
  filter: brightness(0) invert(1);
}
body nav > .toggle-mobile-menu {
  position: fixed;
  right: 2rem;
}
@media only screen and (min-width: calc(1400px + 4rem)) {
  body nav > .toggle-mobile-menu {
    right: calc((100vw - var(--wp--style--global--content-size)) / 2);
  }
}
body nav > ul {
  height: 100vh;
  padding: calc(112px - 2rem) 2rem 2rem 2rem;
  top: 0;
  z-index: 1002;
}
@media only screen and (min-width: 768px) {
  body nav > ul {
    padding: calc(112px - 2rem) 2rem 2rem 2rem;
    top: 1rem;
  }
}
@media only screen and (min-width: calc(1400px + 4rem)) {
  body nav > ul {
    padding: calc(112px - 2rem) calc((100vw - var(--wp--style--global--content-size)) / 2) 2rem 2rem;
  }
}

body .header-wrapper:has(nav.active) {
  background-color: transparent !important;
}
body .header-wrapper.secondary header.scrolled h1 {
  font-size: 2rem;
  margin: 2rem 0 0 0;
}

body.home .header-wrapper {
  background-color: transparent !important;
}

/* Overwrite Gutenberg Variables */
:root {
  --wp--style--global--content-size: 1400px;
}

/* Breakpoints */
/* Typography */
/* Color Palette */
/* Layout */
@media only screen and (min-width: 782px) {
  .reverse-desktop .wp-block-column:nth-child(1) {
    order: 2;
  }
}
@media only screen and (min-width: 782px) {
  .reverse-desktop .wp-block-column:nth-child(2) {
    order: 1;
  }
}

.background-white {
  background-color: #ffffff;
}

.color-white {
  color: #ffffff;
}

.background-black {
  background-color: #000000;
}

.color-black {
  color: #000000;
}

.background-blue {
  background-color: #4681c1;
}

.color-blue {
  color: #4681c1;
}

.background-blue-dark {
  background-color: #234261;
}

.color-blue-dark {
  color: #234261;
}

.background-yellow {
  background-color: #eea91f;
}

.color-yellow {
  color: #eea91f;
}

.background-gray {
  background-color: #808080;
}

.color-gray {
  color: #808080;
}

.background-gray-light {
  background-color: #e3dde5;
}

.color-gray-light {
  color: #e3dde5;
}

.background-lavendar-gray {
  background-color: #e3dde5;
}

.color-lavendar-gray {
  color: #e3dde5;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  background-color: #fafdff;
  margin: 0;
  scroll-behavior: smooth;
}
@media only screen and (min-width: 992px) {
  body {
    cursor: none;
  }
}
body.content-loading *, body.resize * {
  transition: none !important;
}
body select:focus {
  cursor: default !important;
}
body:not(:has(nav.active)):has(*[data-cursor-text]:hover) .cursor {
  height: 7rem;
  width: 7rem;
}
body:not(:has(nav.active)):has(*[data-cursor-text]:hover) .cursor::after {
  height: 6rem;
  width: 6rem;
}
body:not(:has(nav.active)):has(*[data-cursor-text]:hover) .cursor span {
  color: #ffffff;
}

a {
  color: #234261;
}
a:focus, a:hover {
  color: #234261;
}
@media only screen and (min-width: 992px) {
  a {
    cursor: none !important;
  }
}

.cursor {
  background: radial-gradient(circle, rgba(238, 169, 31, 0.2) 0%, rgba(238, 169, 31, 0) 100%);
  border-radius: 50%;
  display: none;
  height: 2rem;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translate(-50%, -50%);
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
  width: 2rem;
  z-index: 1000000000;
}
@media only screen and (min-width: 992px) {
  .cursor {
    display: block;
  }
}
.cursor::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='11.314' height='11.314' rx='2' transform='translate(0 8) rotate(-45)' fill='%23eea91f'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  content: "";
  display: flex;
  height: 0.75rem;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: height 0.2s ease-in-out, width 0.2s ease-in-out;
  width: 0.8rem;
}
.cursor span {
  color: transparent;
  font-size: 1rem;
  left: 50%;
  line-height: 1;
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: color 0.2s ease-in-out;
  z-index: 1;
}
.cursor.expand {
  height: 3rem;
  width: 3rem;
}

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

img {
  display: flex;
  max-width: 100%;
}
img.round {
  border-radius: 1rem;
}

.round img {
  border-radius: 1rem;
}

i {
  display: flex;
}

button {
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}

.epic-button {
  background: none;
  border: none;
  border-radius: 2rem;
  display: inline-block;
  line-height: 1;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  white-space: nowrap;
}
.epic-button:focus, .epic-button:hover {
  text-decoration: none;
}
.epic-button.blue-outline {
  border: 2px solid #4681c1;
  color: #4681c1;
}
.epic-button.blue-outline:focus, .epic-button.blue-outline:hover {
  background-color: #4681c1;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
.epic-button.blue {
  background-color: #4681c1;
  color: #ffffff;
}
.epic-button.blue:focus, .epic-button.blue:hover {
  background-color: #234261;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
}
.epic-button.gray-outline {
  border: 2px solid #808080;
  color: #808080;
}
.epic-button.gray-outline:focus, .epic-button.gray-outline:hover {
  background-color: #808080;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
.epic-button.white-outline {
  border: 2px solid #ffffff;
  color: #ffffff;
}
.epic-button.white-outline:focus, .epic-button.white-outline:hover {
  background-color: #4681c1;
  border-color: #4681c1;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
.epic-button.wide-mobile {
  max-width: 300px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .epic-button.wide-mobile {
    max-width: 100%;
    width: auto;
  }
}

.h100 {
  height: 100%;
}

.animate {
  transition-duration: 0.5s;
  transition-property: opacity, transform;
}
.animate.fade-in {
  opacity: 0;
}
.animate.fade-in.animated {
  opacity: 1;
}
.animate.fade-up {
  opacity: 0;
  transform: translateY(20px);
}
.animate.fade-up.animated {
  opacity: 1;
  transform: translateY(0);
}
.animate.fade-down {
  opacity: 0;
  transform: translateY(-20px);
}
.animate.fade-down.animated {
  opacity: 1;
  transform: translateY(0);
}
.animate.fade-left {
  opacity: 0;
  transform: translateX(20px);
}
.animate.fade-left.animated {
  opacity: 1;
  transform: translateX(0);
}
.animate.fade-right {
  opacity: 0;
  transform: translateX(-20px);
}
.animate.fade-right.animated {
  opacity: 1;
  transform: translateX(0);
}

body:has(.modal-wrapper.active) {
  overflow: hidden;
}

.modal-wrapper {
  align-items: center;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.2s ease-in-out;
  width: 100vw;
  z-index: 100000000;
}
.modal-wrapper.active {
  opacity: 1;
  pointer-events: all;
}
.modal-wrapper .modal-close-button {
  background: none;
  border: none;
  color: #ffffff;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.modal-wrapper .modal-close-button:focus {
  outline: none;
}
.modal-wrapper .modal-close-button i {
  font-size: 2rem;
}
.modal-wrapper .modal-wrapper-inner {
  background-color: #ffffff;
  height: 100%;
  max-height: calc(100% - 8rem);
  padding: 2rem;
  width: calc(100% - 8rem);
}
.modal-wrapper .modal-inner-content {
  align-items: center;
  display: flex;
  height: 100%;
  overflow-y: scroll;
  justify-content: center;
  width: 100%;
}
.modal-wrapper#modal-image .modal-inner-content .modal-image {
  height: auto;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .content-404 {
    margin: 0 4rem 0 0;
  }
}

.search-page-list {
  list-style-position: inside;
  padding: 0;
}
.search-page-list li {
  color: #234261;
}

.info-tooltip {
  display: inline-block;
  position: relative;
}
.info-tooltip.active p {
  opacity: 1;
}
@media only screen and (min-width: 992px) {
  .info-tooltip.active p {
    opacity: 0;
  }
}
.info-tooltip.left p {
  transform: translate(calc(-100% + 1.5rem), -100%);
}
.info-tooltip.right p {
  transform: translate(0, -100%);
}
@media only screen and (min-width: 992px) {
  .info-tooltip:hover p {
    opacity: 1 !important;
  }
}
.info-tooltip::after {
  align-items: center;
  border: 2px solid #808080;
  border-radius: 50%;
  content: "i";
  display: flex;
  font-style: italic;
  height: 1.25rem;
  justify-content: center;
  margin: 0 0 0 0.5rem;
  width: 1.25rem;
}
.info-tooltip p {
  background-color: #fafdff;
  border-radius: 0.25rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  font-size: 0.8rem;
  left: 0;
  opacity: 0;
  padding: 0.5rem;
  pointer-events: none;
  position: absolute;
  top: -1rem;
  transition: opacity 0.2s ease-in-out;
  width: 200px;
  z-index: 1;
}

.cube {
  background-color: #4681c1;
  border-radius: 0.1rem;
  display: inline-block;
  height: 0.75rem;
  margin: 0 0.25rem;
  transform: rotate(45deg) translateY(-50%);
  width: 0.75rem;
}
@media only screen and (min-width: 768px) {
  .cube {
    height: 1rem;
    width: 1rem;
  }
}

/* Overwrite Gutenberg Variables */
:root {
  --wp--style--global--content-size: 1400px;
}

/* Breakpoints */
/* Typography */
/* Color Palette */
/* Layout */
.wp-block-columns {
  position: relative;
}

.wp-block-column:empty {
  display: none;
}
@media only screen and (min-width: 768px) {
  .wp-block-column:empty {
    display: initial;
  }
}

.wp-block-group {
  max-width: none !important;
  overflow: hidden;
}
.wp-block-group.reverse-columns-mobile > .wp-block-columns .wp-block-column:first-child {
  order: 1;
}
@media only screen and (min-width: 768px) {
  .wp-block-group.reverse-columns-mobile > .wp-block-columns .wp-block-column:first-child {
    order: initial;
  }
}
.wp-block-group:has(.sticky) {
  overflow: visible;
}

.wp-block-group__inner-container,
.content {
  max-width: var(--wp--style--global--content-size);
  margin: 0 auto;
}

.content-padding,
.wp-block-group {
  padding: 4rem 1rem;
}
@media only screen and (min-width: 768px) {
  .content-padding,
  .wp-block-group {
    padding: 6rem 2rem;
  }
}

.content-padding-sm {
  padding: 4rem 1rem;
}
@media only screen and (min-width: 768px) {
  .content-padding-sm {
    padding: 6rem 2rem;
  }
}

.content-padding-x {
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
  .content-padding-x {
    padding: 0 2rem;
  }
}

.content-padding-left {
  padding: 0 0 0 1rem;
}
@media only screen and (min-width: 768px) {
  .content-padding-left {
    padding: 0 0 0 2rem;
  }
}

.content-padding-right {
  padding: 0 1rem 0 0;
}
@media only screen and (min-width: 768px) {
  .content-padding-right {
    padding: 0 2rem 0 0;
  }
}

.content-padding-y {
  padding: 4rem 0;
}
@media only screen and (min-width: 768px) {
  .content-padding-y {
    padding: 6rem 0;
  }
}

.content-padding-top {
  padding: 4rem 0 0 0;
}
@media only screen and (min-width: 768px) {
  .content-padding-top {
    padding: 6rem 0 0 0;
  }
}

.content-padding-bottom {
  padding: 0 0 4rem 0;
}
@media only screen and (min-width: 768px) {
  .content-padding-bottom {
    padding: 0 0 6rem 0;
  }
}

.wp-block-columns {
  margin: 0;
}
.wp-block-columns + .wp-block-columns {
  margin-top: 4rem;
}
@media only screen and (min-width: 768px) {
  .wp-block-columns + .wp-block-columns {
    margin-top: 6rem;
  }
}

.wp-block-cover {
  padding: 0;
}

.frame {
  margin: 0 auto;
  max-width: var(--wp--style--global--content-size);
}

.has-white-background-color {
  background-color: #ffffff;
}

.has-black-background-color {
  background-color: #000000;
}

.has-blue-background-color {
  background-color: #4681c1;
}

.has-yellow-background-color {
  background-color: #eea91f;
}

/* Overwrite Gutenberg Variables */
:root {
  --wp--style--global--content-size: 1400px;
}

/* Breakpoints */
/* Typography */
/* Color Palette */
/* Layout */
body {
  font-family: "museo-sans-rounded";
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 p,
.p li,
a,
button {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "museo-sans-rounded";
  font-style: normal;
  font-weight: bold;
}

h1,
.h1 {
  font-size: max(8vw, 3rem);
}
@media only screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 992px) {
  h1,
  .h1 {
    font-size: 5rem;
  }
}

h2,
.h2 {
  font-size: max(6vw, 2rem);
}
@media only screen and (min-width: 768px) {
  h2,
  .h2 {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 992px) {
  h2,
  .h2 {
    font-size: 3rem;
  }
}

h3,
.h3 {
  font-size: max(4vw, 1.5rem);
}
@media only screen and (min-width: 768px) {
  h3,
  .h3 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) {
  h3,
  .h3 {
    font-size: 2.5rem;
  }
}

h4,
.h4 {
  font-size: max(3vw, 1.25rem);
}
@media only screen and (min-width: 768px) {
  h4,
  .h4 {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 992px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}

h5,
.h5 {
  font-size: 1.1rem;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  h5,
  .h5 {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 992px) {
  h5,
  .h5 {
    font-size: 1.25rem;
  }
}

.epic-paragraph,
.epic-heading {
  max-width: 1000px;
}
.epic-paragraph.text-center,
.epic-heading.text-center {
  margin-left: auto;
  margin-right: auto;
}

.text-medium {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.text-big {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

.text-underline-accent-black::after, .text-underline-accent-blue::after, .text-underline-accent-gray::after, .text-underline-accent-gray-light::after, .text-underline-accent-yellow::after {
  content: "";
  display: block;
  height: 2px;
  margin: 0.5rem 0 1rem 0;
  max-width: 250px;
  width: 100%;
}
.text-underline-accent-black.thin::after, .text-underline-accent-blue.thin::after, .text-underline-accent-gray.thin::after, .text-underline-accent-gray-light.thin::after, .text-underline-accent-yellow.thin::after {
  height: 1px;
}
.text-underline-accent-black.full-width::after, .text-underline-accent-blue.full-width::after, .text-underline-accent-gray.full-width::after, .text-underline-accent-gray-light.full-width::after, .text-underline-accent-yellow.full-width::after {
  max-width: 100%;
}
.text-underline-accent-black::after {
  background-color: #000000;
}
.text-underline-accent-blue::after {
  background-color: #4681c1;
}
.text-underline-accent-gray::after {
  background-color: #808080;
}
.text-underline-accent-gray-light::after {
  background-color: #e3dde5;
}
.text-underline-accent-yellow::after {
  background-color: #eea91f;
}

p,
li,
a,
button {
  font-family: "museo-sans-rounded";
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  p,
  li,
  a,
  button {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 992px) {
  p,
  li,
  a,
  button {
    font-size: 1.1rem;
  }
}

p {
  line-height: 1.7;
}

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.epic-heading + .epic-accordions, .epic-heading + .epic-form, .epic-heading + .epic-gallery, .epic-heading + .epic-paragraph, .epic-heading + .wp-block-columns {
  margin-top: 2rem;
}

.epic-paragraph + .epic-button-wrapper, .epic-paragraph + .epic-accordions, .epic-paragraph + .epic-form, .epic-paragraph + .epic-gallery, .epic-paragraph + .epic-heading {
  margin-top: 2rem;
}

.epic-accordions + .epic-button-wrapper, .epic-accordions + .epic-form, .epic-accordions + .epic-gallery, .epic-accordions + .epic-heading, .epic-accordions + .epic-paragraph {
  margin-top: 2rem;
}

.searchform > div {
  display: flex;
}
.searchform > div input[type=submit] {
  background: none;
  border: 2px solid #4681c1;
  border-radius: 2rem;
  color: #4681c1;
  display: inline-block;
  line-height: 1;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  white-space: nowrap;
}
.searchform > div input[type=submit]:focus, .searchform > div input[type=submit]:hover {
  background-color: #4681c1;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
  color: #ffffff;
}

input:not([type=submit]),
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  border-bottom: 2px solid #808080;
  border-radius: 0;
  box-sizing: border-box;
  color: #808080;
  font-style: italic;
  max-width: 100%;
  min-height: 42px;
  padding: 0.5rem;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  input:not([type=submit]),
  textarea,
  select {
    cursor: none !important;
  }
}
input:not([type=submit])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #e3dde5;
}
input:not([type=submit])::placeholder,
textarea::placeholder,
select::placeholder {
  color: #e3dde5;
}

select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150'%3E%3Cpolygon points='0,0 200,0 100,150' fill='%23808080' /%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 0.5rem;
}
select:has(option:checked[value=""]) {
  color: #e3dde5;
}

.epic-multiselect-dropdown {
  position: relative;
}
.epic-multiselect-dropdown button:focus {
  outline: none;
}
.epic-multiselect-dropdown .dropdown-toggle {
  align-items: center;
  background-color: #fafdff;
  border: none;
  color: #808080;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  padding: 0 0.25rem;
  width: 100%;
}
.epic-multiselect-dropdown .dropdown-toggle::after {
  pointer-events: none;
  transition: transform 0.2s ease-in-out;
}
.epic-multiselect-dropdown .dropdown-toggle * {
  pointer-events: none;
}
.epic-multiselect-dropdown .dropdown-selected-options {
  background: #fafdff;
  border-bottom: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #808080;
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
.epic-multiselect-dropdown .dropdown-selected-options:has(span) {
  border-top: 2px solid #808080;
}
.epic-multiselect-dropdown .dropdown-selected-options > span {
  line-height: 1.2;
  padding: 0.25rem 0.5rem;
}
.epic-multiselect-dropdown .dropdown-selected-options > span button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.epic-multiselect-dropdown .dropdown-options {
  background: #fafdff;
  bottom: 0;
  border-bottom: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #808080;
  display: none;
  flex-direction: column;
  position: absolute;
  transform: translateY(100%);
  width: 100%;
}
.epic-multiselect-dropdown .dropdown-options button {
  background: none;
  border: none;
  line-height: 1.2;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
  position: relative;
  text-align: left;
}
.epic-multiselect-dropdown .dropdown-options button::before {
  background-color: #fafdff;
  border: 2px solid #808080;
  content: "";
  height: 1rem;
  left: 0.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
.epic-multiselect-dropdown .dropdown-options button.active::before {
  background-color: #808080;
}
.epic-multiselect-dropdown.active {
  z-index: 100;
}
.epic-multiselect-dropdown.active .dropdown-toggle::after {
  transform: rotate(180deg);
}
.epic-multiselect-dropdown.active .dropdown-selected-options {
  z-index: 101;
}
.epic-multiselect-dropdown.active .dropdown-options {
  display: flex;
}

textarea {
  height: 75px;
  resize: vertical;
}

button,
input[type=submit],
label {
  font-size: 1rem;
}
@media only screen and (min-width: 992px) {
  button,
  input[type=submit],
  label {
    cursor: none !important;
  }
}

label {
  color: #808080;
  font-weight: 600;
  width: 100%;
}
label:has(.error) {
  color: #dc3232;
}
label input,
label textarea,
label select {
  margin: 0.25rem 0 0 0;
}

body.archive .posts {
  display: grid;
  grid-gap: 2em;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  body.archive .posts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
body.archive .posts img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
body.archive .post {
  display: grid;
  grid-gap: 2em;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  body.archive .post {
    grid-template-columns: 2fr 1fr;
  }
}
body.archive .post-gallery {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
}
body.archive .post-gallery .img-wrapper {
  border-radius: 1rem;
  height: 300px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  body.archive .post-gallery .img-wrapper {
    height: 500px;
  }
}
body.archive .post-gallery .img-wrapper[data-zoom].active .img-wrapper-inner {
  height: 200%;
  transition: transform 0.1s linear;
  width: 200%;
}
body.archive .post-gallery .img-wrapper .img-wrapper-inner {
  height: 100%;
  pointer-events: none;
  position: relative;
  width: 100%;
}
body.archive .post-gallery .img-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  width: 100%;
}

.multistep-wrapper:has(.multistep-form[data-active-step="1"]) .step-tracker-item:not(:nth-child(1)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="1"]) .step-tracker-item:not(:nth-child(1)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="1"]) .step-tracker-item:nth-child(-n+1) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="1"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 100%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="1"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 50%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="1"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 33.33%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="1"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 25%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="1"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 20%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="2"]) .step-tracker-item:not(:nth-child(2)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="2"]) .step-tracker-item:not(:nth-child(2)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="2"]) .step-tracker-item:nth-child(-n+2) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="2"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 200%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="2"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 100%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="2"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 66.66%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="2"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 50%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="2"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 40%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="3"]) .step-tracker-item:not(:nth-child(3)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="3"]) .step-tracker-item:not(:nth-child(3)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="3"]) .step-tracker-item:nth-child(-n+3) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="3"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 300%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="3"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 150%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="3"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 99.99%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="3"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 75%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="3"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 60%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="4"]) .step-tracker-item:not(:nth-child(4)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="4"]) .step-tracker-item:not(:nth-child(4)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="4"]) .step-tracker-item:nth-child(-n+4) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="4"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 400%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="4"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 200%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="4"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 133.32%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="4"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 100%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="4"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 80%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="5"]) .step-tracker-item:not(:nth-child(5)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="5"]) .step-tracker-item:not(:nth-child(5)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="5"]) .step-tracker-item:nth-child(-n+5) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="5"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 500%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="5"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 250%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="5"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 166.65%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="5"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 125%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="5"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 100%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="6"]) .step-tracker-item:not(:nth-child(6)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="6"]) .step-tracker-item:not(:nth-child(6)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="6"]) .step-tracker-item:nth-child(-n+6) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="6"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 600%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="6"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 300%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="6"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 199.98%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="6"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 150%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="6"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 120%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="7"]) .step-tracker-item:not(:nth-child(7)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="7"]) .step-tracker-item:not(:nth-child(7)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="7"]) .step-tracker-item:nth-child(-n+7) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="7"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 700%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="7"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 350%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="7"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 233.31%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="7"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 175%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="7"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 140%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="8"]) .step-tracker-item:not(:nth-child(8)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="8"]) .step-tracker-item:not(:nth-child(8)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="8"]) .step-tracker-item:nth-child(-n+8) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="8"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 800%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="8"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 400%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="8"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 266.64%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="8"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 200%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="8"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 160%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="9"]) .step-tracker-item:not(:nth-child(9)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="9"]) .step-tracker-item:not(:nth-child(9)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="9"]) .step-tracker-item:nth-child(-n+9) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="9"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 900%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="9"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 450%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="9"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 299.97%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="9"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 225%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="9"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 180%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="10"]) .step-tracker-item:not(:nth-child(10)) {
  display: none;
}
@media only screen and (min-width: 768px) {
  .multistep-wrapper:has(.multistep-form[data-active-step="10"]) .step-tracker-item:not(:nth-child(10)) {
    display: initial;
  }
}
.multistep-wrapper:has(.multistep-form[data-active-step="10"]) .step-tracker-item:nth-child(-n+10) {
  color: #eea91f;
}
.multistep-wrapper:has(.multistep-form[data-active-step="10"]):has(.step[data-step="2"]:last-child) .step-tracker-wrapper .content::after {
  width: 1000%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="10"]):has(.step[data-step="3"]:last-child) .step-tracker-wrapper .content::after {
  width: 500%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="10"]):has(.step[data-step="4"]:last-child) .step-tracker-wrapper .content::after {
  width: 333.3%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="10"]):has(.step[data-step="5"]:last-child) .step-tracker-wrapper .content::after {
  width: 250%;
}
.multistep-wrapper:has(.multistep-form[data-active-step="10"]):has(.step[data-step="6"]:last-child) .step-tracker-wrapper .content::after {
  width: 200%;
}

.step-tracker-wrapper {
  background-color: #fafdff;
  display: flex;
  position: sticky;
  top: 112px;
  z-index: 998;
}
.step-tracker-wrapper .content {
  border-bottom: 1px solid #e3dde5;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.step-tracker-wrapper .content::after {
  background-color: #eea91f;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  max-width: 100%;
  position: absolute;
  transition: width 0.2s ease-in-out;
  width: 0%;
}
.step-tracker-wrapper h1 {
  transition: font-size 0.2s ease-in-out;
}

@media only screen and (min-width: 992px) {
  body:has(header.scrolled) .step-tracker-wrapper.animating .content, body:has(header.scrolled) .step-tracker-wrapper.stuck .content {
    align-items: center;
    flex-direction: row;
  }
}
body:has(header.scrolled) .step-tracker-wrapper.animating h1, body:has(header.scrolled) .step-tracker-wrapper.stuck h1 {
  font-size: 2.5rem;
  line-height: 1;
}
@media only screen and (min-width: 992px) {
  body:has(header.scrolled) .step-tracker-wrapper.animating .step-tracker, body:has(header.scrolled) .step-tracker-wrapper.stuck .step-tracker {
    margin: 0 0 0 4rem;
  }
}
body:has(header.scrolled) .step-tracker-wrapper.animating .step-tracker .step-tracker-item, body:has(header.scrolled) .step-tracker-wrapper.stuck .step-tracker .step-tracker-item {
  font-size: 1.25rem;
}

.step-tracker {
  display: flex;
  padding: 2rem 0;
  position: relative;
}
.step-tracker .step-tracker-item {
  background: none;
  border: none;
  color: #e3dde5;
  transition: color 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .step-tracker .step-tracker-item:not(:first-child) {
    margin: 0 0 0 2rem;
  }
}

.multistep-form {
  container-type: inline-size;
}
.multistep-form .configuration-step {
  display: none;
}
.multistep-form[data-active-step="1"] .configuration-step[data-step="1"] {
  display: grid;
}
.multistep-form[data-active-step="2"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="2"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="2"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="2"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="2"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="2"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="2"].custom[data-active-substep="1"] .configuration-step.custom[data-step="2"].custom[data-substep="1"], .multistep-form[data-active-step="2"].custom[data-active-substep="2"] .configuration-step.custom[data-step="2"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="3"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="3"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="3"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="3"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="3"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="3"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="3"].custom[data-active-substep="1"] .configuration-step.custom[data-step="3"].custom[data-substep="1"], .multistep-form[data-active-step="3"].custom[data-active-substep="2"] .configuration-step.custom[data-step="3"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="4"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="4"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="4"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="4"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="4"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="4"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="4"].custom[data-active-substep="1"] .configuration-step.custom[data-step="4"].custom[data-substep="1"], .multistep-form[data-active-step="4"].custom[data-active-substep="2"] .configuration-step.custom[data-step="4"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="5"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="5"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="5"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="5"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="5"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="5"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="5"].custom[data-active-substep="1"] .configuration-step.custom[data-step="5"].custom[data-substep="1"], .multistep-form[data-active-step="5"].custom[data-active-substep="2"] .configuration-step.custom[data-step="5"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="6"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="6"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="6"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="6"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="6"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="6"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="6"].custom[data-active-substep="1"] .configuration-step.custom[data-step="6"].custom[data-substep="1"], .multistep-form[data-active-step="6"].custom[data-active-substep="2"] .configuration-step.custom[data-step="6"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="7"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="7"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="7"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="7"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="7"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="7"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="7"].custom[data-active-substep="1"] .configuration-step.custom[data-step="7"].custom[data-substep="1"], .multistep-form[data-active-step="7"].custom[data-active-substep="2"] .configuration-step.custom[data-step="7"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="8"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="8"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="8"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="8"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="8"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="8"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="8"].custom[data-active-substep="1"] .configuration-step.custom[data-step="8"].custom[data-substep="1"], .multistep-form[data-active-step="8"].custom[data-active-substep="2"] .configuration-step.custom[data-step="8"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="9"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="9"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="9"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="9"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="9"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="9"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="9"].custom[data-active-substep="1"] .configuration-step.custom[data-step="9"].custom[data-substep="1"], .multistep-form[data-active-step="9"].custom[data-active-substep="2"] .configuration-step.custom[data-step="9"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="10"]:not(.custom)[data-active-substep="1"] .configuration-step:not(.custom)[data-step="10"][data-substep="1"] {
  display: grid;
}
.multistep-form[data-active-step="10"]:not(.custom)[data-active-substep="2"] .configuration-step:not(.custom)[data-step="10"][data-substep="2"] {
  display: grid;
}
.multistep-form[data-active-step="10"]:not(.custom)[data-active-substep="3"] .configuration-step:not(.custom)[data-step="10"][data-substep="3"] {
  display: grid;
}
.multistep-form[data-active-step="10"].custom[data-active-substep="1"] .configuration-step.custom[data-step="10"].custom[data-substep="1"], .multistep-form[data-active-step="10"].custom[data-active-substep="2"] .configuration-step.custom[data-step="10"].custom[data-substep="2"] {
  display: grid;
}
.multistep-form .error-message {
  color: #dc3232;
}
.multistep-form .selection-buttons.image-grid {
  align-items: flex-start;
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}
@container (max-width: 499px) {
  .multistep-form .selection-buttons.image-grid {
    grid-template-columns: 1fr;
  }
}
@container (min-width: 500px) {
  .multistep-form .selection-buttons.image-grid .selection-status {
    display: none;
  }
}
.multistep-form .selection-buttons.image-grid .selection-button {
  background: none;
  border: none;
  overflow: hidden;
  padding: 0;
  transition: outline 0.2s ease-in-out;
}
.multistep-form .selection-buttons.image-grid .selection-button:focus, .multistep-form .selection-buttons.image-grid .selection-button:hover, .multistep-form .selection-buttons.image-grid .selection-button.active {
  outline: none;
}
.multistep-form .selection-buttons.image-grid .selection-button:focus .img-wrapper::after, .multistep-form .selection-buttons.image-grid .selection-button:hover .img-wrapper::after, .multistep-form .selection-buttons.image-grid .selection-button.active .img-wrapper::after {
  opacity: 1;
}
.multistep-form .selection-buttons.image-grid .selection-button:focus .img-wrapper img, .multistep-form .selection-buttons.image-grid .selection-button:hover .img-wrapper img, .multistep-form .selection-buttons.image-grid .selection-button.active .img-wrapper img {
  transform: scale(1.1);
}
.multistep-form .selection-buttons.image-grid .selection-button:focus .button-text, .multistep-form .selection-buttons.image-grid .selection-button:hover .button-text, .multistep-form .selection-buttons.image-grid .selection-button.active .button-text {
  transform: translateY(-100%);
}
.multistep-form .selection-buttons.image-grid .selection-button:focus .button-text span,
.multistep-form .selection-buttons.image-grid .selection-button:focus .button-text small, .multistep-form .selection-buttons.image-grid .selection-button:hover .button-text span,
.multistep-form .selection-buttons.image-grid .selection-button:hover .button-text small, .multistep-form .selection-buttons.image-grid .selection-button.active .button-text span,
.multistep-form .selection-buttons.image-grid .selection-button.active .button-text small {
  color: #ffffff !important;
}
.multistep-form .selection-buttons.image-grid .selection-button.active .img-wrapper {
  border: 3px solid #4681c1 !important;
}
.multistep-form .selection-buttons.image-grid .selection-button.active .img-wrapper .selection-status {
  background-color: #4caf50;
  border-color: #ffffff;
}
.multistep-form .selection-buttons.image-grid .selection-button .img-wrapper {
  border: 3px solid rgba(255, 255, 255, 0);
  height: 300px;
  overflow: hidden;
  position: relative;
  transition: border 0.2s ease-in-out;
}
.multistep-form .selection-buttons.image-grid .selection-button .img-wrapper::after {
  background: linear-gradient(to top, rgb(70, 129, 193), rgba(70, 129, 193, 0));
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}
.multistep-form .selection-buttons.image-grid .selection-button .img-wrapper.round {
  border-radius: 1rem;
}
.multistep-form .selection-buttons.image-grid .selection-button .img-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}
.multistep-form .selection-buttons.image-grid .selection-button .img-wrapper .selection-status {
  background-color: #ffffff;
  border: 2px solid #4681c1;
  border-radius: 50%;
  bottom: 0.5rem;
  height: 1.5rem;
  position: absolute;
  right: 0.5rem;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  width: 1.5rem;
  z-index: 1;
}
.multistep-form .selection-buttons.image-grid .selection-button .button-text {
  pointer-events: none;
  padding: 1rem;
  position: relative;
  transform: translateY(0);
  transition: transform 0.2s ease-in-out;
  width: 100%;
}
.multistep-form .selection-buttons.image-grid .selection-button .button-text span {
  color: #808080;
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  text-align: left;
  transition: color 0.2s ease-in-out;
  width: 100%;
  z-index: 1;
}
.multistep-form .selection-buttons.image-grid .selection-button .button-text small {
  color: #808080;
}
.multistep-form .selection-buttons.image-grid .selection-button.alternate-style .img-wrapper {
  border: 3px solid #808080;
}
.multistep-form .selection-buttons.image-grid .selection-button.alternate-style .img-wrapper img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.multistep-form .selection-buttons.image-grid .selection-button.alternate-style .button-text {
  width: 100%;
}
.multistep-form .selection-buttons.image-grid .selection-button.alternate-style .button-text span {
  color: #808080;
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-align: left;
}
.multistep-form .selection-buttons.image-grid .selection-button.alternate-style .button-text small {
  color: #808080;
  display: block;
  text-align: left;
}
.multistep-form .selection-buttons.image-grid.columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@container (max-width: 499px) {
  .multistep-form .selection-buttons.image-grid.columns-3 {
    grid-template-columns: 1fr;
  }
}
.multistep-form .selection-buttons.image-grid.columns-3 .selection-button:not(.alternate-style) .img-wrapper, .multistep-form .selection-buttons.image-grid.columns-3 .selection-button.alternate-style .img-wrapper {
  height: 200px;
}
@container (max-width: 499px) {
  .multistep-form .selection-buttons.image-grid.columns-3 .selection-button:not(.alternate-style) .img-wrapper, .multistep-form .selection-buttons.image-grid.columns-3 .selection-button.alternate-style .img-wrapper {
    height: 300px;
  }
}
@media only screen and (min-width: 992px) {
  .multistep-form .selection-list select {
    max-width: calc(50% - 4rem);
  }
}
.multistep-form .jump-to-step {
  background: none;
  border: none;
  padding: 0;
}
.multistep-form .jump-to-step svg {
  display: flex;
  height: 1rem;
  width: auto;
}
.multistep-form .build-your-home-controls {
  background-color: #ffffff;
  bottom: 0;
  border-top: 1px solid #808080;
  left: 0;
  padding: 0 0 2rem 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}

.configuration-step {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  .configuration-step {
    grid-gap: 4rem;
    grid-template-columns: 1fr 2fr;
  }
}
@media only screen and (min-width: 992px) {
  .configuration-step.full-width {
    grid-template-columns: 1fr;
  }
}
.configuration-step.overview img {
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.configuration-step .replace-floor-plan {
  border: 2px solid #808080;
  border-radius: 1rem;
  max-height: 400px;
}
@media only screen and (min-width: 992px) {
  .configuration-step .info-section {
    align-self: start;
    position: sticky;
    top: 300px;
  }
}

.multistep-wrapper .jump-to-step {
  outline: none;
}

/* Block - Accordion */
.epic-accordions {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.epic-accordion {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.epic-accordion .epic-accordion-toggle {
  align-items: flex-start;
  border: none;
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  justify-content: space-between;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 1;
}
.epic-accordion .epic-accordion-toggle:focus {
  outline: none;
}
.epic-accordion .epic-accordion-toggle.padded {
  padding: 1rem;
}
.epic-accordion .epic-accordion-toggle:not(.padded) {
  padding: 1rem 0;
}
.epic-accordion .epic-accordion-toggle.active:not(.opening):not(.closing) + .epic-accordion-body {
  height: auto !important;
  visibility: visible;
}
.epic-accordion .epic-accordion-toggle.active i {
  transform: rotate(0deg);
}
.epic-accordion .epic-accordion-toggle.opening + .epic-accordion-body, .epic-accordion .epic-accordion-toggle.closing + .epic-accordion-body {
  transition: height 0.2s;
}
.epic-accordion .epic-accordion-toggle i {
  align-items: center;
  display: flex;
  font-size: 2rem;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.epic-accordion .epic-accordion-body {
  height: 0px;
}
.epic-accordion .epic-accordion-body-inner.padded {
  padding: 1rem;
}
.epic-accordion .epic-accordion-body-inner:not(.padded) {
  padding: 1rem 0;
}

.tax-cozycube_units_category .overview-images .overview-image {
  position: relative;
}
.tax-cozycube_units_category .overview-images .overview-image .epic-image {
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.tax-cozycube_units_category .overview-images .overview-image .image-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .tax-cozycube_units_category .overview-images .overview-image .h4 {
    bottom: 0;
    color: #ffffff !important;
    position: absolute;
    width: 100%;
  }
}

body.single .posts {
  display: grid;
  grid-gap: 2em;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  body.single .posts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
body.single .posts img {
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
body.single .post {
  display: grid;
  grid-gap: 2em;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  body.single .post {
    grid-template-columns: 2fr 1fr;
  }
}
body.single .post h1,
body.single .post h2,
body.single .post h3,
body.single .post h4,
body.single .post h5,
body.single .post h6 {
  color: #121212 !important;
}
@media only screen and (min-width: 992px) {
  body.single .post .post-meta .post-meta-inner {
    position: sticky;
    z-index: 1;
  }
}
body.single .post-gallery {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr;
}
body.single .post-gallery img {
  border-radius: 1rem;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  body.single .post-gallery img {
    height: 500px;
  }
}
body.single .related-post a {
  overflow: hidden;
  text-decoration: none;
}
body.single .related-post a:focus .img-wrapper::after, body.single .related-post a:hover .img-wrapper::after {
  opacity: 1;
}
body.single .related-post a:focus .img-wrapper img, body.single .related-post a:hover .img-wrapper img {
  transform: scale(1.1);
}
body.single .related-post a:focus .link-text, body.single .related-post a:hover .link-text {
  transform: translateY(-100%);
}
body.single .related-post a:focus .link-text h3, body.single .related-post a:hover .link-text h3 {
  color: #ffffff;
}
body.single .related-post .img-wrapper {
  border: 2px solid #808080;
  border-radius: 1rem;
  height: 300px;
  overflow: hidden;
  position: relative;
}
body.single .related-post .img-wrapper::after {
  background: linear-gradient(to top, rgb(70, 129, 193), rgba(70, 129, 193, 0));
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
}
body.single .related-post .img-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}
body.single .related-post .link-text {
  pointer-events: none;
  padding: 1rem;
  position: relative;
  transform: translateY(0);
  transition: transform 0.2s ease-in-out;
  width: 100%;
}
body.single .related-post .link-text h3 {
  display: block;
  margin-bottom: 0.5rem;
  transition: color 0.2s ease-in-out;
  width: 100%;
  z-index: 1;
}