﻿.hs-form-field input[type=text]::placeholder,
.hs-form-field input[type=email]::placeholder,
.hs-form-field input[type=password]::placeholder,
.hs-form-field input[type=number]::placeholder,
.hs-form-field input[type=tel]::placeholder,
.hs-form-field textarea::placeholder {
    color: dimgray !important;
    opacity: 1; /* Ensure the placeholder is fully opaque */
    font-family: system-ui,sans-serif !important;
}

.hs-form-field input[type=text]:-webkit-autofill,
.hs-form-field input[type=email]:-webkit-autofill,
.hs-form-field input[type=password]:-webkit-autofill,
.hs-form-field input[type=number]:-webkit-autofill,
.hs-form-field input[type=tel]:-webkit-autofill {
    transition: background-color 50000s ease-in-out 0s; /* Prevents the background color from resetting after a few seconds */
}

.hs-form-field label:not(.hs-error-msg) {
    font-size: 1.2rem !important;
    line-height: 1.5;
    font-weight: 300 !important;
    letter-spacing: .031rem;
    margin: 0 0 2px 0;
    color: #212529 !important;
    font-family: system-ui,sans-serif !important;
}

.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=password],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field textarea,
.hs-form-field select {
    height: auto;
    padding: .75rem 1rem !important;
    border: .0625rem solid #ebebeb !important;
    background-color: #e6e6e6 !important;
    color: black !important;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: system-ui,sans-serif !important;
}
    .hs-form-field input[type=text]:focus,
    .hs-form-field input[type=email]:focus,
    .hs-form-field input[type=password]:focus,
    .hs-form-field input[type=number]:focus,
    .hs-form-field input[type=tel]:focus,
    .hs-form-field textarea:focus,
    .hs-form-field select:focus,
    .hs-form-field input[type=text]:active,
    .hs-form-field input[type=email]:active,
    .hs-form-field input[type=password]:active,
    .hs-form-field input[type=number]:active,
    .hs-form-field input[type=tel]:focus,
    .hs-form-field textarea:active,
    .hs-form-field select:active {
        border: 1px solid #bfbfbf !important;
    }

.hs-form-field select {
    padding: .75rem 1rem !important;
    border: .0625rem solid #ebebeb !important;
    background-color: #e6e6e6 !important;
    color: black !important;
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0.031rem;
    line-height: 1.3;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 0), linear-gradient(135deg, gray 50%, transparent 0), linear-gradient(90deg, transparent, transparent);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    font-family: system-ui,sans-serif !important;
}

.hs_submit.hs-submit {
    display: none !important;
}
