/* Global form styling, gravity , woocommerce */
.form-control, .form-select,
.gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select),
.woocommerce :is(input:not([type=checkbox], [type=radio]), textarea, select) { font-family: var(--wpb-font-primary); --p: 0 1.6rem; --br: .6rem; --border: 1px solid #ccc; --focus-border: 1px solid var(--clr-primary); min-height: 4.8rem!important; border: var(--border); border-radius: var(--br); transition: border-color var(--ts-15) ease; font-weight: 500; padding: var(--p); }

.form-control:focus, .form-select:focus,
.gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select):focus,
.woocommerce :is(input:not([type=checkbox], [type=radio]), textarea, select):focus { border: var(--focus-border); outline: none; }

.gform_wrapper.gravity-theme .gfield textarea, textarea { padding-block: 1.4rem; }

/* Gravity Form : heading */
.gform_wrapper .gform_required_legend { display: none; }

/* Gravity Form : body */
.gform_wrapper.gravity-theme .gform_fields { --gap: 2rem; grid-column-gap: var(--gap); grid-row-gap: var(--gap); }
.gform_wrapper.gravity-theme .gfield_label { font-weight: 800; margin-bottom: .5rem!important; display: block; margin: 0; }
.gform_wrapper .ginput_container_textarea { display: flex; } 
.gform_ajax_spinner { width: 3rem; margin-left: 2rem; }

/* Gravity Form : footer */
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer { margin: 0; padding-bottom: 0; }
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { margin: 0; }

.gform_wrapper .gform_footer p { font-size: 1.4rem; color: var(--clr-text); line-height: 1.2; display: flex; align-items: center; column-gap: .8rem; margin-left: 1rem;}  
.gform_wrapper .gform_footer p img { width: 2rem; height: 2rem; }
.gform_wrapper .gform_footer button { white-space: nowrap }
.gform_wrapper .gform_footer button .wpb-icon { --clr: #fff;  --w: 1.4rem; --h: 1.4rem; }

@media (min-width: 641px) {
    .gform_wrapper .gform_footer { display: grid!important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
}

/* Gravity Form : Errors */
.gform_wrapper.gravity-theme .gfield_description { display: none; }
.gform_wrapper.gravity-theme .gform_validation_errors { background-color: #c02b0a; padding: 1.6rem 2rem; } 
.gform_wrapper.gravity-theme .gform_validation_errors h2 { color: #fff; }
.gform_confirmation_message { background-color: #549A1E; padding: 1.6rem 2rem; border-radius: 0.8rem; color: #fff; }


.gform_sub_heading { font-size: 2.2rem; font-weight: 800; display: flex; align-items: center; column-gap: 1rem; } 
.gform_sub_heading::before { content: attr(data-step); display: inline-block; width: 3.6rem; height: 3.6rem; min-width: 3.6rem; border-radius: 50%; text-align: center; background-color: var(--clr-primary); color: #fff; font-size: 1.8rem; line-height: 3.6rem; font-weight: 800; }

.gform_sub_heading:not([data-step="1"]) { margin-top: 3.2rem; }

.gform_alert { font-size: 1.5rem; line-height: 1.3; font-weight: 700; display: flex; align-items: center; column-gap: 1rem; padding: 1.6rem 2rem; background-color: var(--clr-primary-light); border-radius: .8rem; }
.gform_alert .wpb-icon { --w: 1.8rem; --h: 1.8rem; --clr: var(--clr-primary); }



/* Gravity frosm custom radios */
.gform_wrapper.gravity-theme .gfield-choice-input+label { display: flex!important; max-width: 100%!important; }
.gform-custom-radios .gfield_radio { display: flex!important; }
.gform-custom-radios .gfield_radio .gchoice { width: 100%; }
.gform-custom-radios .gfield_radio .gchoice label { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 900; font-size: 1.8rem; line-height: 1; width: 100%; height: 100%; max-width: 100%; cursor: pointer; border: 2px solid var(--clr-border); padding: 3.2rem 2rem; text-align: center; transition: border-color var(--ts-15) ease-in-out; }
.gform-custom-radios .gfield_radio .gchoice input:checked + label::after,
.gform-custom-radios .gfield_radio .gchoice label::before { --src: ''; content: ''; width: 8.5rem; height: 4.4rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; margin-bottom: 1.4rem; background-color: rgba(var(--clr-dark-rgb), .5); transition: background-color var(--ts-15) ease-in-out; }
.gform-custom-radios .gfield_radio .gchoice label::after { position: absolute; top: 1.6rem; right: 1.6rem; }
.gform-custom-radios .gfield_radio .gchoice:nth-child(1) label { border-top-left-radius: .6rem; border-bottom-left-radius: .6rem; }
.gform-custom-radios .gfield_radio .gchoice:nth-last-child(1) label { border-top-right-radius: .6rem; border-bottom-right-radius: .6rem; }
.gform-custom-radios .gfield_radio .gchoice input { position: absolute; left: -9999rem; opacity: 0; }
.gform-custom-radios .gfield_radio .gchoice input:checked + label { border-color: var(--clr-primary); z-index: 1; }
.gform-custom-radios .gfield_radio .gchoice input:checked + label::before { background-color: var(--clr-primary); }
.gform-custom-radios .gfield_radio .gchoice input:checked + label::after { --src: url('/wp-content/themes/actuelerentestanden/assets/icons/icon-check-circle.svg'); width: 1.9rem; height: 1.9rem; background-color: var(--clr-primary); }
.gform-custom-radios .gfield_radio .gchoice + .gchoice { margin-left: -2px; }

.gform-custom-radios .gfield_radio .gchoice [value="koopwoning"] + label::before { --src: url('/wp-content/themes/actuelerentestanden/assets/gform/gform_option_koopwoning.svg'); }
.gform-custom-radios .gfield_radio .gchoice [value="huurwoning"] + label::before { --src: url('/wp-content/themes/actuelerentestanden/assets/gform/gform_option_huurwoning.svg'); }
.gform-custom-radios .gfield_radio .gchoice [value="inwonend-kamers"] + label::before { --src: url('/wp-content/themes/actuelerentestanden/assets/gform/gform_option_inwonend.svg'); }
.gform-custom-radios .gfield_radio .gchoice [value="vast_contract"] + label::before { --src: url('/wp-content/themes/actuelerentestanden/assets/gform/gform_option_vast_contract.svg'); }
.gform-custom-radios .gfield_radio .gchoice [value="tijdelijk_contract"] + label::before { --src: url('/wp-content/themes/actuelerentestanden/assets/gform/gform_option_tijdelijk_contract.svg'); }
.gform-custom-radios .gfield_radio .gchoice [value="anders"] + label::before { --src: url('/wp-content/themes/actuelerentestanden/assets/gform/gform_option_anders.svg'); }

#gform_2 .gfield--width-third { grid-column: span 6!important; }

/* Select2 */

/* .select2-container { --p: 1.1rem 1.6rem; --br: 1rem; --hover-clr: 255,255,255; --hover-bg: 0,0,0,.5; --highlighted-color: 255,255,255; --highlighted-bg: var(--clr-primary); }
.select2-container .select2-selection--single { border-color: var(--clr-border); border-radius: var(--br); margin: 0; padding: 0; height: auto!important; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; font-size: 1.6rem; }
.select2-container .select2-selection--single .select2-selection__arrow { height: 100%; }
.select2-container--open .select2-dropdown { border-color: var(--clr-border); overflow: hidden;}
.select2-container--open .select2-dropdown--top { border-radius: var(--br) var(--br) 0 0; }
.select2-container--open .select2-dropdown--below { border-radius: 0 0 var(--br) var(--br); }
.select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--clr-border); }
.select2-container--open .select2-dropdown--below .select2-search__field, .select2-container--open .select2-dropdown--above .select2-search__field { border-color: var(--clr-border); border-radius: var(--br); font-size: 1.4rem; height: auto; padding: 0 0.8rem; min-height: 4rem; }
.select2-container .select2-results__option { font-size: 1.6rem; }
.select2-container .select2-results__option[data-selected=true] { background-color: rgba(var(--hover-bg)); color: rgba(var(--hover-clr)); }
.select2-container .select2-results__option.select2-results__option--highlighted { background-color: rgba(var(--highlighted-bg)); color: rgba(var(--highlighted-color)); } */

.dropdown-wrapper { display: block; }

/* Form label */
.form-label { font-size: 1.5rem; margin-bottom: 0; font-weight: 700; width: 100%; }

/* Form switch */
.form-switch { padding-left: 2.5em; }
.form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position var(--ts-15) ease; }
.form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

/* Form check */
.form-check-input, .gfield_radio input, .gfield_checkbox input, .woocommerce-form__label input, .woocommerce-shipping-methods input { width: 2rem; height: 2rem; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid var(--clr-border); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-check-input[type=checkbox], .gfield_radio input, .gfield_checkbox input, .woocommerce-form__label [type="checkbox"] { border-radius: 0.35em; }
.form-check-input[type=radio], .gfield_radio input, .woocommerce-shipping-methods input[type=radio] { border-radius: 50%; }
.form-check-input:checked, .gfield_radio input:checked, .gfield_checkbox input:checked, .woocommerce-form__label input:checked, .woocommerce-shipping-methods input:checked { --check-bg-clr: var(--clr-primary); --check-border-color: var(--clr-primary); background-color: var(--check-bg-clr); border-color: var(--check-border-color); }
.form-check-input:checked[type=radio], .gfield_radio input:checked, .woocommerce-shipping-methods input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); background-size: 12px; }
.form-check-input:checked[type=checkbox], .gfield_checkbox input:checked, .woocommerce-form__label [type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: .5; }

/* Form control */
.form-control { display: block; width: 100%; padding: var(--p); font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.form-control:focus { color: #212529; background-color: #fff; border-color: #000; outline: 0; }

/* Form select */
.form-select-wrapper { position: relative; display: grid; grid-template-areas: "select";}  
.form-select-wrapper:not(.form-select-wrapper--bordered) label,
.form-select-wrapper:not(.form-select-wrapper--bordered) select { grid-area: select; }
.form-select-wrapper::after { --src: url('/wp-content/themes/actuelerentestanden/assets/icons/fa/solid/chevron-down.svg'); content: ''; display: block; width: 1.4rem; height: 1.4rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: var(--clr-text); -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.form-select-wrapper:not(.form-select-wrapper--bordered) label { pointer-events: none; z-index: 1; font-size: 1.3rem; opacity: .8; }
.form-select-wrapper:not(.form-select-wrapper--bordered) select { cursor: pointer; line-height: 1; --border: none; --focus-border: none; font-size: 1.8rem; font-weight: 700; border: none; border-radius: 0; padding: 1.2rem 0 0 0; }
.form-select-wrapper select::-ms-expand { display: none; } 

.form-select { font-weight: 500; -webkit-appearance: none; --p: .9rem 1.6rem; display: block; width: 100%; padding: var(--p); font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; }
select::-ms-expand { display: none; } 

.form-select-wrapper::after { --src: url('/wp-content/themes/actuelerentestanden/assets/icons/fa/solid/chevron-down.svg'); content: ''; display: block; width: 1.4rem; height: 1.4rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: var(--clr-text); -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }

.form-select-wrapper--bordered { width: 100%; }
.form-select-wrapper--bordered::after { right: 2rem; }

.form-range { width: 100%; -webkit-appearance: none; width: 100%; height: .5rem; background: var(--clr-beige-80); background-image: linear-gradient(var(--clr-primary), var(--clr-primary)); background-size: 0% 100%; background-repeat: no-repeat; outline: none; transition: opacity .2s; border-radius: 2rem; }
.form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 2.1rem; height: 2.1rem; background: #fff; border: .6rem solid var(--clr-primary); cursor: pointer; border-radius: 50%; }
.form-range::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 1.4rem; height: 1.4rem; background: #fff; border: .6rem solid var(--clr-primary); cursor: pointer; border-radius: 50%;  }



.gform_validation_errors { margin: 0!important; box-shadow: none; }
.gform_validation_errors .gform-icon--circle-error:before { font-size: 25px!important; }
.gfield_checkbox .gchoice,
.gfield_radio .gchoice { display: flex!important; column-gap: 15px; padding-bottom: 5px; }
.gfield_checkbox .gchoice label,
.gfield_radio .gchoice label { cursor: pointer; flex-grow: 1; }


.gform_wrapper.gravity-theme .gf_progressbar_percentage span { color: #fff!important; }  
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: #406aee!important; }