/* 
    Table of content
    1. GRAVITY FORMS & VZR FORMS
*/

/* 1. GRAVITY FORMS & VZR FORMS */
/* General */
.gform_wrapper,
.gform_wrapper ::placeholder,
.gform_wrapper ::-webkit-input-placeholder,
.gform_wrapper input[placeholder],
.vzr-form,
.vzr-form ::placeholder,
.vzr-form ::-webkit-input-placeholder,
.vzr-form input[placeholder] {
    font-family: "Inter", sans-serif;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: var(--color-grey) !important;
}

/* Heading */
.gform_wrapper #gform_0 .gform_heading { /* Login form */
    padding-bottom: var(--grid-padding);
}

/* Grid */
.gform_wrapper .gform_fields {
    grid-gap: var(--grid-padding) !important;
}

.gform_wrapper #gform_0 #gform_fields_login, /* Login form */
.vzr-form .vzr-bijtelling-form {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--grid-padding);
}

.vzr-form .vzr-field-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--grid-padding);
}

/* Label */
.gform-theme--framework .gfield--type-email .gform-field-label--type-sub,
.gform-theme--framework .gfield--type-password .gform-field-label--type-sub { 
    display: none;
}

.gform_wrapper #gform_0 .gfield_label { /* Login form */
    display: none;
}

/* Description */
.gform_wrapper .gfield_description {
    padding: 0 2rem !important;
    color: var(--color-grey) !important;
}

.gform_wrapper .gsection_description {
    font-size: 1.3rem !important;
}

.vzr-form .vzr-bijtelling-vehicle {
    padding: 0 2rem;
}

/* Fields */
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.vzr-form input,
.vzr-form select {
    width: 100%;
    padding: 1.3rem 2rem !important;
    border: .1rem solid var(--color-lightgrey) !important;
    border-radius: var(--border-radius) !important;
    background-color: var(--color-lightgrey) !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    line-height: 2rem !important;
    color: var(--color-grey) !important;
    box-shadow: none !important;
}

.gform_wrapper input,
.gform_wrapper select,
.vzr-form input,
.vzr-form select {
    height: auto !important;
}

.vzr-form select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTAnIGhlaWdodD0nNicgdmlld0JveD0nMCAwIDEwIDYnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBjbGlwLXJ1bGU9J2V2ZW5vZGQnIGQ9J00wLjI5Mjg5MyAwLjI5Mjg5M0MwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAtMC4wOTc2MzEgMS43MDcxMSAwLjI5Mjg5M0w1IDMuNTg1NzlMOC4yOTI4OSAwLjI5Mjg5M0M4LjY4MzQyIC0wLjA5NzYzMTEgOS4zMTY1OCAtMC4wOTc2MzExIDkuNzA3MTEgMC4yOTI4OTNDMTAuMDk3NiAwLjY4MzQxNyAxMC4wOTc2IDEuMzE2NTggOS43MDcxMSAxLjcwNzExTDUuNzA3MTEgNS43MDcxMUM1LjMxNjU4IDYuMDk3NjMgNC42ODM0MiA2LjA5NzYzIDQuMjkyODkgNS43MDcxMUwwLjI5Mjg5MyAxLjcwNzExQy0wLjA5NzYzMTEgMS4zMTY1OCAtMC4wOTc2MzExIDAuNjgzNDE4IDAuMjkyODkzIDAuMjkyODkzWicgZmlsbD0ncmdiYSgxNywgMzUsIDU1LCAwLjY1KScvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: calc(100% - 2rem) center;
}

.gform_wrapper textarea {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
}

.gform_wrapper input.datepicker {
    width: 100% !important;
}

footer .gform_wrapper input {
    padding: .8rem 2rem !important;
}

.has-bg .gform_wrapper input,
.has-bg .gform_wrapper textarea,
.has-bg .gform_wrapper select,
.has-bg .vzr-form input,
.has-bg .vzr-form select,
.vzr-normlease-tool input,
.vzr-normlease-tool select {
    background-color: white !important;
}

footer .gform_wrapper input {
    background-color: var(--color-lightblue) !important;
}

.gform-theme--foundation .gfield select.medium {
    inline-size: 100% !important;
}

/* Checkbox / Consent */
.vzr-unlock-form .consent-container {
    margin-top: var(--grid-padding);
    display: flex;
}

.gform_wrapper .gfield--type-checkbox input,
.gform_wrapper .gfield--type-consent input,
.vzr-unlock-form .consent-container input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.gform_wrapper .gfield--type-checkbox label,
.gform_wrapper .gfield--type-consent label,
.vzr-unlock-form .consent-container label {
    position: relative;
    margin-left: 3rem !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: var(--color-grey) !important;
    cursor: pointer;
}

.gform_wrapper .gfield--type-checkbox label::before,
.gform_wrapper .gfield--type-consent label::before,
.vzr-unlock-form .consent-container label::before {
    content: '';
    position: absolute;
    top: 0;
    left: -3rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: var(--color-lightgrey);
}

.has-bg .gform_wrapper .gfield--type-checkbox label::before,
.has-bg .gform_wrapper .gfield--type-consent label::before {
    background-color: white;
}

footer .gform_wrapper .gfield--type-consent label::before {
    background-color: var(--color-lightblue);
}

.gform_wrapper .gfield--type-checkbox label::after,
.gform_wrapper .gfield--type-consent label::after,
.vzr-unlock-form .consent-container label::after {
    content: '';
    position: absolute;
    top: .4rem;
    left: -2.6rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: var(--color-blue);
    display: none;
}

.gform_wrapper .gfield--type-checkbox input:checked + label::after,
.gform_wrapper .gfield--type-consent input:checked + label::after,
.vzr-unlock-form .consent-container input:checked + label::after {
    display: block;
}

.gform_wrapper #gform_0 .gfield--type-remember_me {
    display: none;
}

/* Section */
.gform-theme--framework .gfield--type-section {
    margin-top: 2rem;
    padding: 2rem 0 0 0 !important;
    border-top: .1rem solid #E6E6E6;
    border-bottom: 0 !important;
}

.gform-theme--framework .gfield--type-section:not(.gfield--type-section ~ .gfield--type-section) {
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
}

/* Footer */
.gform-theme--foundation .gform_footer, 
.gform-theme--foundation .gform_page_footer {
    margin-top: 2rem !important;
}

.gform_wrapper input[type="submit"],
.vzr-form button {
    height: 4.8rem !important;
    padding: 1rem 2.5rem !important;
    background-color: var(--color-blue) !important;
    border: 0 !important;
    border-radius: 5rem !important;
    align-items: center !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: white !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    cursor: pointer;
}

footer .gform_wrapper input[type="submit"] {
    height: inherit !important;
    padding: .8rem 2.5rem !important;
}

.vzr-form button {
    padding: 1rem 5.6rem 1rem 2.5rem !important;
}

.gform_wrapper #gform_0 .gform_footer { /* Login form */
    padding-top: var(--grid-padding);
}

.gf_login_links { /* Login form */
    padding-top: var(--grid-padding);
    display: flex;
    gap: .5rem;
    font-size: 1.3rem !important;
}

.vzr-normlease-tool button {
    margin-top: var(--grid-padding);
}

/* Required */
.gform_wrapper .gfield_required {
    display: none !important;
    /* font-weight: 700 !important;
    color: var(--color-blue) !important; */
}

/* Error */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select,
.vzr-field-error input,
.vzr-field-error select {
    border-color: red !important;
}

.gform_wrapper .gfield_error label,
.vzr-unlock-form .vzr-field-error .consent-container label {
    color: red !important;
}

.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message {
    display: none !important;
}

/* RESIZE */
@media (max-width: 639px) {
    /* 1. GRAVITY FORMS & VZR FORMS */
    /* Grid */
    .gform_wrapper #gform_0 #gform_fields_login { /* Login form */
        grid-template-columns: 1fr;
    }

    .vzr-form .vzr-field-group {
        grid-template-columns: 1fr;
    }
}