:root {
  --form-color: #fff;
  --form-bkgrd: rgba(255, 255, 255, 0.205);
  --form-border: 1px solid #fff;
  --form-border-radius: 0px;
  --form-focus-border: var(--primary);
  --form-focus-box-shadow: none;
  --form-focus-bkgrd: #4fc3d83b;
  --form-label-bkgrd: #fff;
  --form-label-color: #fff;
}


.wsf-label-position-inside canvas.wsf-field + label, .wsf-label-position-inside select.wsf-field + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
  background-color: var(--form-label-bkgrd) !important;
  color: var(--form-label-color) !important;
  -webkit-margin-start: -5px !important;
    margin-inline-start: -5px !important;
    padding: 3px 9px !important;
    transform: translate(0, -19px) scale(0.6);
    border-radius: 4px;
    border: 1px solid var(--form-focus-border);
  }

  .brxe-xwsforms input[type=date].wsf-field:focus, .brxe-xwsforms input[type=datetime-local].wsf-field:focus, .brxe-xwsforms input[type=file].wsf-field:focus, .brxe-xwsforms input[type=month].wsf-field:focus, .brxe-xwsforms input[type=password].wsf-field:focus, .brxe-xwsforms input[type=search].wsf-field:focus, .brxe-xwsforms input[type=time].wsf-field:focus, .brxe-xwsforms input[type=week].wsf-field:focus, .brxe-xwsforms input[type=email].wsf-field:focus, .brxe-xwsforms input[type=number].wsf-field:focus, .brxe-xwsforms input[type=tel].wsf-field:focus, .brxe-xwsforms input[type=text].wsf-field:focus, .brxe-xwsforms input[type=url].wsf-field:focus, .brxe-xwsforms select.wsf-field:focus, .brxe-xwsforms textarea.wsf-field:focus, .brxe-xwsforms input[type=checkbox].wsf-field:focus + label.wsf-label:before, .brxe-xwsforms input[type=radio].wsf-field:focus + label.wsf-label:before, .brxe-xwsforms .wsf-form ul.wsf-group-tabs.wsf-steps > li > a:not(.wsf-tab-disabled):focus:before, .brxe-xwsforms input[type=checkbox].wsf-field.wsf-image:focus + label.wsf-label > img, .brxe-xwsforms input[type=radio].wsf-field.wsf-image:focus + label.wsf-label > img, .brxe-xwsforms input[type=range].wsf-field:focus::-webkit-slider-thumb {
    border-color: var(--form-border) !important;
  }

#brx-content input[type=email].wsf-field, #brx-content input[type=text].wsf-field {
  height: 46px;
}

button.wsf-button {
  min-width: 108px;
}

input[type=date].wsf-field:focus, input[type=datetime-local].wsf-field:focus, input[type=file].wsf-field:focus, input[type=month].wsf-field:focus, input[type=password].wsf-field:focus, input[type=search].wsf-field:focus, input[type=time].wsf-field:focus, input[type=week].wsf-field:focus, input[type=email].wsf-field:focus, input[type=number].wsf-field:focus, input[type=tel].wsf-field:focus, input[type=text].wsf-field:focus, input[type=url].wsf-field:focus, select.wsf-field:focus, textarea.wsf-field:focus {
    border-color: var(--form-focus-border) !important;
    box-shadow: var(--form-focus-box-shadow) !important;
    background-color: var(--form-focus-bkgrd) !important;
    outline: 0 !important;
}

input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=file].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=url].wsf-field, select.wsf-field:not([multiple]):not([size]) {
    height: 46px !important;
}

input[type=date].wsf-field, input[type=datetime-local].wsf-field, input[type=file].wsf-field, input[type=month].wsf-field, input[type=password].wsf-field, input[type=search].wsf-field, input[type=time].wsf-field, input[type=week].wsf-field, input[type=email].wsf-field, input[type=number].wsf-field, input[type=tel].wsf-field, input[type=text].wsf-field, input[type=url].wsf-field, select.wsf-field, textarea.wsf-field {
    background-color: var(--form-bkgrd) !important; 
    border: var(--form-border) !important;
    border-radius: var(--form-border-radius) !important;
    color: var(--form-color) !important;
    font-size: 18px !important;
    padding: 1rem 1.4rem !important;
}

.wsf-label-position-inside canvas.wsf-field + label, .wsf-label-position-inside select.wsf-field + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + label, .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:focus + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder]:not(:placeholder-shown) + .wsf-input-group-append + label {
    background-color: var(--form-label-bkgrd) !important;
    color: var(--bg-color) !important;
}

.wsf-label-position-inside canvas.wsf-field + label, .wsf-label-position-inside select.wsf-field + label, .wsf-label-position-inside input.wsf-field[placeholder] + label, .wsf-label-position-inside textarea.wsf-field[placeholder] + label, .wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label, .wsf-label-position-inside input.wsf-field[placeholder] + .wsf-input-group-append + label, .wsf-label-position-inside textarea.wsf-field[placeholder] + .wsf-input-group-append + label {
    font-weight: 300 !important;
}

label.wsf-label {
    font-size: 18px !important;
    color: var(--form-label-color) !important;
}

button.wsf-button.wsf-button-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--bg-color) !important;
    padding: 1.6rem 3.2rem;
    font-size: var(--text-l);
}