$global-input-padding: 10px;

.c-input {
    background-color: color(page);
    border: 1px solid color(black);
    width: 100%;
    font-size: font-size(body);
    padding: $global-input-padding;
    box-sizing: border-box;
    font-weight: 900;
}

.c-textarea {
    background-color: #f9f9f9;
    width: 100%;
    max-width: 100%;
    padding: $global-input-padding;
    border: 1px solid #000;
    font-size: font-size(body);
    box-sizing: border-box;
    font-weight: lighter;
}

.c-select {
    position: relative;
}

.c-select__menu {
    background-color: color(page);
    font-weight: bolder;
    width: 100%;
    padding: $global-input-padding;
    font-size: font-size(body);
    border: none;
    border: 1px solid color(black);
    border-radius: 0px;
    -webkit-appearance: none;
    position: relative;

    option {
        width: 100%;
        font-weight: bolder;
    }
}

.c-select__icon {
    position: absolute;
    height: inherit;
    transform: translateY(-50%);
    top: 50%;
    right: 20px;
}

.c-form-error {
    color: color(error);
}