:root {
/* define minimum width of the inputfields */
   --min-length: 30
}

/* define the width of all HTML fields and adjust the position so it's vertically centered with the input fields*/
.elementor-field-type-html {
    width: fit-content !important;
    top:5px;
}

/* make sure the submit button starts on a new row and add some margin at the top*/
.elementor-field-type-submit {
    width: 100% !important;
    margin-top: 80px;
    display: block;
}

/* Define the width of the inputfields */
.elementor-field-type-text,
.elementor-field-type-email
{
    width: calc(var(--min-length) * 1ch) !important;
    flex-grow: 1;
}

/* show a background color when you click inside a input field */
input:focus {
    background: rgba(255,255,255,0.05) !important;
}

/* style the placeholder text (with safari support)*/
input::placeholder,
input::-webkit-placeholder
{
    color: rgba(255,255,255,0.5) !important;
    text-transform: uppercase !important;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px
}