.gform-theme--framework {
    .gfield_list_group_item::before,
    .gform-field-label:where(:not([class*=gform-field-label--type-])) {
        font-weight: 400;
    }

    .ginput_complex {
        .ginput_container {
            flex: 1;
        }
    }

    .gform_validation_errors {
        background-color: var(--gf-color-danger);
        color: white;

        h2, ul, ul li, p {
            color: white !important;
        }
    }

    .ginput_container {
        &.ginput_complex {
            flex-wrap: nowrap !important;
        }
    }

    .gform_fields {
        column-gap: 20px;
        row-gap: 0;
    }

    .gfield_error {
        label {
            font-size: 26px !important;
        }
    }

    .gfield {
		@media (min-width: 800px) {
			margin-bottom: 40px;
		}

        &.address {
            margin-bottom: 20px; 
        }

        input,
        select,
        textarea {
            width: 100%;
            height: auto;
            padding: 5px 0 8px 0 !important;
            box-shadow: none;
            border: 0px !important;
            border-bottom: 1px solid var(--wp--preset--color--black) !important;
            font-size: 20px !important;
            background-color: transparent;
            text-transform: uppercase;

            &[aria-invalid="true"] {
                border-bottom: 1px solid var(--gf-color-danger) !important;
            }

            &::placeholder {
            }

            &.gfield-choice-input,
            &[type="checkbox"] {
                padding: 0 !important;
                border: 1px solid var(--wp--preset--color--black) !important;
            }

            &:focus,
            &:focus-visible,
            &:focus-within
            &:-webkit-autofill,
            &:-webkit-autofill:focus,
            &:-webkit-autofill:active,
            &:-webkit-autofill:hover {
                background-color: transparent !important;
            }
        }

        .gfield_time_ampm select{
            height: 38px !important;
            padding-bottom: 0 !important;
            padding-top: 0 !important;
        }

        textarea {
            height: 110px !important;
            min-block-size: 1px !important;
        }
    }

    &

    .gform_footer {
        margin-block-start: 15px;

        input[type="submit"] {
            border: 1px solid var(--wp--preset--color--black) !important;
            background-color: var(--wp--preset--color--white) !important;
            color: var(--wp--preset--color--black) !important;
            font-size: 16px !important;
            font-weight: 400 !important;
            text-transform: uppercase !important;
            margin-left: auto;
            padding-top: 10px !important;
            padding-right: 15px !important;
            padding-bottom: 10px !important;
            padding-left: 15px !important;
            transition: all 0.25s;

            &:hover {
                background-color: var(--wp--preset--color--black) !important;
                color: white !important;
                border: 1px solid var(--wp--preset--color--black)  !important;
            }
        }
    }
}

.ui-datepicker {
    background-color: white !important;

    * {
        color: black !important;
    }
}


.has-black-background-color {
    .gform-theme--framework {
        .gfield {
            input,
            select,
            textarea {
                color: #000 !important;
                border-bottom: 1px solid #000 !important;

                &.gfield-choice-input,
                &[type="checkbox"] {
                    padding: 0 !important;
                    border: 1px solid #000 !important;
                }
            }
        }

        .gform_footer {
            input[type="submit"] {
                &:hover {
                    background-color: transparent !important;
                    color: white !important;
                    border: 1px solid #000  !important;
                }
            }
        }
    }
}


.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	
	color:#000 !important;
	
}


@media (max-width: 1024px) {
    .gform_wrapper {
        width: 100%;
    }

    .gform-theme--framework {
        .gfield {
            input,
            select,
            textarea {
                font-size: 16px !important;
            }
        }
    }
}