/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.1
Text Domain:  Avada
*/

/* Text selection styling */
::selection {
  background-color: #ed6b06;
  color: #ffffff;
}

::-moz-selection {
  background-color: #ed6b06;
  color: #ffffff;
}
h1 {
  background: linear-gradient(99.82deg, #3A4653 -15.97%, #607488 118.31%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

h2 {
  background: linear-gradient(99.82deg, #3A4653 -15.97%, #607488 118.31%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

mark {
  color: #FAB400 !important;
}
.card.wpdmap-header-card {
  margin-bottom: 20px;
}
.whitescale img {
  filter: brightness(0) invert(1);
}

.allprojectsbutton .fa-arrow-right.fas.awb-button__icon.awb-button__icon--default.button-icon-right {
  background: linear-gradient(90deg, #FAB400 0%, #ED6B06 100%) !important;
  color: #fff !important;
  transition: all 0.5s ease;
}

.allprojectsbutton:hover .fa-arrow-right.fas.awb-button__icon.awb-button__icon--default.button-icon-right {
  background: linear-gradient(90deg, #FAB400 40%, #ED6B06 100%) !important;
  color: #fff !important;
  transition: all 0.5s ease;
}

#coloringicons h2.content-box-heading.fusion-responsive-typography-calculated {
  background: linear-gradient(90deg, #FAB400 0%, #ED6B06 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Zorg ervoor dat de content boxes sectie de volledige breedte gebruikt */
#coloringicons {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#coloringicons .fusion-content-boxes {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#coloringicons .fusion-builder-row {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Responsive styling voor content boxes */
@media (max-width: 1024px) {
  #coloringicons .fusion-builder-row {
    flex-direction: column !important;
    gap: 20px !important;
  }
  #coloringicons .fusion-column {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
  }
  #coloringicons h2.content-box-heading.fusion-responsive-typography-calculated {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    font-size: 18px !important;
  }
}
@media (max-width: 768px) {
  #coloringicons .fusion-column {
    padding: 0 15px !important;
  }
  #coloringicons h2.content-box-heading.fusion-responsive-typography-calculated {
    font-size: 16px !important;
  }
}
@media (max-width: 480px) {
  #coloringicons .fusion-column {
    padding: 0 10px !important;
  }
  #coloringicons h2.content-box-heading.fusion-responsive-typography-calculated {
    font-size: 14px !important;
  }
}
.fusion-button i,
.fusion-button:focus i,
.fusion-button i {
  background: rgba(0, 0, 0, 0.2) !important;
  padding: 10px !important;
  border-radius: 20px !important;
  margin: -4px -20px -4px 20px !important;
}

div.dubbele-knoppen-wrapper {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
}

.dubbele-knoppen-wrapper .fusion-button {
  margin: 0;
}

.dubbele-knoppen-wrapper a.fusion-button:nth-child(2) {
  background: linear-gradient(90deg, #4F9A67 0%, #78B08A 100%) !important;
  color: #fff !important;
  border: none !important;
}

.dubbele-knoppen-wrapper a.fusion-button:nth-child(2) .fusion-button-text,
.dubbele-knoppen-wrapper a.fusion-button:nth-child(2) i {
  color: #fff !important;
}

.dubbele-knoppen-wrapper a.fusion-button:nth-child(2):hover,
.dubbele-knoppen-wrapper a.fusion-button:nth-child(2):focus {
  background: linear-gradient(90deg, #3e7c53 0%, #5e8c6b 100%) !important;
  color: #fff !important;
}

h2 {
  background: linear-gradient(90deg, #3A4653 0%, #607488 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin: 20px 0;
}

/* Oranje accent in h2: geen dubbele kleurlaag (voorkomt donkere rand / halo) */
h1 mark,
h2 mark {
  background-color: transparent;
  background-image: linear-gradient(142.54deg, #FAB400 -16.64%, #ED6B06 90.45%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  position: relative;
  isolation: isolate;
}

/* KTI shortcode sectiekoppen — expliciet DM Sans (Avada overschrijft anders h2 in layouts) */
html body .kti-related-posts__heading,
html body .kti-related-projects__heading,
html body .kti-related-faqs__heading {
  font-family: "DM Sans", sans-serif !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  background: linear-gradient(99.82deg, #3A4653 -15.97%, #607488 118.31%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

html body .kti-related-posts__heading mark,
html body .kti-related-projects__heading mark,
html body .kti-related-faqs__heading mark {
  background-color: transparent !important;
  background-image: linear-gradient(142.54deg, #FAB400 -16.64%, #ED6B06 90.45%) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

html body .kti-related-posts__intro,
html body .kti-related-projects__intro,
html body .kti-related-faqs__intro {
  font-family: "Inter", sans-serif !important;
}

/* Mobiele koppen (rem) — incl. Avada Fusion Title (--fontSize) */
@media (max-width: 768px) {
  html body h1,
  html body h1.fusion-title-heading {
    font-size: 2.25rem !important;
    --fontSize: 36 !important;
    line-height: 1.2 !important;
  }

  html body h2,
  html body h2.fusion-title-heading {
    font-size: 1.75rem !important;
    --fontSize: 28 !important;
    line-height: 1.25 !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
  }

  html body .kti-related-posts__heading,
  html body .kti-related-projects__heading,
  html body .kti-related-faqs__heading {
    font-size: 1.75rem !important;
  }

  html body h3,
  html body h3.fusion-title-heading {
    font-size: 1.5rem !important;
    --fontSize: 24 !important;
    line-height: 1.3 !important;
  }

  html body h4,
  html body h4.fusion-title-heading {
    font-size: 1.25rem !important;
    --fontSize: 20 !important;
    line-height: 1.35 !important;
  }

  html body h5,
  html body h5.fusion-title-heading {
    font-size: 1.125rem !important;
    --fontSize: 18 !important;
    line-height: 1.4 !important;
  }

  html body h6,
  html body h6.fusion-title-heading {
    font-size: 1rem !important;
    --fontSize: 16 !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 480px) {
  html body h1,
  html body h1.fusion-title-heading {
    font-size: 2rem !important;
    --fontSize: 32 !important;
  }

  html body h2,
  html body h2.fusion-title-heading {
    font-size: 1.5rem !important;
    --fontSize: 24 !important;
  }

  html body h3,
  html body h3.fusion-title-heading {
    font-size: 1.375rem !important;
    --fontSize: 22 !important;
  }

  html body h4,
  html body h4.fusion-title-heading {
    font-size: 1.125rem !important;
    --fontSize: 18 !important;
  }

  html body h5,
  html body h5.fusion-title-heading {
    font-size: 1rem !important;
    --fontSize: 16 !important;
  }

  html body h6,
  html body h6.fusion-title-heading {
    font-size: 0.9375rem !important;
    --fontSize: 15 !important;
  }
}

@media (max-width: 600px) {
  div.dubbele-knoppen-wrapper {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }
}
/* Subbutton styling with handwritten text and arrow */
.fusion-button.subbutton {
  position: relative;
}

.fusion-button.subbutton::after {
  content: "in 2 minuten aangevraagd";
  position: absolute;
  bottom: -30px;
  right: 40px;
  font-family: "Caveat", cursive;
  font-style: italic;
  font-size: 20.33px;
  color: #5BA071 !important;
  white-space: nowrap;
  z-index: 10;
}

.fusion-button.subbutton::before {
  content: "";
  position: absolute;
  bottom: -25px;
  right: 15px;
  width: 16px;
  height: 16px;
  background-image: url("/wp-content/uploads/2025/07/pijltje.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}

/* custom css  */
.banner-section .fusion-builder-row {
  display: flex;
  align-items: end;
  gap: 40px 0;
}

.left-text-content {
  margin-bottom: -80px;
  width: 782px;
}

.left-text-content .fusion-column-wrapper {
  width: 100%;
  max-width: 85%;
}

.left-text-content .two-col-section {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
  gap: 20px;
  background: white;
  padding: 25px 25px 25px !important;
  border-radius: 12px;
  z-index: 2;
  min-width: 900px !important;
}

.left-text-content .two-col-section .dubbele-knoppen-wrapper {
  justify-content: end;
  padding-right: 35px;
}

.left-text-content .two-col-section .first-row-col {
  display: flex;
  align-items: center;
  gap: 15px;
}

.left-text-content .two-col-section .first-row-col p {
  margin: 0;
  font-size: 20px;
  color: #3a4653;
  font-weight: 600;
}

.two-col-full-section {
  display: none;
}

/* responsive  */
@media (max-width: 1502px) {
  .left-text-content {
    width: 50%;
  }
}
@media (max-width: 1440px) {
  .left-text-content .fusion-column-wrapper {
    max-width: 100%;
  }
  .banner-section .fusion-builder-row {
    margin-left: -4.5% !important;
  }
  .left-text-content {
    width: 45%;
  }
}
@media (max-width: 1280px) {
  .banner-section {
    padding-bottom: 40px;
  }
  .left-text-content .two-col-section {
    position: static;
  }
  .left-text-content .fusion-text-2 p {
    font-size: 48px;
  }
  .left-text-content .two-col-section {
    min-width: 100%;
  }
}
@media (max-width: 1024px) {
  .banner-section {
    padding-bottom: 0px;
  }
  .banner-section .fusion-builder-row {
    flex-direction: column;
    align-items: center;
  }
  .left-text-content {
    width: 90%;
    margin-bottom: 0;
  }
  .right-img-col {
    width: 90%;
  }
  .left-text-content .fusion-text-2 p {
    font-size: 40px;
    line-height: 48px;
  }
  .banner-section .fusion-builder-row {
    margin-left: -2% !important;
  }
  .left-text-content .two-col-section {
    min-width: 100% !important;
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 800px) {
  .fusion-content-boxes.content-boxes-clean-horizontal .col {
    padding: 0px !important;
  }
  .fusion-content-boxes {
    --awb-item-margin-bottom: 0px !important;
  }
}
@media (max-width: 640px) {
  .banner-section .fusion-builder-row {
    gap: 30px 0;
  }
  .left-text-content .fusion-text-2 {
    width: 100% !important;
  }
  .left-text-content .fusion-text-2 p {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .left-text-content .fusion-text-2 p {
    font-size: 28px;
    line-height: 36px;
  }
}
/* Vacancy Badge Styling */
.vacancy-badge {
  display: inline !important;
  align-items: center;
  gap: 8px;
  /* margin-left: 8px; */
  position: relative;
  top: -8px;
  vertical-align: super;
  white-space: nowrap;
}

.vacancy-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  background: #ED6B06;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

/* Responsive adjustments for vacancy badge */
@media (max-width: 768px) {
  .vacancy-badge {
    gap: 6px;
    margin-left: 6px;
  }
  .vacancy-number {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }
  .vacancy-text {
    font-size: 12px;
  }
}
.home-usp-container .content-box-column {
  padding: 12px !important;
}

.home-usp-container .content-box-column:nth-child(odd) {
  padding-right: 65px !important;
}

.home-usp-container .content-box-column .content-box-heading {
  font-weight: 500 !important;
}

.home-usp-container .heading-with-icon {
  margin-bottom: 8px !important;
}

.home-usp-container .content-container {
  margin-bottom: 27px !important;
  color: #6B7280 !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  /* 24px */
}

.home-counterboxes {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto !important;
}

.home-counterboxes .fusion-counter-box {
  max-width: 280px !important;
  padding: 0 12px !important;
}

.home-counterboxes .fusion-counter-box .counter-box-container {
  padding: 32px 0px !important;
  background: #FFF !important;
  border: 1px solid #F1F1F1 !important;
  border-radius: 24px !important;
}

.home-counterboxes .fusion-counter-box .counter-box-container .content-box-counter {
  background: linear-gradient(143deg, #FAB400 -16.64%, #ED6B06 90.45%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center;
  font-family: "DM Sans", sans-serif !important;
  font-size: 90px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  /* 108px */
}

.home-counterboxes .fusion-counter-box .counter-box-container .counter-box-content {
  margin-top: 5px !important;
  background: var(--Text-Gradient, linear-gradient(100deg, #3A4653 -15.97%, #607488 118.31%)) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 120%;
  /* 21.6px */
  padding: 0px 30px;
}

.home-usp-gradient {
  display: flex;
  gap: 17px;
  font-family: "DM Sans";
  font-size: 17.6px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  /* 21.12px */
  background: linear-gradient(143deg, #FAB400 -16.64%, #ED6B06 90.45%), #F1F1F1 !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  align-items: center;
  padding: 17.6px 8.8px;
}

.home-usp-gradient svg {
  width: 33.5px;
  height: 33.5px;
}

@media only screen and (max-width: 768px) {
  .home-counterboxes {
    width: 100% !important;
    max-width: 100%;
  }

  .home-counterboxes .fusion-counter-box {
    margin-top: 24px !important;
    max-width: 100% !important;
  }

  .home-counterboxes .fusion-counter-box .counter-box-container .content-box-counter {
    font-size: 56px !important;
  }

  .home-counterboxes .fusion-counter-box .counter-box-container .counter-box-content {
    font-size: 16px !important;
    padding: 0 16px;
  }
}
.top-footer-contact {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.top-footer-contact .contact-item p {
  display: grid;
}

.top-footer-contact .contact-item p span {
  color: rgba(255, 255, 255, 0.75);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  letter-spacing: 1.4px;
}

.top-footer-contact .contact-item a {
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  /* 28.8px */
  text-decoration: none !important;
}

.footer-vragen .fusion-column-wrapper {
  position: relative;
}

svg.footer-arrow {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  mix-blend-mode: soft-light;
}

.awb-menu__description {
  display: none !important;
}

/* WooCommerce Product Cards Styling */
.woocommerce ul.products {
  gap: 10px !important;
}

.woocommerce ul.products li.product:not(.product-category) {
  max-width: 32% !important;
  width: 100% !important;
  background: #ffffff;
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 450px;
}

.woocommerce ul.products li.product:not(.product-category):hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  border-color: #e5e5e5;
}

.woocommerce ul.products li.product .fusion-product-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.woocommerce ul.products li.product .product-images {
  display: block;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.woocommerce ul.products li.product .featured-image {
  position: relative;
  padding: 24px;
  background: #fafafa;
  text-align: center;
}

.woocommerce ul.products li.product .featured-image img {
  width: 100%;
  height: 280px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease;
}

.woocommerce ul.products li.product:hover .featured-image img {
  transform: scale(1.05);
}

.woocommerce ul.products li.product .cart-loading {
  display: none;
}

.woocommerce ul.products li.product .fusion-product-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0;
}

.woocommerce ul.products li.product .product-details {
  flex-grow: 1;
  margin-bottom: 16px;
}

.woocommerce ul.products li.product .product-title {
  margin: 0 0 12px;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 31px !important;
  color: #2c3e50 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  background-clip: unset !important;
}

.woocommerce ul.products li.product .product-title a {
  color: inherit;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.woocommerce ul.products li.product .product-title a:hover {
  text-decoration: none !important;
  color: #ED6B06;
}

.woocommerce ul.products li.product .product-excerpt {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 26px;
  color: #6B7280;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  /* Limit to 3 lines */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.woocommerce ul.products li.product .fusion-price-rating {
  margin-bottom: 16px;
}

.woocommerce ul.products li.product .product-buttons {
  margin-top: auto;
  padding: 16px 20px 24px;
}

.woocommerce ul.products li.product .fusion-content-sep,
.woocommerce ul.products li.product .sep-double,
.woocommerce ul.products li.product .sep-solid,
.woocommerce ul.products li.product hr,
.woocommerce ul.products li.product .product-separator,
.woocommerce ul.products li.product .fusion-separator,
.woocommerce ul.products li.product .product-buttons::before {
  display: none !important;
}

.woocommerce ul.products li.product .product-buttons-container {
  border: none !important;
  border-top: none !important;
}

.woocommerce ul.products li.product .show_details_button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 12px 20px;
  margin: 0;
  background: linear-gradient(90deg, #FAB400 0%, #ED6B06 100%);
  color: #ffffff !important;
  text-decoration: none;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  box-sizing: border-box;
  white-space: nowrap;
}

.product-buttons .show_details_button:before {
  display: none !important;
}

.woocommerce ul.products li.product .show_details_button-text,
.woocommerce ul.products li.product .show_details_button .fusion-button-text,
.woocommerce ul.products li.product .show_details_button .awb-button__text {
  flex: 0 1 auto;
}

.woocommerce ul.products li.product .show_details_button i,
.woocommerce ul.products li.product .show_details_button .fa-arrow-right {
  background: rgba(255, 255, 255, 0.2) !important;
  padding: 6px !important;
  border-radius: 50% !important;
  margin: 0 0 0 auto !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.woocommerce ul.products li.product .show_details_button:hover {
  background: linear-gradient(90deg, #E6A200 0%, #D85F05 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(237, 107, 6, 0.3);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .woocommerce ul.products li.product:not(.product-category) {
    max-width: calc(50% - 5px) !important;
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product:not(.product-category) {
    max-width: 100% !important;
    min-height: 0;
  }

  .woocommerce ul.products li.product .featured-image {
    padding: 16px;
  }
  .woocommerce ul.products li.product .featured-image img {
    height: 220px;
  }
  .woocommerce ul.products li.product .fusion-product-content {
    padding: 16px 20px 0;
  }
  .woocommerce ul.products li.product .product-buttons {
    padding: 12px 20px 20px;
  }
  .woocommerce ul.products li.product .product-title {
    font-size: 16px !important;
  }
  .woocommerce ul.products li.product .product-excerpt {
    font-size: 13px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .woocommerce-Tabs-panel {
    padding: 24px 0 !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products li.product .featured-image img {
    height: 180px;
  }
}
/* Price styling if needed */
.woocommerce ul.products li.product .price {
  color: #ED6B06;
  font-weight: 600;
  font-size: 16px;
}

.woocommerce ul.products li.product .price del {
  color: #999;
  text-decoration: line-through;
}

.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: #ED6B06;
}
.woocommerce-Price-amount.amount{display: none;}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{display: none !important;}
.in-cijfers .fusion-column-wrapper {
  position: relative;
}
.in-cijfers .fusion-column-wrapper::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='937' height='1270' viewBox='0 0 937 1270' fill='none'><path opacity='0.05' d='M67.4502 1269.5L571.288 747.972C597.217 722.591 621.403 693.312 621.403 655.132C621.403 616.944 597.205 585.773 556.655 545.936L556.654 545.936L1.22277 0.709879L408.277 0.709915L873.71 488.337L873.709 488.337C919.811 537.303 936.5 591.488 936.5 651.357C936.5 700.313 916.053 756.398 884.775 792.584L884.776 792.585L465.347 1269.5L67.4502 1269.5Z' fill='white' stroke='black'/></svg>");
  position: absolute;
  top: -90%;
  left: -15%;
  width: 100%;
  height: 120%;
  z-index: 0;
  transform: translate(var(--move-x, 0), var(--move-y, 0));
}
.in-cijfers h2 {
  color: white !important;
  -webkit-text-fill-color: white !important;
}
.in-cijfers .fusion-counters-box {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto !important;
}
.in-cijfers .content-box-counter {
  background: linear-gradient(143deg, #FAB400 -16.64%, #ED6B06 90.45%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-align: center;
  font-family: "DM Sans", sans-serif !important;
  font-size: 90px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 120% !important;
}
.in-cijfers .text-gradient-orange {
  background: linear-gradient(143deg, #FAB400 -16.64%, #ED6B06 90.45%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.in-cijfers .fusion-counter-box {
  max-width: 280px !important;
  padding: 0 12px !important;
}
.in-cijfers .fusion-counter-box .counter-box-container {
  padding: 32px 0px !important;
}
.in-cijfers .counter-box-content {
  padding: 0 25px;
}

@media (max-width: 768px) {
  .left-text-content {
    width: 100% !important;
  }
  .left-text-content .fusion-column-wrapper {
    padding: 0 !important;
  }
  .left-text-content .two-col-section {
    min-width: unset !important;
    max-width: unset !important;
  }
  .left-text-content .two-col-section .first-row-col {
    flex-direction: column !important;
    gap: 5px !important;
    margin-bottom: 10px !important;
  }
  .left-text-content .two-col-section .first-row-col .textblockie {
    line-height: 1.2 !important;
    text-align: center !important;
  }
  .home-usp-container .content-box-column {
    padding: 0px !important;
  }
  .home-usp-container .content-box-column:nth-child(odd) {
    padding-right: 0px !important;
  }
  .video-img-container .video-left-sec {
    --awb-border-radius: 12px !important;
  }
  .video-img-container .video-left-sec .fusion-column-wrapper {
    background-position: center !important;
  }
  .video-img-container .text-right-side .fusion-text p {
    font-family: "DM Sans" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    margin: 0px !important;
    font-size: 34px !important;
    line-height: 1.2 !important;
  }
  html body .content-boxes h2 {
    font-size: 1.375rem !important;
    --fontSize: 22 !important;
    margin: 0 !important;
  }
  .post-content p {
    margin-bottom: 0 !important;
  }
  .kti-rating {
    margin-right: 0px !important;
  }
  .woocats-grid-container {
    padding: 0px !important;
  }
  .woocats-grid-container .woocats-grid {
    margin: 0px !important;
  }
  /* woocats: titel in rem (niet 34px); details in woocats.css */
  html body .woocats-grid-container .woocats-grid .woocats-category-title {
    font-size: 1.375rem !important;
  }

  html body .footer-vragen h3 {
    font-size: 1.75rem !important;
    --fontSize: 28 !important;
  }
  .footer-vragen .top-footer-contact {
    grid-template-columns: 1fr !important;
  }
  .footer-vragen .top-footer-contact p {
    margin-bottom: 0px !important;
  }
  .footer-vragen .top-footer-contact a {
    font-size: 18px !important;
  }

  svg.footer-arrow {
    right: 12px;
    width: 56px;
    height: auto;
    opacity: 0.65;
  }

  .in-cijfers .content-box-counter {
    font-size: 56px !important;
  }

  .in-cijfers .fusion-counter-box {
    max-width: 100% !important;
  }

  .in-cijfers .fusion-column-wrapper::before {
    top: -10% !important;
    left: -170% !important;
  }
}

input.fusion-search-submit.searchsubmit {
  background: transparent !important;
  color: #2c2c2c !important;
}

.search-view-button i {
	padding: 10px !important;
	margin: -4px -10px -4px 10px !important;
	font-size: 12px;
}

.search-view-button {
	padding: 9px 15px!important;
}

.searchpage-search-bar .searchform .fusion-search-form-content {
	border-radius: 15px !important;
}

@media (min-width: 769px) {
  body.single-vacature h1 {
    --fontSize: 43 !important;
  }
}

@media (max-width: 768px) {
  html body.single-vacature h1 {
    font-size: 2rem !important;
    --fontSize: 32 !important;
    line-height: 1.2 !important;
  }
}

.woocommerce-Tabs-panel {
  background: white !important;
  padding: 50px 0px !important;
}
.woocommerce-Tabs-panel h3 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  html body .woocommerce-Tabs-panel h3 {
    font-size: 1.375rem !important;
    --fontSize: 22 !important;
  }
}

/* WooCommerce product description Read More */
.wc-readmore {
  position: relative;
}
.wc-readmore__content {
  max-height: 420px;
  overflow: hidden;
  transition: max-height .3s ease;
  position: relative;
}
.wc-readmore.is-expanded .wc-readmore__content {
  max-height: none;
}
.wc-readmore:not(.is-expanded) .wc-readmore__content::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
  pointer-events: none;
}
/* Platte tekst-knop (geen Fusion pill-button) */
.wc-readmore__toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 0;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #ED6B06 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  transition: color 0.2s ease;
}

.wc-readmore__toggle:hover,
.wc-readmore__toggle:focus {
  color: #D85F05 !important;
  background: none !important;
  text-decoration: underline;
}

.wc-readmore__toggle::after {
  content: "→";
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
}

@media (max-width: 768px) {
  .wc-readmore__content {
    max-height: 280px;
  }

  .wc-readmore__toggle {
    display: inline-flex !important;
    min-height: 44px;
    margin-top: 16px;
  }
}

ul.products{
  align-items: stretch !important;
}

ul.products li.product:not(.product-category){
  height: unset !important;
}

/* Gravity Forms image choices (field 22 across forms) */
.gform_wrapper [id^="field_"][id$="_22"] .gfield_radio{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.gform_wrapper [id^="field_"][id$="_22"] .gfield_radio .gchoice{
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex;
}
.gform_wrapper [id^="field_"][id$="_22"] .gfield-image-choice-wrapper-outer{
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 900px){
  .gform_wrapper [id^="field_"][id$="_22"] .gfield_radio{
    grid-template-columns: 1fr;
  }
}

.gform_wrapper [id^="field_"][id$="_22"] .gfield-image-choice-wrapper-inner label.gform-field-label{
  display: block;
  line-height: 1.35;
  white-space: normal;
}
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__title,
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__price,
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__checks,
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__check-item{
  font-family: "DM Sans", sans-serif !important;
  display: block;
}
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__title{
  margin-bottom: 2px;
  color: #f97316;
  font-weight: 700;
}
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__price{
  margin-bottom: 8px;
  color: #f97316;
  font-weight: 700;
}
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__checks{
  margin-top: 2px;
}
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__check-item{
  position: relative;
  padding-left: 30px;
  margin-bottom: 7px;
  color: #3f4a5a;
  font-size: 15px;
  line-height: 1.45;
}
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__check-item::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.18em;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #f07203;
}
.gform_wrapper [id^="field_"][id$="_22"] .kti-gf-choice__check-item::after{
  content: "";
  position: absolute;
  left: 5px;
  top: 0.5em;
  width: 8px;
  height: 4px;
  border-left: 2.2px solid #fff;
  border-bottom: 2.2px solid #fff;
  transform: rotate(-45deg);
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
  background: #f07203 !important;
}

/* Active/selected kaartje: oranje border + subtiele gloed */
.gform_wrapper [id^="field_"][id$="_22"] .gchoice:has(input.gfield-choice-input:checked) .gfield-image-choice-wrapper-outer{
  border: 1px solid #f97316;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.16);
  border-radius: 2px;
}
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):checked::before {
  color: #f97316 !important;
}
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
  --gf-local-border-color: #f97316 !important;
  --gf-local-color: #f97316 !important;
  --gf-local-outline-color: #f97316 !important;
  --gf-local-outline-width: #f97316 !important;
}
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  background-color: #f97316 !important;
}
.gform_wrapper [id^="field_"][id$="_22"] .gfield_radio .gchoice,
.gform_wrapper [id^="field_"][id$="_22"] .gfield-choice-image {
  border-radius: 6px;
}
legend.gfield_label.gform-field-label {
  padding-bottom: 13px !important;
}
.large.gfield_select {
  background: #f5f5f5 !important;
  padding-top: 10px !important;
}
.select-arrow {
  color: black !important;
}

/* Form 5 navigation: previous left, next right */
#gform_wrapper_5 .gform-page-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
#gform_wrapper_5 .gform-page-footer .gform_previous_button{
  margin-right: auto;
}
#gform_wrapper_5 .gform-page-footer .gform_next_button{
  margin-left: auto;
}
input#gform_next_button_5_5 {
  color: white;
  font-size: 20px;
  font-weight: 500;
  border-radius: 50px;
}
.gform_next_button, .gform_button.button  {
  color: white !important;
  font-size: 20px !important;
  border-radius: 50px !important;
  border: none !important;
}
.gform_previous_button {
  background: #fff !important;
  color: #2c2c2c !important;
  border: 1px solid #f97316 !important;
  border-radius: 50px !important;
  font-size: 20px !important;
}
div#gform_confirmation_message_5 {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 15px;
}

/* Zonnepanelen shortcode */
.kti-zonnepanelen {
  width: 100%;
}

/* High-specificity font override to defeat theme/icon fonts on buttons & descendants */
html body .kti-zonnepanelen,
html body .kti-zonnepanelen *,
html body .kti-zonnepanelen *::before,
html body .kti-zonnepanelen *::after,
html body .kti-zonnepanelen button,
html body .kti-zonnepanelen input,
html body .kti-zonnepanelen select,
html body .kti-zonnepanelen textarea {
  font-family: "Inter", sans-serif !important;
}

.kti-zonnepanelen--empty {
  padding: 20px;
  border-radius: 16px;
  background: #f8f7f3;
  color: #3a4653;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 500;
}

.kti-zonnepanelen__toolbar {
  margin-bottom: 22px;
}

.kti-zonnepanelen__select {
  min-width: 260px;
  max-width: 100%;
  padding: 12px 42px 12px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  color: #3a4653;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(17, 24, 39, 0.05);
}

.kti-zonnepanelen__select:focus {
  outline: none;
  border-color: #f97316;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.16);
}

/* Layout: labels column on the left, cards row on the right.
   Both use the same grid-template-rows so labels line up with card rows. */
.kti-zonnepanelen__layout {
  --kti-zp-header-h: 132px;
  --kti-zp-row-h: 64px;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 16px;
  align-items: stretch;
}

.kti-zonnepanelen__labels {
  display: grid;
  grid-template-rows: var(--kti-zp-header-h) var(--kti-zp-row-h) var(--kti-zp-row-h) var(--kti-zp-row-h);
}

.kti-zonnepanelen__label {
  display: flex;
  align-items: center;
  padding: 0 16px 0 4px;
  color: #3a4653;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
}

.kti-zonnepanelen__cards {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

/* Each card is a single block containing header + 3 stacked rows.
   Inactive cards have no background or border; only the active card looks like a card. */
.kti-zonnepanelen__card {
  display: grid;
  grid-template-rows: var(--kti-zp-header-h) var(--kti-zp-row-h) var(--kti-zp-row-h) var(--kti-zp-row-h);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
  color: inherit;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}

.kti-zonnepanelen__card:hover,
.kti-zonnepanelen__card:focus-visible {
  transform: translateY(-2px);
  outline: none;
}

.kti-zonnepanelen__card:not(.is-active):hover,
.kti-zonnepanelen__card:not(.is-active):focus-visible {
  background-color: rgba(17, 24, 39, 0.03);
  border-color: rgba(17, 24, 39, 0.08);
  box-shadow: 0 6px 14px rgba(17, 24, 39, 0.08);
}

.kti-zonnepanelen__card:not(.is-active):hover .kti-zonnepanelen__card-header,
.kti-zonnepanelen__card:not(.is-active):focus-visible .kti-zonnepanelen__card-header {
  border-bottom-color: rgba(17, 24, 39, 0.08);
}

.kti-zonnepanelen__card:not(.is-active):hover .kti-zonnepanelen__card-row,
.kti-zonnepanelen__card:not(.is-active):focus-visible .kti-zonnepanelen__card-row {
  border-bottom-color: rgba(17, 24, 39, 0.03);
}

.kti-zonnepanelen__card:not(.is-active):hover .kti-zonnepanelen__card-row:last-child,
.kti-zonnepanelen__card:not(.is-active):focus-visible .kti-zonnepanelen__card-row:last-child {
  border-bottom-color: transparent;
}

.kti-zonnepanelen__card.is-active {
  background: #fff;
  border-color: #f97316;
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.08), 0 0 0 2px rgba(249, 115, 22, 0.14);
}

.kti-zonnepanelen__card-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  border-bottom: 1px solid transparent;
}

.kti-zonnepanelen__card.is-active .kti-zonnepanelen__card-header {
  border-bottom-color: #eef0f3;
}

.kti-zonnepanelen__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  padding: 0 10px;
  border-radius: 12px;
  background: #eef0ea;
  color: #13222f;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}

.kti-zonnepanelen__title {
  display: block;
  color: #13222f;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
}

.kti-zonnepanelen__card-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 14px;
  color: #3a4653;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  border-bottom: 1px solid transparent;
}

.kti-zonnepanelen__card-row:last-child {
  border-bottom: 0;
}

.kti-zonnepanelen__card.is-active .kti-zonnepanelen__card-row {
  border-bottom-color: #f0f1f3;
}

.kti-zonnepanelen__card.is-active .kti-zonnepanelen__card-row:last-child {
  border-bottom-color: transparent;
}

.kti-zonnepanelen__card-row-label {
  display: none;
}

.kti-zonnepanelen__card-row-value {
  display: block;
}

/* Only the payback row of the active card gets the accent background */
.kti-zonnepanelen__card.is-active .kti-zonnepanelen__card-row--payback {
  background: #f97316;
  color: #fff;
  font-weight: 700;
}

@media (max-width: 980px) {
  .kti-zonnepanelen__layout {
    --kti-zp-header-h: 150px;
    --kti-zp-row-h: 76px;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .kti-zonnepanelen__labels {
    display: none;
  }

  .kti-zonnepanelen__cards {
    display: flex;
    flex-direction: row;
    grid-template-columns: none;
    gap: 14px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 14vw;
    padding: 12px 14vw 22px;
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .kti-zonnepanelen__cards::-webkit-scrollbar {
    display: none;
  }

  .kti-zonnepanelen__card {
    grid-template-rows: var(--kti-zp-header-h) auto auto auto;
    flex: 0 0 72vw;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  .kti-zonnepanelen__card:not(.is-active) {
    background: #fff;
    border-color: rgba(17, 24, 39, 0.08);
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.06);
  }

  .kti-zonnepanelen__card .kti-zonnepanelen__card-header {
    border-bottom-color: #eef0f3;
  }

  .kti-zonnepanelen__card .kti-zonnepanelen__card-row {
    border-bottom-color: #f0f1f3;
  }

  .kti-zonnepanelen__card .kti-zonnepanelen__card-row:last-child {
    border-bottom-color: transparent;
  }

  .kti-zonnepanelen__card:not(.is-active) .kti-zonnepanelen__card-row--payback {
    background: #f8f9fb;
    color: #3a4653;
    font-weight: 700;
  }

  .kti-zonnepanelen__card-row {
    justify-content: space-between;
    padding: 20px 22px;
    text-align: left;
    font-size: 17px;
  }

  .kti-zonnepanelen__card-row-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: inherit;
  }

  .kti-zonnepanelen__card.is-active .kti-zonnepanelen__card-row--payback,
  .kti-zonnepanelen__card.is-active .kti-zonnepanelen__card-row--payback .kti-zonnepanelen__card-row-label,
  .kti-zonnepanelen__card.is-active .kti-zonnepanelen__card-row--payback .kti-zonnepanelen__card-row-value {
    color: #fff;
  }
}

/* Keep Gravity Forms inside their parent section (prevents overflow in narrow columns) */
.gform_wrapper {
  max-width: 100%;
  min-width: 0;
}
.select-arrow {display:none !important;}