@import "constants";
@import "mixins";


input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=search],
select,
textarea {
    &.form-control {
        font-size: 15px;
        font-family: "Source Sans Pro", sans-serif;
        background-color: $lightGrey;
        padding: 16px;
        border: 0;
        color: $black;

        &::placeholder {
            font-style: italic;
            color: $darkGrey;
            opacity: 1;
        }

        &:focus {
            background-color: $lightGrey;
        }

        &.light {
            background-color: white;
            @include box-shadow(0, 2px, 4px, rgba(0, 0, 0, 0.12));
        }
    }
}

select {
    &.form-control {
        height: calc(2.75rem + 9px) !important;
    }
}