_main.scss

@import "icons";
@import "variables";

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="number"],
input[type="search"],
input[type="url"],
select,
textarea {
  background-color: $gfs-field-background-color;
  border: $gfs-border-width $gfs-border-style $gfs-border-color;
  border-radius: $gfs-border-radius;
  box-shadow: $gfs-box-shadow;
  box-sizing: border-box;
  font-family: $gfs-field-font-family;
  font-size: $gfs-field-font-size;
  height: $gfs-field-height;
  line-height: $gfs-field-line-height;
  padding: $gfs-field-padding-y $gfs-field-padding-x;
}

input.medium,
select.medium {
  width: 50%;
}

input.small,
select.small {
  width: 25%;
}

textarea {
  height: auto;
}

.gform_wrapper .gform_fields .gfield {
  margin-bottom: 0;
}

.gform_fields {
  display: block;
  margin: 0;
  padding: 0;

  li {
    display: block;
    list-style: none;
    list-style-type: none;
  }
}

.ginput_container {
  margin-bottom: $gfs-form-spacing-y;
}

.ginput_container.ginput_complex {
  margin-bottom: 0;
}

.ginput_complex > span {
  display: block;
  margin-bottom: $gfs-form-spacing-y;
}

.gfield_radio,
.gfield_checkbox {
  margin-top: 6px;
}

.gfield_radio label {
  font-size: 95%;
  font-weight: normal;
  margin-left: 10px;
}

.gfield_checkbox label {
  font-size: 95%;
  font-weight: normal;
  margin-left: 6px;
}

/* Labels */
.gfield_label {
  font-family: $gfs-label-font-family;
  font-size: $gfs-label-font-size;
  line-height: $gfs-label-line-height;
  margin: 0px;
  padding: $gfs-label-padding;
}

.hidden_label > label,
label.hidden_sub_label {
  display: none;
}

/* Sub Labels */
.ginput_complex > span > label {
  font-size: $gfs-sub-label-font-size;
  font-weight: normal;
  margin: 0;
}

/* Description */
.gfield_description {
  font-size: $gfs-field-description-font-size;
  padding: $gfs-field-description-padding;
}

/* Hide validation fields */
body .gform_wrapper .gform_validation_container {
  display: none;
}

/* Buttons */
input[type=button],
input[type=submit] {
  border-radius: $gfs-border-radius;
  padding: $gfs-button-padding-y $gfs-button-padding-x;
}

/* Specific field styles imported here */
@import "utility-classes";

@import "address-field";
@import "credit-card-field";
@import "date-field";
@import "file-upload-field";
@import "name-field";
@import "select";
@import "text-area";
@import "time-field";

@import "css-ready-classes";
@import "errors";