/* Groen maken van navigatiemenu */
.hc-offcanvas-nav .nav-content, 
.hc-offcanvas-nav .nav-content > ul > li, 
.hc-offcanvas-nav .nav-back-button, 
.hc-offcanvas-nav .nav-close-button {
    background-color: #036050 !important;
}

/* Aanpassen van de lijntjes tussen de opties in het navigatiemenu */
.hc-offcanvas-nav .nav-content > ul > li {
    border-top: 1px solid #036050 !important; /* Voor de bovenste lijn */
    border-bottom: 1px solid #036050 !important; /* Voor de onderste lijn */
    background: #036050 !important; /* Voor de achtergrond, indien nodig */
}

/* Achtergrondkleur bij hoveren veranderen naar #02C39A */
.hc-offcanvas-nav .nav-content > ul > li:hover {
    background-color: #036050 !important;
    border-top-color: #036050 !important; /* Als de lijn kleur ook moet veranderen bij hover */
    border-bottom-color: #036050 !important; /* Als de lijn kleur ook moet veranderen bij hover */
}

.hc-offcanvas-nav .nav-content > ul > li .nav-next {
    border-left: 1px solid #036050; /* Of welke border property dan ook wordt gebruikt */
}
.hc-offcanvas-nav .nav-close {
    border-bottom: 1px solid #036050; /* Of welke border property dan ook wordt gebruikt */
}

.wpcf7-form h3 {
    color: #036050;
		padding: 20px;
}
	

.submit-button.rh_btn.rh_btn--primary.rh-ultra-button {
  color: #ffffff; /* Witte tekst voor standaardtoestand */
}

.submit-button.rh_btn.rh_btn--primary.rh-ultra-button:hover {
  color: #02c39a; /* Kleur voor hovertoestand */
}



.elementor.elementor-366 a {
  color: #ffffff; /* Witte tekst voor standaardtoestand */
  text-decoration: none; /* Verwijdert standaard onderstreping */
  display: inline-block; /* Nodig om de pseudo-elementen correct te positioneren */
  position: relative; /* Stelt de link als referentiepunt voor de absolute positionering van pseudo-elementen */
}






/* Algemeen hover-effect voor links in de .elementor-366 */
.elementor.elementor-366 a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px; /* Hoogte van de onderstreping */
    background: #02C39A; /* Kleur van de onderstreping */
    transition: width 0.3s ease; /* Overgangseffect voor de breedte */
    position: absolute;
    bottom: -2px; /* Positie onder de tekst */
    left: 0;
}

.elementor.elementor-366 a:hover::after {
    width: 100%; /* Volle breedte bij hover */
}

/* Specifieke uitsluiting van onderstreping voor links met afbeeldingen */
.elementor.elementor-366 a.no-underline::after {
    display: none !important;
}

.elementor.elementor-366 a.no-underline:hover::after {
    display: none !important;
}





#mc_signup input[type="text"],
.widget_mailchimpsf_widget input[type="email"] {
  margin-bottom: 20px;
}

.mc_input {
  border-radius:5px; /* Maakt de hoeken van de invulvelden rond */
  border: none; /* Verwijdert de rand van de invulvelden */
}


.mc_form_inside label,
.widget_mailchimpsf_widget .mc_input {
  display: block;
  width: 90%;
  box-sizing: border-box;
}


#mc_signup_submit {
  border-radius: 50px;
  padding: 10px 30px;
  color: #02c39a;
  background-color: #ffffff;
  border: none;
}

#mc_signup_submit {
  transition: transform 0.3s ease; /* Gladde overgang voor de transform eigenschap */
}

#mc_signup_submit:hover {
  transform: scale(0.93); /* Verkleint de knop naar 90% van de oorspronkelijke grootte bij hover */
}

/*Vraag aan knoppen*/

.elementor.elementor-3326 h2,
.elementor.elementor-4335 h2,
.elementor.elementor-3832 h2 {
    color: white;
}


.elementor.elementor-3326 h6
 {
    color: white;
    background-color: #036050; 
    border-radius: 25px;
    padding: 20px;
    transition: transform 0.3s; 
}

.elementor.elementor-4335 h6
 {
    color: white;
    background-color: #036050; 
    border-radius: 25px;
    padding: 20px;
    transition: transform 0.3s; 
}

.elementor.elementor-3832 h6
 {
    color: white;
    background-color: #02c39a; 
    border-radius: 25px;
    padding: 20px;
    transition: transform 0.3s; 
}


.elementor.elementor-3326 h6:hover,
.elementor.elementor-4335 h6:hover,
.elementor.elementor-3832 h6:hover {
    transform: scale(0.95); 
}

.elementor.elementor-3326 a,
.elementor.elementor-4335 a,
.elementor.elementor-3832 a {
		color: white
}

   .cf7-split-name {
        display: flex;
        align-items: center;
    }

#aanvragen {
    position: relative;
    top: -80px; /* Pas dit aan naar het gewenste aantal pixels */
}

#aanvraag {
    position: relative;
    top: -80px; /* Pas dit aan naar het gewenste aantal pixels */
}


    .cf7-split-name label {
        flex-basis: auto;
}


/* Style voor de Contact Form 7 select dropdown */
.wpcf7-form-control.wpcf7-select {
    -webkit-appearance: none; /* Verwijdert standaardstijl in WebKit-browsers */
    -moz-appearance: none; /* Verwijdert standaardstijl in Firefox */
    appearance: none; /* Verwijdert standaardstijl */
    background-color: #ffff; /* Vervang deze kleur door de gewenste achtergrondkleur */
    color: #a9a9a9; /* Vervang deze kleur door de gewenste tekstkleur */
    border: 0px solid #ccc;
    border-radius: 25px; /* Afgeronde hoeken */
    padding: 15px; /* Voeg padding toe voor meer hoogte */
    font-size: 14px; /* Pas het lettertype aan indien nodig */
    width: 100%; /* Zorg ervoor dat het 100% van de beschikbare breedte inneemt */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optionele schaduw voor een mooi effect */
    background-image: none; /* Verwijdert eventuele achtergrondafbeeldingen */
}

/* Optionele hover effect */
.wpcf7-form-control.wpcf7-select:hover {
    background-color: #e0f7fa; /* Vervang deze kleur door de gewenste hover achtergrondkleur */
}