form .form-control {
  background: #e5e5e5;
}


.form-checkbox.form-check-input {
  appearance: none;
  background: #e5e5e5;
  border: 1px solid black;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
}

/* Checkmark alignment for checkbox questions */
.form-checkbox.form-check-input:checked::after {
  content: 'X';
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  display: inline-block;
  pointer-events: none;
}

/* Padding for the form questions */

.js-form-item {
  padding: 10px;
}

/* Make the element and the question close together */

.webform-element-help-container--title.webform-element-help-container--title-after.js-form-item.form-item.js-form-type-select.form-type-select.js-form-item-for-this-next-question-please-take-a-minute-to-read-through-this.form-item-for-this-next-question-please-take-a-minute-to-read-through-this {
  padding-top: 0;
}

#edit-processed-text {
  padding-bottom: 0;
}

/* Questions that have "Other" which show another question if other is selected are boldfaced */

.fieldset-legend.js-form-required.form-required {
  font-weight: normal;
}



/* Hover help text in the BCGF form fails on VoiceOver and is a bit challenging on keyboard navigation. So we ar using this as help text */

.form-help-text p {
  font-size: 12px;
}

/* Hover help text in the BCGF form fails on VoiceOver and is a bit challenging on keyboard navigation. So we ar using this as help text */

.form-help-text.js-form-item.form-item.js-form-type-processed-text.form-type-processed-text.js-form-item-.form-item-.form-no-label {
  margin: -30px 0px 16px 0px;
}

/* Color of error message must be at least 4.5 to 1. */
.form-item input.error, 
.form-item textarea.error, 
.form-item select.error,
label.error {
    color: #dc3545;
}

.webform-element-description p,
.webform-element-description a
{

font-size: 12px;
padding: 10px 0px;

}

.webform-element-description,
.webform-element-description p {
  font-size: 12px;
  padding: 10px 0;
  margin: 0;
  line-height: 24px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid black;
}

/* Font family of input */
input, select, textarea {
    font-family: "Open Sans", "Arial", "Helvetica Neue", Helvetica, sans-serif !important;
}


/* When select2 is used, there is a double dropdown menu on desktop */
div#edit_in_which_wa_county_is_your_farm_located_selection_chosen {
    display: none !important;
}

.webform-required {
    display: none;
}