.fui-form {
    label > a {
        text-decoration: underline;
    }
}

.fui-label, .fui-legend {
    --fui-label-font-size: 14px;
    --fui-label-font-size: 0.875rem;
    --fui-label-color: #4D4D4D;
    --fui-label-font-weight: 400;
    font-family: "brandon-grotesque", sans-serif;
    letter-spacing: 0.35px;
}

.fui-input {
    --fui-input-background-color: #F0F0F0;
    --fui-input-border: 1px solid #F0F0F0;
    --fui-input-border-radius: 0;
    --fui-input-font-size: 14px;
    --fui-input-font-size: 0.875rem;
    --fui-font: "brandon-grotesque", sans-serif;
    font-family: "brandon-grotesque", sans-serif;
    letter-spacing: 0.35px;
    font-weight: 300;
}

.fui-checkbox {
    --fui-checkbox-border-radius: 0;
}

.fui-checkbox-label {
    --fui-label-font-size: 14px;
    --fui-label-font-size: 0.875rem;
    font-weight: 400;
    font-family: "brandon-grotesque", sans-serif;
    color: #4D4D4D;
}

.fui-input:focus,
.fui-select:focus {
    --fui-input-box-shadow-focus: none;
    --fui-input-border-color-focus: none;
}

.fui-submit {
    --fui-submit-btn-color: #fff;
    --fui-submit-btn-bg-color: #4D4D4D;
    --fui-submit-btn-border-color: #4D4D4D;
    --fui-submit-btn-color-hover: #4D4D4D;
    --fui-submit-btn-bg-color-hover: #fff;
    --fui-submit-btn-border-color-hover: #4D4D4D;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 400;
    width: 31.4em;
}

.fui-btn {
    /* @apply !font-serif tracking-[1.2px]; */
    --fui-btn-font-size: 14px;
    --fui-input-font-size: 0.875rem;
    --fui-btn-line-height: 1rem;
    /* --fui-btn-padding: 1.5rem; */
    --fui-btn-padding: 12px 40px 12px 40px;
    --fui-btn-border-radius: 0;
}

.fui-required {
    display: none;
}

.fui-field {
    min-width: 100%;
}

.fui-alert.fui-alert-success {
    --fui-alert-success-bg-color: #F0F0F0;
    --fui-alert-success-color: #4D4D4D;
    --fui-alert-border-radius: 0px;
    border: 1px solid #6F717558;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: medium;
}

@media (min-width: 768px) {
    .fui-field {
        min-width: initial;
    }

    .fui-field[data-width="1/2"] {
        min-width: 50% !important;
    }

    .fui-btn-wrapper {
        max-width: 50%;
    }
}