/* !
Theme Name: Cmn Customer
Template: cmn
Author: Comm.On
Author URI: http://www.comm-on.nu
Description: Cmn child theme
Version: 1.0
Updated:
*/
.gradient-bonus {
  position: relative;
  overflow: hidden;
}
.gradient-bonus::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(to right, rgba(147, 147, 147, 0.4862745098) 0%, rgba(0, 0, 0, 0.5764705882) 100%);
  height: 50%;
  top: 50%;
}
.gradient-bonus .gradient-inner {
  z-index: 1;
}

.max-width-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--wp--style--global--wide-size, 1320px);
  margin-inline: auto;
  overflow: visible;
  gap: var(--wp--custom--spacing--gap);
  padding-inline: clamp(16px, 4vw, var(--wp--style--root--padding-right));
}
@media (max-width: 1320px) {
  .max-width-inner {
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-right: var(--wp--style--root--padding-right) !important;
  }
}
@media (max-width: 781px) {
  .max-width-inner {
    display: block;
  }
}
.max-width-inner * {
  box-sizing: border-box;
  max-width: 100%;
}
.max-width-inner .alignwide, .max-width-inner .alignfull {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
}
.max-width-inner img, .max-width-inner svg, .max-width-inner canvas, .max-width-inner video {
  display: block;
  max-width: 100%;
  height: auto;
}

.stone-stove-cta {
  position: relative;
  z-index: 999;
  overflow: visible;
}
.stone-stove-cta.has-background,
.stone-stove-cta #max-width-inner,
.stone-stove-cta .wp-block-columns,
.stone-stove-cta .wp-block-column,
.stone-stove-cta .wp-block-image {
  overflow: visible !important;
  position: relative;
}
@media (min-width: 782px) {
  .stone-stove-cta .wp-block-columns > .wp-block-column:last-child .wp-block-image {
    position: relative;
    z-index: 6;
    margin-top: calc(-1 * clamp(24px, 6vh, 120px));
    margin-bottom: calc(-1 * clamp(24px, 6vh, 120px));
    overflow: visible;
  }
}
.stone-stove-cta .image-bleed {
  position: relative;
  z-index: 6;
  margin-block: calc(-1 * clamp(24px, 6vh, 120px));
}
.stone-stove-cta .image-bleed img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 781px) {
  .stone-stove-cta {
    z-index: auto;
  }
  .stone-stove-cta .image-bleed {
    margin-block: 0;
    z-index: auto;
  }
}

.wp-block-separator {
  width: 100%;
}

.wp-block-group.alignfull.stone-stove-cta {
  overflow: visible !important;
}

.stone-stove-ervaring {
  position: relative;
  z-index: 10;
  overflow: visible;
}
@media (min-width: 782px) {
  .stone-stove-ervaring .wp-block-columns {
    position: relative;
    display: flex;
    gap: 0;
    align-items: stretch;
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    position: relative;
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child .wp-block-image {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child .wp-block-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:last-child {
    flex: 0 0 auto;
    max-width: 660px;
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
  }
}
@media (max-width: 781px) {
  .stone-stove-ervaring .wp-block-columns {
    gap: var(--wp--custom--spacing--gap, 1rem);
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child,
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:last-child {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:last-child {
    padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
  }
}
.stone-stove-ervaring #max-width-inner,
.stone-stove-ervaring .wp-block-columns,
.stone-stove-ervaring .wp-block-column,
.stone-stove-ervaring .wp-block-image {
  overflow: visible !important;
  position: relative;
}
@media (min-width: 782px) {
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child .wp-block-image {
    position: relative;
    z-index: auto;
    margin: 0;
    overflow: visible;
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child .wp-block-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-width: 781px) {
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child .wp-block-image {
    margin: 0;
    z-index: auto;
    height: auto;
  }
  .stone-stove-ervaring .wp-block-columns > .wp-block-column:first-child .wp-block-image img {
    height: auto;
    object-fit: contain;
  }
}

.cmn-button {
  padding: 10px var(--wp--preset--spacing--large);
  color: var(--wp--preset--color--primary) !important;
  border: 1px solid var(--wp--preset--color--primary);
  background: var(--wp--preset--gradient--primary-contrast) !important;
  text-decoration: none;
  font-size: 20px;
  font-family: inherit;
  font-weight: var(--wp--custom--font-weight--regular);
  line-height: var(--wp--custom--line-height--medium);
  min-width: 80px !important;
}

.cmn-button--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background-image: url("../media/Arrow-right.svg");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.25rem auto;
  padding-right: 3rem;
}

.cmn-button--icon:hover {
  background-position: right 1rem center;
  transition: background-position 0.3s ease;
}

.wp-block-navigation__container {
  display: flex;
  align-items: center;
  gap: 0;
}
.wp-block-navigation__container > .wp-block-navigation-item {
  list-style: none;
  position: relative;
}
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
}
.wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current=page],
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current=true] {
  color: var(--wp--preset--color--primary) !important;
  font-weight: var(--wp--custom--font-weight--bold, 600);
}
.wp-block-navigation__container > .wp-block-navigation-item + .wp-block-navigation-item {
  margin-left: clamp(12px, 2vw, 24px);
  padding-left: clamp(12px, 2vw, 24px);
}
.wp-block-navigation__container > .wp-block-navigation-item + .wp-block-navigation-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 0.95em;
  background-color: currentColor;
  opacity: 0.6;
  transform: translateY(-50%);
  pointer-events: none;
}

#gform_2 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 0.75rem;
  max-width: 480px;
}

#gform_2 .gform-body {
  flex: 1 1 auto;
}

#gform_2 .gform_body input[type=email] {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px;
  font-size: 1rem;
}

#gform_2 .gform_footer {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

#gform_2 .gform_button {
  border: none;
  background: transparent;
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  cursor: pointer;
  font-size: 1rem;
  transition: background 0.2s ease-in-out;
}

#gform_2 .gform_button:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid #fff;
}

.gform-footer.gform_footer.top_label {
  justify-content: center;
}

input#gform_submit_button_1 {
  width: 80%;
  padding: 20px;
  font-weight: inherit;
  font-size: 18px;
  border: 1px solid var(--wp--preset--color--primary);
}

input#gform_submit_button_1 {
  width: 80%;
  padding: 20px;
  font-weight: inherit;
  font-size: 18px;
  border: 1px solid var(--wp--preset--color--primary);
  color: #fff;
  background-image: url("/wp-content/themes/cmn-customer/media/arrow-right-solid-full.svg");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.5rem auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

input#gform_submit_button_1:hover {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
}

p.gform_required_legend {
  display: none;
}

div#gform_1_validation_container {
  background: #fff !important;
}

.gform-theme--framework .gform_validation_errors .gform_submission_error {
  color: #000000 !important;
}

.gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  --gf-local-color: #ffffff !important;
}

.wp-block-cmn-usp-block .usp-card {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  min-height: 340px;
  background: #0f0f0f;
}
.wp-block-cmn-usp-block .usp-card:hover .usp-arrow {
  transform: translateX(2px);
}
.wp-block-cmn-usp-block .usp-media {
  position: absolute;
  inset: 0;
  background-image: var(--usp-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.wp-block-cmn-usp-block .usp-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(70% 80% at 30% 40%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.8) 100%);
}
.wp-block-cmn-usp-block .usp-content {
  position: absolute;
  inset: 0;
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
}
.wp-block-cmn-usp-block h4 {
  color: var(--wp--preset--color--primary);
  margin: 0;
}
.wp-block-cmn-usp-block .usp-arrow {
  margin-top: 6px;
  align-self: flex-end;
  font-size: 0.95rem;
  transition: transform 120ms ease;
}
.wp-block-cmn-usp-block .usp-border {
  position: absolute;
  inset: 0;
  border: 1px solid var(--wp--preset--color--primary);
  pointer-events: none;
}
.no-image .wp-block-cmn-usp-block .usp-media {
  display: none;
}

@media (min-width: 768px) {
  .wp-block-cmn-usp-block .usp-card {
    min-height: 500px;
  }
  .wp-block-cmn-usp-block .usp-title {
    font-size: 1.25rem;
  }
}
.steps-repeater.steps-repeater {
  counter-reset: steps;
}
.steps-repeater .steps-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4rem;
}
.steps-repeater .step-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--wp--preset--spacing--medium);
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .steps-repeater .step-item {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.steps-repeater .step-item .step-left {
  position: relative;
}
.steps-repeater .step-item .step-left,
.steps-repeater .step-item .step-right {
  min-width: 0;
}
.steps-repeater .step-item .step-left .step-title,
.steps-repeater .step-item .step-left .step-text {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.steps-repeater .step-item.no-image {
  grid-template-columns: 1fr;
}
.steps-repeater .step-item .step-title {
  position: relative;
  margin: 0 0 0.25rem 0;
  line-height: 1.2;
  color: var(--wp--preset--color--primary);
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (min-width: 1365px) {
  .steps-repeater .step-item .step-title {
    padding-left: 0;
  }
}
.steps-repeater .step-item .step-marker {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.2em;
}
@media (min-width: 1365px) {
  .steps-repeater .step-item .step-marker {
    position: absolute;
    left: -45px;
    top: 0.05em;
  }
}
.steps-repeater .step-item .title-text {
  display: block;
}
.steps-repeater .step-item .step-index {
  display: inline-block;
  font-weight: 700;
  font-size: 1em;
  line-height: 1;
  margin: 0;
  color: #fff;
}
.steps-repeater .step-item .step-dot {
  width: 0.35em;
  height: 0.35em;
  background-color: #fff;
  display: inline-block;
}
.steps-repeater .step-item .step-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}

@media (max-width: 781px) {
  .steps-repeater {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
  .steps-repeater .steps-list {
    margin: 0;
    padding: 0;
  }
  .steps-repeater .step-item {
    grid-template-columns: 1fr;
    gap: 16px;
    margin: 0;
  }
  .steps-repeater .step-left,
  .steps-repeater .step-right {
    width: 100%;
  }
  .steps-repeater .step-left,
  .steps-repeater .step-right {
    min-width: 0;
  }
  .steps-repeater .step-media {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
  }
  .steps-repeater .step-media img {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    clip-path: none;
  }
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay {
  --bleed: clamp(40px, 8vw, 120px);
  position: relative;
  overflow: visible;
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-inner {
  display: grid;
  grid-template-columns: minmax(320px, 1.1fr) minmax(320px, 1fr);
  gap: clamp(20px, 4vw, 48px);
  align-items: start;
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-media {
  margin: 0;
  position: relative;
  z-index: 2;
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateY(var(--bleed));
  margin-bottom: calc(var(--bleed) * -1);
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-content {
  position: relative;
  z-index: 1;
  padding: clamp(16px, 2.4vw, 28px);
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-title {
  color: var(--wp--preset--color--primary);
  margin: 0 0 8px;
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-text {
  color: var(--wp--preset--color--base-2, #cfd1d4);
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-actions {
  margin: clamp(12px, 2vw, 16px) 0 0;
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-btn {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
  color: var(--wp--preset--color--primary);
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-btn .ito-arrow {
  transition: transform 0.15s ease;
}
.wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-btn:hover .ito-arrow {
  transform: translateX(2px);
}
@media (max-width: 900px) {
  .wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-inner {
    grid-template-columns: 1fr;
  }
  .wp-block-cmn-image-text-overlay.cmn-image-text-overlay .ito-media img {
    transform: translateY(calc(var(--bleed) * 0.6));
    margin-bottom: calc(var(--bleed) * -0.6);
  }
}

.experience-section {
  position: relative;
  z-index: 10;
  overflow: visible;
}
.experience-section__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 2em var(--wp--preset--spacing--medium);
  max-width: var(--wp--style--global--wide-size, 1320px);
  margin-inline: auto;
}
.experience-section__image {
  position: relative;
  z-index: 20;
  overflow: visible;
}
.experience-section__image img {
  display: block;
  width: 50vw;
  max-width: none;
  height: auto;
  margin-left: max((100vw - var(--wp--style--global--wide-size, 1320px)) / -2, 0px);
}
@media (max-width: 781px) {
  .experience-section__image img {
    margin-left: 0px;
  }
}
.experience-section__text {
  max-width: calc(var(--wp--style--global--wide-size, 1320px) / 2);
}
.experience-section.has-overlap {
  margin-bottom: calc(-1 * clamp(24px, 6vh, 120px));
}
.experience-section.has-overlap__image {
  transform: translateY(clamp(24px, 6vh, 120px));
  will-change: transform;
}
.experience-section.has-overlap {
  position: relative;
}
.experience-section.is-reversed .experience-section__image {
  order: 2;
}
.experience-section.is-reversed .experience-section__text {
  order: 1;
}
@media (max-width: 781px) {
  .experience-section__inner {
    grid-template-columns: 1fr;
  }
  .experience-section__text {
    max-width: none;
  }
  .experience-section.has-overlap .experience-section__image {
    margin-bottom: 0;
  }
  .experience-section.has-overlap__image {
    transform: none;
  }
  .experience-section__image img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 0;
    display: block;
    object-position: left;
  }
}

.experience-section__actions {
  margin-top: 1rem;
}

.experience-section__button {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  border: 1px solid currentColor;
  text-decoration: none;
}

.hero-swiper {
  background: radial-gradient(circle, rgba(101, 101, 101, 0.3) 0%, rgb(0, 0, 0) 30%);
}
.hero-swiper__inner {
  max-width: var(--wp--style--global--wide-size, 1320px);
  margin-inline: auto;
  min-height: 70vh;
  display: grid;
  align-items: center;
}
@media (max-width: 1320px) {
  .hero-swiper__inner {
    padding-right: var(--wp--style--root--padding-right, var(--wp--preset--spacing--medium));
    padding-left: var(--wp--style--root--padding-left, var(--wp--preset--spacing--medium));
  }
}
.hero-swiper .swiper {
  width: 100%;
  overflow: hidden;
  display: block;
}
.hero-swiper .swiper, .hero-swiper .swiper-wrapper, .hero-swiper .swiper-slide {
  height: 100%;
}
.hero-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.hero-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.hero-swiper__slide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  justify-items: start;
  text-align: left;
  gap: var(--wp--preset--spacing--medium);
  width: 100%;
  height: 100%;
  min-height: 70vh;
}
.hero-swiper__title {
  color: var(--wp--preset--color--primary);
}
.hero-swiper__media {
  position: relative;
  justify-self: end;
  align-self: center;
}
.hero-swiper__media img {
  display: block;
  width: min(50vw, 640px);
  height: auto;
}
.hero-swiper__radial {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(60% 60% at 60% 50%, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0) 60%);
  mix-blend-mode: screen;
}
@media (max-width: 782px) {
  .hero-swiper__slide {
    grid-template-columns: 1fr;
    text-align: left;
    justify-items: center;
    align-items: center;
  }
  .hero-swiper__text {
    justify-self: start;
    align-self: center;
  }
  .hero-swiper__media {
    justify-self: center;
  }
  .hero-swiper__media img {
    width: 100%;
    max-width: 100%;
  }
}
.hero-swiper .swiper-button-prev, .hero-swiper .swiper-button-next, .hero-swiper .swiper-pagination {
  display: none !important;
}

/* !
Theme Name: Cmn Customer
Template: cmn
Author: Comm.On
Author URI: http://www.comm-on.nu
Description: Cmn child theme
Version: 1.0
Updated:
*/
.callout-section {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 8vh, 120px) clamp(16px, 3vw, 32px);
}
.callout-section__title {
  color: var(--wp--preset--color--primary);
  margin: 0 0 1rem 0;
}
.callout-section__text {
  width: 50%;
}
@media (max-width: 720px) {
  .callout-section__text {
    width: 100%;
  }
}
.callout-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--callout-bg, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: var(--bw, none);
  transform: translateZ(0);
  z-index: 0;
}
.callout-section::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 40%, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.callout-section.callout-section--bw {
  --bw: grayscale(100%);
}
.callout-section.alignwide {
  width: 100%;
}
.callout-section.callout-section--single.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.callout-section > .wp-block-group.max-width-inner {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, min(100%, 720px));
  position: relative;
  z-index: 2;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .callout-section::after {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.3) 80%, rgba(0, 0, 0, 0) 100%);
  }
  .callout-section {
    padding: 72px 0;
  }
}
@media (max-width: 720px) {
  .callout-section::after {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0.3) 90%, rgba(0, 0, 0, 0) 100%);
  }
  .callout-section {
    padding: 56px 0;
  }
  .callout-section > .wp-block-group.max-width-inner {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
}

.cmn-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 12px 32px;
  font-family: inherit;
  font-weight: var(--wp--custom--font-weight--regular);
  font-size: 18px;
  line-height: var(--wp--custom--line-height--medium);
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  color: inherit;
  text-decoration: none;
}
.cmn-button__icon {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.cmn-button:hover .cmn-button__icon {
  transform: translateX(4px);
  filter: none;
}
.cmn-button {
  /* Achtergronden */
}
.cmn-button--solid {
  background: var(--wp--preset--color--primary);
}
.cmn-button--gradient {
  background: var(--wp--preset--gradient--primary-contrast);
}
.cmn-button {
  /* Nieuw: rode achtergrond */
}
.cmn-button--red {
  background: var(--wp--preset--color--secondary) !important;
}
.cmn-button {
  /* Tekstkleur */
}
.cmn-button--text-white {
  color: #fff !important;
}
.cmn-button--text-orange {
  color: var(--wp--preset--color--primary) !important;
}
.cmn-button {
  /* Icoon kleur via CSS filter */
}
.cmn-button--icon-white .cmn-button__icon {
  filter: brightness(0) invert(1);
}
.cmn-button--icon-orange .cmn-button__icon {
  filter: brightness(0) saturate(100%) invert(36%) sepia(90%) saturate(1191%) hue-rotate(4deg) brightness(99%) contrast(104%);
}
.cmn-button {
  /* Borders */
}
.cmn-button--border-white {
  border-color: #fff;
}
.cmn-button--border-orange {
  border-color: var(--wp--preset--color--primary);
}
.cmn-button:hover {
  opacity: 0.9;
  color: inherit;
  text-decoration: none;
}
.cmn-button:hover .cmn-button__text {
  color: inherit;
}
.cmn-button--text-white, .cmn-button--text-white:hover {
  color: #fff !important;
}
.cmn-button--text-orange, .cmn-button--text-orange:hover {
  color: var(--wp--preset--color--primary) !important;
}
.cmn-button--icon-white .cmn-button__icon, .cmn-button--icon-white:hover .cmn-button__icon {
  filter: brightness(0) invert(1);
}
.cmn-button--icon-orange .cmn-button__icon, .cmn-button--icon-orange:hover .cmn-button__icon {
  filter: brightness(0) saturate(100%) invert(36%) sepia(90%) saturate(1191%) hue-rotate(4deg) brightness(99%) contrast(104%);
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22scss/style.scss%22,%22scss/_variables.scss%22,%22scss/_button.scss%22,%22scss/_menu.scss%22,%22scss/_forms.scss%22,%22blocks/usp-block/usp-block.scss%22,%22blocks/steps-repeater/steps-repeater.scss%22,%22blocks/image-text-overlay/image-text-overlay.scss%22,%22blocks/experience-section/experience-section.scss%22,%22blocks/hero-swiper/hero-swiper.scss%22,%22blocks/callout-section/callout-section.scss%22,%22blocks/cmn-button/cmn-button.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACGA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATF;IAUI;IACA;;;AAGF;EAdF;IAeI;;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAIE;EACA;EACA;;;AASJ;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;;AAIF;EACE;IACE;IACA;IACA;IACA;IACA;;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAtCF;IAuCI;;EAEA;IACE;IACA;;;;AAKN;EACI;;;AAEJ;EACE;;;AAQF;EACE;EACA;EACA;;AAGA;EACE;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;;AAKJ;EACE;IACE;;EAEF;AAAA;IAEE;IACA;;EAEF;IACE;IACA;;;AAIJ;AAAA;AAAA;AAAA;EAIE;EACA;;AAIF;EACE;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;;;AAKN;EACE;IACE;IACA;IACA;;EACA;IACE;IACA;;;;AClOR;EACC;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AC5BF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAIF;AAAA;AAAA;EAGE;EACA;;AAKJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACpDN;EACE;EACA;EACE;EACF;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AC1FF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAqB;;AAGvB;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEF;EAAa;EAAiB;EAAsB;EAAoB;;AACxE;EAAc;EAAoB;EAAU;EAAqD;;AAEjG;EAAyB;;;AAG3B;EAC4B;IAAY;;EAAqB;IAAa;;;ACvDxE;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EAPF;IAQI;IACA;;;AAKF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEE;EAVJ;IAWM;;;AAKN;EACE;EACA;EACA;EACA;EAEA;;AAEE;EARJ;IASM;IACA;IACA;;;AAKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIN;EACE;IACE;IACA;IACA;;EAGF;IACE;IACA;;EAEF;IACE;IACA;IACA;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;;EAEF;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;;;AChJJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAAa;EAAW;EAAoB;;AAC5C;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAAa;EAA0C;;AACvD;EAAY;;AAEZ;EAAe;;AACf;EACE;EACA;EACA;EACA;EACA;;AAEF;EAAsB;;AACtB;EAA4B;;AAE5B;EACE;IAAa;;EACb;IACE;IACA;;;;AC1CN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,WAdG;EAeH;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEC;EAPH;IAQI;;;AAKN;EAAU;;AAEV;EACE;;AAEA;EACE;EACA;;AALJ;EAOE;;AAIA;EAA6B;;AAC7B;EAA4B;;AAG9B;EACE;IAAW;;EAEX;IAAU;;EAEM;IAA6B;;EAC7B;IAAW;;EAE3B;IACE;IACA;IACA;IACA;IACA;;;;AAKN;EAA+B;;;AAC/B;EACE;EACA;EACA;EACA;;;AC5EF;EACA;;AACE;EAAW;EAAwD;EACjE;EACA;EACA;;AAGF;EANA;IAOE;IACF;;;AAIA;EAAU;EAAa;EAAkB;;AACzC;EAA0C;;AAC1C;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAOF;EAAW;EAAoB;EAAmB;;AAClD;EAAe;EAAe;EAAuB;;AAErD;EACE;EAAmB;EAAS;EAC5B;EACA;;AAQF;EACE;IACE;IACA;IACA;IACA;;EAEF;IAAU;IAAqB;;EAC/B;IAAW;;EACX;IAAe;IAAa;;;AAG9B;EAA+D;;;AT9EjE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AUKA;EACE;EACA;EAEA;;AAEI;EACE;EACA;;AAGF;EACK;;AAEA;EAHL;IAIO;;;AASX;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIF;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;IACE;;EA3EN;IAmFI;;;AAGF;EACE;IACE;;EAxFN;IAiGI;;EAEA;IACE;IACA;;;;AC1GN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AA1BJ;AA6BE;;AACA;EACE;;AAGF;EACE;;AAnCJ;AAsCE;;AACA;EACE;;AAxCJ;AA2CE;;AACA;EACE;;AAGF;EACE;;AAjDJ;AAoDE;;AACA;EACE;;AAGF;EACE;;AA1DJ;AA6DE;;AACA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EAEE;;AAGF;EAEE;;AAGF;EAEE;;AAGF;EAEE%22,%22file%22:%22style.css%22%7D */