.elementor-kit-166{--e-global-color-primary:#303030;--e-global-color-secondary:#ACACAC;--e-global-color-text:#303030;--e-global-color-accent:#D8CDA7;--e-global-color-b6fa767:#F2F1EC;--e-global-color-429157e:#B7AA85;--e-global-color-f4ad7db:#A28C4D;--e-global-color-ee2d1f8:#CDCBC3;--e-global-color-60daf86:#FFFFFF;--e-global-color-3ab8609:#21201F;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Barlow";--e-global-typography-secondary-font-size:1.3rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:2rem;--e-global-typography-secondary-letter-spacing:0.1rem;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:1.125rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.5rem;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:0.95rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.5rem;--e-global-typography-accent-letter-spacing:0.1rem;--e-global-typography-6fb3aff-font-family:"Outfit";--e-global-typography-6fb3aff-font-size:0.875rem;--e-global-typography-6fb3aff-font-weight:400;--e-global-typography-6fb3aff-text-transform:uppercase;--e-global-typography-6fb3aff-letter-spacing:0.1rem;--e-global-typography-054466c-font-family:"Outfit";--e-global-typography-054466c-font-size:2.5rem;--e-global-typography-054466c-font-weight:300;--e-global-typography-054466c-font-style:normal;--e-global-typography-054466c-line-height:2.8rem;--e-global-typography-054466c-letter-spacing:0rem;--e-global-typography-bba7a0c-font-family:"Barlow";--e-global-typography-bba7a0c-font-size:1.3rem;--e-global-typography-bba7a0c-font-weight:500;--e-global-typography-bba7a0c-text-transform:uppercase;--e-global-typography-bba7a0c-line-height:2rem;--e-global-typography-bba7a0c-letter-spacing:0.1rem;--e-global-typography-44c2479-font-family:"Outfit";--e-global-typography-44c2479-font-size:0.75rem;--e-global-typography-44c2479-font-weight:400;--e-global-typography-44c2479-text-transform:uppercase;--e-global-typography-44c2479-line-height:1.5rem;--e-global-typography-44c2479-letter-spacing:0.125rem;--e-global-typography-8eb65f9-font-family:"Outfit";--e-global-typography-8eb65f9-font-size:0.62rem;--e-global-typography-8eb65f9-font-weight:400;--e-global-typography-8eb65f9-text-transform:uppercase;--e-global-typography-8eb65f9-line-height:1.5rem;--e-global-typography-8eb65f9-letter-spacing:0.125rem;--e-global-typography-35e6b99-font-family:"Outfit";--e-global-typography-35e6b99-font-size:0.563rem;--e-global-typography-35e6b99-font-weight:400;--e-global-typography-35e6b99-text-transform:uppercase;--e-global-typography-35e6b99-letter-spacing:0.125rem;--e-global-typography-19e9950-font-family:"Outfit";--e-global-typography-19e9950-font-size:2.3rem;--e-global-typography-19e9950-font-weight:300;--e-global-typography-19e9950-font-style:normal;--e-global-typography-19e9950-line-height:2.7rem;--e-global-typography-19e9950-letter-spacing:0rem;--e-global-typography-4cdd6fc-font-family:"Outfit";--e-global-typography-4cdd6fc-font-size:1rem;--e-global-typography-4cdd6fc-font-weight:300;--e-global-typography-4cdd6fc-text-transform:uppercase;--e-global-typography-4cdd6fc-font-style:normal;--e-global-typography-4cdd6fc-line-height:1.5rem;--e-global-typography-4cdd6fc-letter-spacing:0px;--e-global-typography-c2aac05-font-family:"Outfit";--e-global-typography-c2aac05-font-size:2rem;--e-global-typography-c2aac05-font-weight:300;--e-global-typography-c2aac05-font-style:normal;--e-global-typography-c2aac05-line-height:2.8rem;--e-global-typography-c2aac05-letter-spacing:0rem;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-166 button,.elementor-kit-166 input[type="button"],.elementor-kit-166 input[type="submit"],.elementor-kit-166 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-60daf86 );background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);border-radius:0px 0px 0px 0px;padding:14px 40px 14px 40px;}.elementor-kit-166 button:hover,.elementor-kit-166 button:focus,.elementor-kit-166 input[type="button"]:hover,.elementor-kit-166 input[type="button"]:focus,.elementor-kit-166 input[type="submit"]:hover,.elementor-kit-166 input[type="submit"]:focus,.elementor-kit-166 .elementor-button:hover,.elementor-kit-166 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-60daf86 );background-image:linear-gradient(180deg, var( --e-global-color-f4ad7db ) 0%, var( --e-global-color-f4ad7db ) 100%);}.elementor-kit-166 e-page-transition{background-color:#FFBC7D;}.elementor-kit-166 h1{font-family:var( --e-global-typography-054466c-font-family ), Sans-serif;font-size:var( --e-global-typography-054466c-font-size );font-weight:var( --e-global-typography-054466c-font-weight );font-style:var( --e-global-typography-054466c-font-style );line-height:var( --e-global-typography-054466c-line-height );letter-spacing:var( --e-global-typography-054466c-letter-spacing );}.elementor-kit-166 h2{font-family:var( --e-global-typography-054466c-font-family ), Sans-serif;font-size:var( --e-global-typography-054466c-font-size );font-weight:var( --e-global-typography-054466c-font-weight );font-style:var( --e-global-typography-054466c-font-style );line-height:var( --e-global-typography-054466c-line-height );letter-spacing:var( --e-global-typography-054466c-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-166{--e-global-typography-054466c-font-size:2.4rem;--e-global-typography-054466c-line-height:2.5rem;--e-global-typography-19e9950-font-size:1.5rem;--e-global-typography-19e9950-line-height:1.8rem;--e-global-typography-4cdd6fc-font-size:0.8rem;--e-global-typography-c2aac05-font-size:2rem;--e-global-typography-c2aac05-line-height:2.5rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-166 h1{font-size:var( --e-global-typography-054466c-font-size );line-height:var( --e-global-typography-054466c-line-height );letter-spacing:var( --e-global-typography-054466c-letter-spacing );}.elementor-kit-166 h2{font-size:var( --e-global-typography-054466c-font-size );line-height:var( --e-global-typography-054466c-line-height );letter-spacing:var( --e-global-typography-054466c-letter-spacing );}.elementor-kit-166 button,.elementor-kit-166 input[type="button"],.elementor-kit-166 input[type="submit"],.elementor-kit-166 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-166{--e-global-typography-054466c-font-size:2.1rem;--e-global-typography-054466c-line-height:2.2rem;--e-global-typography-44c2479-line-height:1.5rem;--e-global-typography-8eb65f9-line-height:1rem;--e-global-typography-19e9950-font-size:1.2rem;--e-global-typography-19e9950-line-height:1.4rem;--e-global-typography-4cdd6fc-font-size:0.6rem;--e-global-typography-c2aac05-font-size:1.8rem;--e-global-typography-c2aac05-line-height:2.2rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-166 h1{font-size:var( --e-global-typography-054466c-font-size );line-height:var( --e-global-typography-054466c-line-height );letter-spacing:var( --e-global-typography-054466c-letter-spacing );}.elementor-kit-166 h2{font-size:var( --e-global-typography-054466c-font-size );line-height:var( --e-global-typography-054466c-line-height );letter-spacing:var( --e-global-typography-054466c-letter-spacing );}.elementor-kit-166 button,.elementor-kit-166 input[type="button"],.elementor-kit-166 input[type="submit"],.elementor-kit-166 .elementor-button{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-nav-menu--layout-horizontal .elementor-nav-menu{
  --e-nav-menu-horizontal-menu-item-margin: clamp(0.70rem, 1.2vw, 2.5rem) !important;
}
@media screen and (max-width: 768px) {
    .mbr {
    display: none;
}
}
/* optioneel: blokkeer scrollbars visueel tijdens menu-open */
body.menu-open { touch-action: none; overscroll-behavior: none; }

.grecaptcha-badge { 
    visibility: hidden !important;
}

/*/// body ///*/
.menu .elementor-nav-menu--main .elementor-item:focus,
.menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: #FFFFFF90;
  fill: #FFFFFF90;
  font-weight: 500 !important;
}
.elementor-nav-menu .sub-arrow {
display: none !important;
}

.elementor-kit-166 .elementor-nav-menu .current-menu-ancestor > a { color: #B57153 !important;font-weight: 500 !important;}
.elementor-kit-166 .elementor-nav-menu .current-post-parent > a {color:#B57153 !important;
    font-weight: 500 !important;
}
@media screen and (max-width: 768px) {
.elementor-kit-166 .elementor-nav-menu .current-menu-ancestor > a { color: #272624 !important;font-weight: 500 !important;
    background-color: #F7F2EC;
}
.elementor-kit-166 .elementor-nav-menu .current-post-parent > a {color:#B57153 !important;
    font-weight: 500 !important;
}
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
strong, b {
    font-weight: 600 !important;
}

hr {
    margin-top: 50px !important;
    border-style: solid;
    border-width: 1px !important;
    border-color: #00000030;
}
.button .elementor-button {
    text-align: left;
}

.button {
    text-decoration: none;
    padding-bottom: 20px !important;
    text-align: left !important;
}

.button:after {
    text-align: left !important;
    content: '';
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100px; /* Adjust the width of the underline here */
    height: 1px;
    background-color: #00000050;
    transition: width 0.3s;
  }
.button:hover:after {
    text-align: left !important;
      background-color: #00000050;
      width: 80px; /* Adjust the width of the underline here */
}
.button-gecentreerd {
    text-decoration: none;
    padding-bottom: 20px !important;
}
.button-gecentreerd:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    width: 100px; /* Adjust the width of the underline here */
    height: 1px;
    background-color: #00000050;
    transition: width 0.3s;
  }
.button-gecentreerd:hover:after {
      background-color: #00000050;
      width: 80px; /* Adjust the width of the underline here */
}

.button-gecentreerd-wit {
    text-decoration: none;
    padding-bottom: 20px;
}
.button-gecentreerd-wit:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    width: 100px; /* Adjust the width of the underline here */
    height: 1px;
    background-color: #ffffff50;
    transition: width 0.3s;
  }
.button-gecentreerd-wit:hover:after {
      background-color: #ffffff50;
      width: 80px; /* Adjust the width of the underline here */
}

.buttonrechts .elementor-button {
    text-align: right;
}

.buttonrechts {
    text-decoration: none;
    padding-bottom: 20px;
    text-align: right !important;
}

.buttonrechts:after {
    text-align: right !important;
    content: '';
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 100px; /* Adjust the width of the underline here */
    height: 1px;
    background-color: #ffffff50;
    transition: width 0.3s;
  }
.buttonrechts:hover:after {
    text-align: right !important;
      background-color: #ffffff50;
      width: 80px; /* Adjust the width of the underline here */
}
.tekst strong {
    color: #00000099;
}
.tekst.wit strong {
    color: #ffffff90 !important;
}
.tekst a {
    color: #000;
}
.tekst a:hover {
    color: #48483e;
    text-decoration: underline;
}
.tekst h2 {
    margin-top: 10px;
}
.tekst h3 {
    margin-top: 40px;
    font-size: 1.5rem;
    color: #887A61;
    font-weight: 300;
}
.tekst h4 {
    margin-top: 30px;
    font-size: 1.3rem;
    font-weight: 600 !important;
}
.tekst p {
    margin-bottom: 20px !important;
}
.tekst a {
    color: #B57153; /* Default text color */
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-weight: bold;
}

.tekst a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #00000040; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.tekst a:hover {
    color: #00000080; /* Hover text color */
}

.tekst a:hover::after {
    width: 100%; /* Full width on hover */
}

.tekst ul {
    margin-bottom: 25px;
    padding-left: 0px !important;
}
.tekst ul li {
  list-style: none;
  position: relative;
  padding-left: 50px;
  border-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  break-inside: avoid; /* Prevents splitting list items between columns */
}
.tekst ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 30px;
  height: 18px;
  background-image: url('https://val-verde.be/wp-content/uploads/2026/06/right-arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.wit h2 {
    color: #fff;
}
.wit a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff50; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.back .elementor-icon {
    padding-right:20px;
}

/*/// contact ///*/

textarea.elementor-field-textual {
    margin-top:20px;
    border-width: 2px !important;
}

.elementor-message.elementor-message-danger:before {
content: "\2192";
}

/*/// footer ///*/


.socials div, .socials p {
    margin: 0px !important;
}
.socials a {
    color: #000; /* Default text color */
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.socials a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #ffffff50; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}
.socials .elementor-icon {
    color: #279289; /* Default text color */
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.socials .elementor-icon::after{
    background-color: #ffffff !important; 
    height: 0px !important;
}
.socials a:hover {
    color: #fff; /* Hover text color */
}

.socials a:hover::after {
    width: 100%; /* Full width on hover */
}
.adres a {
    color: #000; /* Default text color */
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.adres a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #00000050; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.adres a:hover {
    color: #012D13; /* Hover text color */
}

.adres a:hover::after {
    width: 100%; /* Full width on hover */
}
.credits a {
    color: #000;
}
.credits1 a {
    color: #4D4942; 
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.credits1 a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #4D494250; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.credits1 a:hover {
    color: #000; /* Hover text color */
}

.credits1 a:hover::after {
    width: 100%; /* Full width on hover */
}


.credits2, .credits2 a {
    color: #00000050 !important;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.credits2 a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0; /* Start with no underline */
    height: 1px; /* Thickness of the underline */
    background-color: #00000050; /* Underline color */
    transition: width 0.3s ease; /* Smooth animation */
}

.credits2 a:hover {
    color: #012D13; /* Hover text color */
}

.credits2 a:hover::after {
    width: 100%; /* Full width on hover */
}

.headerfoto img {
    background-size: cover !important;
}

/* Algemene instellingen */
.parent-container {
    display: flex;
    flex-direction: column;
    text-decoration: none; /* Verwijder onderlijnen op links */
    color: inherit; /* Behoud tekstkleur */
}

/* Eerste container met de achtergrondafbeelding */
.first-container {
    width: 100%;
    height: 70%;
    overflow: hidden;
    position: relative; /* Zorgt ervoor dat hoverblok correct wordt gepositioneerd */
    background: no-repeat center center;
    background-size: cover;
}

/* Hoverblok dat verschijnt */
.hoverblok {
    width: 100%;
    height: 100%;
    background: #00000040;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* Begin verborgen */
    transition: opacity 0.8s ease-in-out;
    font-size: 1.5em;
}

/* Tekst die binnenkomt */
.hoverblok-tekst {
    transform: translateY(20px); /* Startpositie: 20px naar beneden */
    opacity: 0; /* Begin onzichtbaar */
    transition: opacity 0.8s ease, transform 0.8s ease; /* Overgang voor fading en beweging */
}

/* Tweede container met tekst */
.second-container {
    width: 100%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
}

/* Hover-effect op parent-container */
.parent-container:hover .hoverblok {
    opacity: 1; /* Maakt de overlay zichtbaar */
}
.parent-container:hover .hoverblok-tekst {
    opacity: 1; /* Tekst wordt zichtbaar */
    transform: translateY(0); /* Verplaatst de tekst omhoog naar originele positie */
}

/* Hover-effect op second-container */
.second-container:hover .titel {
    color: #00000080;
}

.second-container:hover .locatie {
    color: #00000080;
}

.diensten h2 {
    font-weight: 500 !important;
    font-size: 0.9rem;
}

.elementor-cta__bg-overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 0.6) 90%
  ) !important;
  opacity: 1 !important;
}

/* Container transparant laten */
.menu1,
.menu1 .elementor-nav-menu { 
  background: #FCFAF8 !important;
}

.contactform .elementor-button {
    background-image: none;
}
.foto-vierkant img {
    aspect-ratio: 1 / 1;
    background-size: cover;
}
#header2 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: transform .25s ease, opacity .25s ease;
}

/* zichtbaar */
#header2.show {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* GEEN vaste padding meer op main/body! 
   Alleen wanneer sticky actief is: */
:root { --h2: 72px; }            /* fallback */
body.sticky-active main { 
  padding-top: var(--h2);
}


/* ---- STICKY HEADER (desktop & mobile) ---- */

#header3,
#header3m {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  z-index: 9999 !important;

  /* Verborgen toestand */
  transform: translateY(-130%) !important;
  opacity: 0 !important;
  pointer-events: none !important;

  /* animatie */
  transition: transform .25s ease, opacity .25s ease !important;

  background: #fff; /* of jouw kleur */
}

/* Zichtbaar wanneer .show wordt toegevoegd */
#header3.show,
#header3m.show {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}/* End custom CSS */