/*
 * Formidable legacy (float) field layout
 * Live runs Formidable 4.x with the "old CSS" option, which lays fields out
 * with floats/percent widths. Formidable 7 dropped that option and uses CSS
 * grid, changing field widths and gutters. Rules copied verbatim from the
 * live site's formidableforms.css.
 */
.with_frm_style .frm_form_field,
.with_frm_style .frm_submit { clear: both; }
.frm_form_fields .frm_fields_container::after { content: ""; display: table; clear: both; }
.frm_form_field.frm2,.frm_submit.frm2,.frm_form_field.frm3,.frm_submit.frm3,.frm_form_field.frm4,.frm_submit.frm4,.frm_form_field.frm6,.frm_submit.frm6,.frm_form_field.frm8,.frm_submit.frm8,.frm_form_field.frm9,.frm_submit.frm9,.frm_form_field.frm10,.frm_submit.frm10,.frm_form_field.frm_right_half,.frm_form_field.frm_right_third,.frm_form_field.frm_right_two_thirds,.frm_form_field.frm_right_fourth,.frm_form_field.frm_right_fifth,.frm_form_field.frm_right_inline,.frm_form_field.frm_last_half,.frm_form_field.frm_last_third,.frm_form_field.frm_last_two_thirds,.frm_form_field.frm_last_fourth,.frm_form_field.frm_last_fifth,.frm_form_field.frm_last_sixth,.frm_form_field.frm_last_seventh,.frm_form_field.frm_last_eighth,.frm_form_field.frm_last_inline,.frm_form_field.frm_last,.frm_form_field.frm_half,.frm_submit.frm_half,.frm_form_field.frm_third,.frm_submit.frm_third,.frm_form_field.frm_two_thirds,.frm_form_field.frm_fourth,.frm_submit.frm_fourth,.frm_form_field.frm_three_fourths,.frm_form_field.frm_fifth,.frm_submit.frm_fifth,.frm_form_field.frm_two_fifths,.frm_form_field.frm_three_fifths,.frm_form_field.frm_four_fifths,.frm_form_field.frm_sixth,.frm_submit.frm_sixth,.frm_form_field.frm_seventh,.frm_submit.frm_seventh,.frm_form_field.frm_eighth,.frm_submit.frm_eighth,.frm_form_field.frm_inline,.frm_submit.frm_inline{clear:none;float:left;margin-left:2.5%;}
.frm_form_field.frm_left_half,.frm_form_field.frm_left_third,.frm_form_field.frm_left_two_thirds,.frm_form_field.frm_left_fourth,.frm_form_field.frm_left_fifth,.frm_form_field.frm_left_inline,.frm_form_field.frm_first_half,.frm_form_field.frm_first_third,.frm_form_field.frm_first_two_thirds,.frm_form_field.frm_first_fourth,.frm_form_field.frm_first_fifth,.frm_form_field.frm_first_sixth,.frm_form_field.frm_first_seventh,.frm_form_field.frm_first_eighth,.frm_form_field.frm_first_inline,.frm_form_field.frm_first{clear:left;float:left;margin-left:0;}
.frm_form_field.frm6,.frm_submit.frm6,.frm_form_field.frm_left_half,.frm_form_field.frm_right_half,.frm_form_field.frm_first_half,.frm_form_field.frm_last_half,.frm_form_field.frm_half,.frm_submit.frm_half{width:48.75%;}
.frm_form_field.frm4,.frm_submit.frm4,.frm_form_field.frm_left_third,.frm_form_field.frm_third,.frm_submit.frm_third,.frm_form_field.frm_right_third,.frm_form_field.frm_first_third,.frm_form_field.frm_last_third{width:31.66%;}
.frm_form_field.frm8,.frm_submit.frm8,.frm_form_field.frm_left_two_thirds,.frm_form_field.frm_right_two_thirds,.frm_form_field.frm_first_two_thirds,.frm_form_field.frm_last_two_thirds,.frm_form_field.frm_two_thirds{width:65.82%;}
.frm_form_field.frm3,.frm_submit.frm3,.frm_form_field.frm_left_fourth,.frm_form_field.frm_fourth,.frm_submit.frm_fourth,.frm_form_field.frm_right_fourth,.frm_form_field.frm_first_fourth,.frm_form_field.frm_last_fourth{width:23.12%;}
.frm_form_field.frm9,.frm_form_field.frm_three_fourths{width:74.36%;}
.frm_form_field.frm_left_fifth,.frm_form_field.frm_fifth,.frm_submit.frm_fifth,.frm_form_field.frm_right_fifth,.frm_form_field.frm_first_fifth,.frm_form_field.frm_last_fifth{width:18%;}
.frm_form_field.frm_two_fifths {width:38.5%;}
.frm_form_field.frm_three_fifths {width:59%;}
.frm_form_field.frm_four_fifths {width:79.5%;}
.frm_form_field.frm2,.frm_submit.frm2,.frm_form_field.frm_sixth,.frm_submit.frm_sixth,.frm_form_field.frm_first_sixth,.frm_form_field.frm_last_sixth{width:14.58%;}
.frm_form_field.frm10,.frm_submit.frm10{width:83.42%;}
.frm_form_field.frm_seventh,.frm_submit.frm_seventh,.frm_form_field.frm_first_seventh,.frm_form_field.frm_last_seventh{width:12.14%;}
.frm_form_field.frm_eighth,.frm_submit.frm_eighth,.frm_form_field.frm_first_eighth,.frm_form_field.frm_last_eighth{width:10.31%;}
.frm_form_field.frm_left_inline,.frm_form_field.frm_first_inline,.frm_form_field.frm_inline,.frm_submit.frm_inline,.frm_form_field.frm_right_inline,.frm_form_field.frm_last_inline{width:auto;}
.frm_full,.frm_full .wp-editor-wrap,.frm_full input:not([type='checkbox']):not([type='radio']):not([type='button']),.frm_full select,.frm_full textarea{width:100% !important;}
.frm_full .wp-editor-wrap input{width:auto !important;}
.frm_form_field.frm_inline_container,.frm_form_field.frm_right_container,.frm_form_field.frm_left_container,.frm_combo_inputs_container,.frm_grid_container,.frm_form_fields .frm_section_heading,.frm_form_fields .frm_fields_container,.frm_form_field.frm_two_col .frm_opt_container,.frm_form_field.frm_three_col .frm_opt_container,.frm_form_field.frm_four_col .frm_opt_container{display:block;}

@media only screen and (max-width: 600px) {
.frm_form_field.frm2,.frm_submit.frm2,.frm_form_field.frm3,.frm_submit.frm3,.frm_form_field.frm4,.frm_submit.frm4,.frm_form_field.frm6,.frm_submit.frm6,.frm_form_field.frm8,.frm_submit.frm8,.frm_form_field.frm9,.frm_submit.frm9,.frm_form_field.frm10,.frm_submit.frm10,.frm_form_field.frm_half,.frm_submit.frm_half,.frm_form_field.frm_left_half,.frm_form_field.frm_right_half,.frm_form_field.frm_first_half,.frm_form_field.frm_last_half,.frm_form_field.frm_first_third,.frm_form_field.frm_third,.frm_submit.frm_third,.frm_form_field.frm_last_third,.frm_form_field.frm_first_two_thirds,.frm_form_field.frm_last_two_thirds,.frm_form_field.frm_two_thirds,.frm_form_field.frm_left_fourth,.frm_form_field.frm_fourth,.frm_submit.frm_fourth,.frm_form_field.frm_right_fourth,.frm_form_field.frm_first_fourth,.frm_form_field.frm_last_fourth,.frm_form_field.frm_three_fourths,.frm_form_field.frm_fifth,.frm_submit.frm_fifth,.frm_form_field.frm_two_fifths,.frm_form_field.frm_three_fifths,.frm_form_field.frm_four_fifths,.frm_form_field.frm_sixth,.frm_submit.frm_sixth,.frm_form_field.frm_seventh,.frm_submit.frm_seventh,.frm_form_field.frm_eighth,.frm_submit.frm_eighth,.frm_form_field.frm_first_inline,.frm_form_field.frm_inline,.frm_submit.frm_inline,.frm_form_field.frm_last_inline{width:100%;margin-left:0;margin-right:0;clear:both;float:none;}
}

/* Formidable 4 gave inputs a fixed height (style setting "field height");
   Formidable 7 uses min-height, so content can make fields taller. */
.with_frm_style input[type=text],
.with_frm_style input[type=password],
.with_frm_style input[type=email],
.with_frm_style input[type=number],
.with_frm_style input[type=url],
.with_frm_style input[type=tel],
.with_frm_style input[type=search],
.with_frm_style input[type=date],
.with_frm_style select {
  height: var(--field-height) !important;
}


/* Checkbox/radio columns (frm_two_col / frm_three_col / frm_four_col):
   legacy float layout, copied from live. */
.frm_form_field.frm_two_col .frm_radio,.frm_form_field.frm_three_col .frm_radio,.frm_form_field.frm_four_col .frm_radio,.frm_form_field.frm_two_col .frm_checkbox,.frm_form_field.frm_three_col .frm_checkbox,.frm_form_field.frm_four_col .frm_checkbox{float:left;}
.frm_form_field.frm_two_col .frm_radio,.frm_form_field.frm_two_col .frm_checkbox{width:48%;margin-right:4%;}
.frm_form_field.frm_three_col .frm_radio,.frm_form_field.frm_three_col .frm_checkbox{width:30%;margin-right:5%;}
.frm_form_field.frm_four_col .frm_radio,.frm_form_field.frm_four_col .frm_checkbox{width:22%;margin-right:4%;}
.frm_form_field.frm_two_col .frm_radio:nth-child(2n+2),.frm_form_field.frm_two_col .frm_checkbox:nth-child(2n+2),.frm_form_field.frm_three_col .frm_radio:nth-child(3n+3),.frm_form_field.frm_three_col .frm_checkbox:nth-child(3n+3),.frm_form_field.frm_four_col .frm_radio:nth-child(4n+4),.frm_form_field.frm_four_col .frm_checkbox:nth-child(4n+4){margin-right:0;}

@media only screen and (max-width: 600px) {
.frm_form_field.frm_four_col .frm_radio,.frm_form_field.frm_four_col .frm_checkbox{width:48%;}
.frm_form_field.frm_four_col .frm_radio:nth-child(2n+2),.frm_form_field.frm_four_col .frm_checkbox:nth-child(2n+2){margin-right:0;}
}
@media only screen and (max-width: 500px) {.frm_form_field.frm_two_col .frm_radio,.frm_form_field.frm_two_col .frm_checkbox,.frm_form_field.frm_three_col .frm_radio,.frm_form_field.frm_three_col .frm_checkbox{width: auto;margin-right: 0;float: none;display:block;}
}

/* Native checkboxes as on live (Formidable 7 draws custom boxes). */
.with_frm_style .frm_checkbox input[type=checkbox]{-webkit-appearance:checkbox;border-radius:0;}
.with_frm_style .frm_radio input[type=radio],.with_frm_style .frm_checkbox input[type=checkbox]{flex: none;display:inline-block;margin:4px 5px 0 0;width:auto;border:none;vertical-align:baseline;position: initial; }
.with_frm_style .frm_checkbox input[type=checkbox] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
}