@charset "UTF-8";

@import url("https://use.typekit.net/iud4tsy.css");

/* Custom styles so Formie forms match given form design */


.fui-field .fui-input,
.fui-field .fui-select {
    background: hsl(300, 4%, 95%);
    font-family: depot-new-web, sans-serif;;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    /*box-shadow: inset 0 0 0 1px hsl(0, 0%, 86%);*/
    transition:all .2s ease
}

.fui-field .fui-select option:disabled {
    color: rgb(110,110,110);
}

.fui-field .fui-input::-moz-placeholder {
    opacity: 1;
    color: hsl(300, 2%, 18%);
    padding-top:3px
}

.fui-field .fui-input:-ms-input-placeholder {
    opacity: 1;
    color: hsl(300, 2%, 18%);
    padding-top:3px
}

.fui-field .fui-input::placeholder {
    opacity: 1;
    color: hsl(300, 2%, 18%);
    padding-top:3px
}

.fui-field .fui-input:focus, .fui-field .fui-input:focus-within {
    background: hsl(0, 0%, 100%);
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 86%, 0), 0 0 0 2px hsl(300, 2%, 18%), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),
    0 0.9px 1.5px rgba(0, 0, 0, 0.05),
    0 3.5px 6px rgba(0, 0, 0, 0.1);;
    outline: 0;
}

.fui-field .fui-input--disabled, .fui-field .fui-input[disabled], .fui-field .fui-input[readonly] {
    opacity: .5;
    cursor:not-allowed
}

.fui-field .fui-input.fui-field .fui-input--error, .fui-field .fui-input[aria-invalid=true] {
    box-shadow:inset 0 0 0 1px hsla(300, 6%, 88%, 0), 0 0 0 2px hsl(9, 100%, 35%)
}

.fui-field .fui-input.fui-field .fui-input--error:focus, .fui-field .fui-input.fui-field .fui-input--error:focus-within, .fui-field .fui-input[aria-invalid=true]:focus, .fui-field .fui-input[aria-invalid=true]:focus-within {
    box-shadow:inset 0 0 0 1px hsla(300, 6%, 88%, 0), 0 0 0 2px hsl(9, 100%, 35%), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),
    0 0.9px 1.5px rgba(0, 0, 0, 0.05),
    0 3.5px 6px rgba(0, 0, 0, 0.1)
}

:active, :focus, :visited {
    outline:0 !important
}

.redstar {
    color: rgb(228, 31, 17);
    font-size: 1.2em;
}