/********* Compiled - Do not edit *********/
:root{--color-primary:#6366f1;--color-gradient-start:#6366f1;--color-gradient-stop:#6366f1;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:Poppins;font-weight:400;line-height:1.7em;font-size:17px;color:#000000;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Poppins;font-weight:500;line-height:1.2em;font-size:52px;color:#000000;}.h2,h2{font-family:Poppins;font-weight:500;line-height:1.2em;font-size:40px;color:#000000;}.h3,h3{font-family:Poppins;font-weight:500;line-height:1.2em;font-size:32px;color:#000000;}.h4,h4{font-family:Poppins;font-weight:500;line-height:1.2em;font-size:25px;color:#000000;}.h5,h5{font-family:Poppins;font-weight:500;line-height:1.2em;font-size:21px;color:#000000;}.h6,h6{font-family:Poppins;font-weight:500;line-height:1.2em;font-size:18px;color:#000000;}.titlebar-inner h1{}.titlebar-inner p{}#content{background-color:#f6f6f6;}@media ( min-width: 1200px ){.main-header .is-stuck{background:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(0, 0, 0) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(0, 0, 0) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(0, 0, 0) !important;}}/* VOOR TRIMTAILOR OP 18 MAART 2025 */

/* ALGEMEEN */

.btn {
  border-radius: 8px !important;
}

.btn-txt {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: inherit; /* Keeps the text color consistent with surrounding content */
}




@media (min-width: 992px) { .headertrim { border-radius: 15px; display: table; margin: 20px auto; } }


.main-nav .link-txt > a,
.main-nav .link-txt > a:hover,
.main-nav .link-txt > a:focus,
.main-nav .link-txt > a:active {
  color: #000 !important;
}












.main-header {
    background-color: #F6F6F6;
}


.wpb-content-wrapper {
    background-color: #F6F6F6;
}

/* HOME */

.iconboxgroen {
  background-color: #5bcb83; /* Lichtgroene achtergrondkleur */
  border-radius: 8px;         /* Zachtere afgeronde hoeken */
  padding: 10px 14px 10px 44px; /* Extra padding aan beide kanten */
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #FFF;             /* Donkergroene tekstkleur */
  
}

.iconboxgroen::before {
  content: "";
  background-image: url('../../uploads/2025/03/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  filter: invert(100%) brightness(100%);
}










.bovensterij {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 100%; /* Defined width */
  max-width: 100%; /* Maximum width */
  box-sizing: border-box; /* Include padding in width calculation */
  /* Force the container to have a specific right boundary */
  right: 0;
  /* Make sure the container doesn't expand */
  padding: 0;
  margin: 0;
}

.frontpagepic {
  position: relative;
  top: 230px;
  left: 70px;
  z-index: 5;
  /* Important: don't allow the image to force the container wider */
  max-width: none;
  /* Make sure the image renders at its natural size */
  width: auto;
}








.rijophome li {
    list-style: none;
    position: relative;
    padding-left: 24px; /* Ruimte voor het icoon */
}

.rijophome li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px; /* Icoon verticaal centreren */
    width: 16px;
    height: 16px;
    background-image: url('../../uploads/2025/03/circle-small.svg');
    background-size: contain;
    background-repeat: no-repeat;
}




/* FAQ */

.vc_toggle_title {
    background-color: #e5aa2a;
    border-radius: 15px;
    padding: 10px;
    padding-left: 30px;
    color: black;
    transition: border-radius 0.2s ease;
}


@media (max-width: 768px) {
  .vc_toggle_icon {
    display: none !important;
  }
}













/* Verwijder afgeronde onderhoeken wanneer de toggle actief is */
.vc_toggle_active .vc_toggle_title {
    border-radius: 15px 15px 0 0;
}









.vc_toggle_content {
    background-color: white;
    border: 2px #e5aa2a;
    border-radius: 0 0 15px 15px; /* Alleen onder afgeronde hoeken */
    padding: 20px;
    margin-top: -4px; /* Zorgt dat het tegen de titel aansluit zonder ruimte */
}




.vc_toggle_title {
    position: relative;
}







.vc_toggle_icon {
    position: absolute;
    right: 30px; /* Afstand vanaf de rechterkant */
    top: 50%;
    transform: translateY(-50%); /* Verticaal centreren */
}






/* PRIJZEN */


.prijs {
    padding: 12px;
    border: 2px solid white; /* Witte rand van 1px */
    border-radius: 999px; /* Zorgt voor een 'pill' vorm */
    display: inline-block; /* Zorgt dat het element zich aanpast aan de inhoud */
}

.rijprijzen li {
    display: flex;
    align-items: center; /* Verticaal centreren */
    justify-content: center; /* Horizontaal centreren */
    gap: 10px; /* Ruimte tussen het icoon en de tekst */
}

.rijprijzen li::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url('../../uploads/2025/03/circle-check-big.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(1);
    flex-shrink: 0; /* Voorkomt dat het icoon verkleind wordt */
}
















/* Base Styling for All Response Outputs */
.wpcf7-response-output {
  padding: 10px;
  border-radius: 5px; /* Rounded Corners */
  margin-bottom: 20px;
  color: white; /* White text color */
}

/* Success Message Styling */
.wpcf7 form.sent .wpcf7-response-output {
  background-color: #398439; /* Dark Green Background */
  border: 2px solid #398439; /* Dark Green Border */
}

/* Error Message Styling for various form states like invalid, unaccepted, or payment-required */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  background-color: #a94442; /* Dark Red Background */
  border: 2px solid #a94442; /* Dark Red Border */
}