/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/




html {
  margin:0;
  padding:0;
  overflow-x:hidden;
}

/* Werken bij Counter */
.bb-vacature-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 20px;             /* pas aan indien groter/kleiner moet */
    height: 20px;
    border-radius: 50%;

    background: #6CCD3D;     /* jouw groene kleur */
    color: #ffffff;

    font-family: var(--e-global-typography-65aa1df-font-family), Sans-serif;
    font-size: var(--e-global-typography-65aa1df-font-size);
    font-weight: var(--e-global-typography-65aa1df-font-weight);
    text-transform: var(--e-global-typography-65aa1df-text-transform);
    letter-spacing: var(--e-global-typography-65aa1df-letter-spacing);

    line-height: 2;          /* zorgt dat het mooi rond blijft */
    margin-left: 6px;        /* ruimte tussen “Werken bij” en badge */
}

span.bb-vacature-count-badge {
    top: -6px;
    position: absolute;
    right: -6px;
}

a.jet-listing-dynamic-terms__link[href*="verkocht-onder-voorbehoud"] {
    display: none;
}

/* BG Blur */
#bg-blur {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); /* Safari support */
}


/* Gravity Forms */
/* ================================
   GRAVITY FORMS — GLOBAL CLEAN UI
   ================================ */

/* Velden */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper select,
.gform_wrapper textarea {
  background: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 24px 20px;
  font-size: 15px;
  line-height: 1.4;
  color: #1f2937;
  box-shadow: none;
  width: 100%;
}

/* Focus */
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  outline: 1px solid #11b6eb;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.12);
}

/* Placeholder */
.gform_wrapper ::placeholder {
  color: #9ca3af;
}


/* --- SPACING: dit is de echte sleutel --- */
/* GF gebruikt grid -> dus row-gap sturen */
.gform_wrapper .gform_fields {
  row-gap: 16px !important;
}

/* Complex fields (Voornaam/Achternaam) horizontale gap */
.gform_wrapper .ginput_complex {
  gap: 16px !important;
}

/* Geen extra margins die het ritme verpesten */
.gform_wrapper .gfield {
  margin: 0 !important;
}

/* Checkbox */
.gform_wrapper input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border-radius: 4px;
}

.gform_wrapper .gfield_checkbox label {
  font-size: 14px;
  color: #4b5563;
}

/* Footer + button */
.gform_wrapper .gform_footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 16px;
  padding-top: 0;
}

.gform_wrapper .gform_button {
  background: #1d4ed8;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease;
}

.gform_wrapper .gform_button:hover {
  background: #1e40af;
}

.gform-theme--foundation #field_submit input[type=submit][id*=gform_submit_button_].gform-button--width-full {
    inline-size: 100% !important;
    background-color: #11b6eb !important;
    border-radius: 12px !important;
	padding: 12px 20px;
}

.ginput_container.ginput_container_checkbox {
    padding-top: 8px;
}

.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .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 *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    border: none!important;
    border-radius: 8px!important;
    padding: 24px 20px!important;
}

.gform_wrapper input[type="checkbox"] {
    padding: 8px!important;
	border-radius: 6px!important;
}

.gform_wrapper .gfield_checkbox label {
    font-size: 12px!important;
	color: var(--e-global-color-text)!important;
}

.gform-theme--foundation #field_submit input[type=submit][id*=gform_submit_button_].gform-button--width-full {
    padding: 13px 20px !important;
}


/* Hele fileupload container 100% breedte */
.gform_wrapper .ginput_container_fileupload {
  width: 100%;
}

/* Het input veld als flex container centreren */
.gform_wrapper input[type="file"] {
  width: 100%;
	min-width: 100%;
  height: 64px;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;
  font-size: 11px;
  padding: 0;
  cursor: pointer;
}

/* Zorg dat de interne tekst gecentreerd blijft */
.gform_wrapper input[type="file"]::-webkit-file-upload-button {
  margin: 0 10px 0 0;
}

.gform_wrapper input[type="file"]::file-selector-button {
  margin: 0 10px 0 0;
}

/* Gravity field zelf ook volle breedte */
.gform_wrapper .gfield--type-fileupload {
  width: 100%;
}

/* Beschrijving netjes onder het veld */
.gform_wrapper .gfield_description {
  width: 100%;
  margin-top: 8px;
}


.gform_confirmation_wrapper, .gform_confirmation_message {
    border-radius: 12px;
    margin: 0px;
    color: #16153f!important;
}

.gform_confirmation_message {
    border: 1px solid #11b6eb!important;
}


.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    --gf-local-bg-color: #11b6eb!important;
}

.gform_confirmation_message {
    border-radius: 12px!important;
}