/* knoxvillevip — client-level overrides (measured deltas vs live, 2026-11-06 home gate).
 * Forminator's dropdowns are select2 widgets built by the plugin JS the static build
 * strips; the native <select> is what ships. Enfold's generic `select{margin-bottom:20px}`
 * then added 18–19px to every row holding a select, and the select2 flat skin (38px,
 * white, no border, 20px text, gold chevron) was lost. These rules reproduce the live
 * computed styles of `.select2-selection--single` on the native element.
 * Live values: height 38px · bg #fff · border 0 · radius 0 · text #171717 20px/22px ·
 * padding 8px 5px 8px 8px · arrow box 38×38 with a 12px gold (#df9c00) chevron.
 * `#top` + !important because Enfold's `#top .main_color select{…}` (border, #dbdbdb bg,
 * margin-bottom 20px) outranks a plain class selector. */
#top .forminator-ui select.forminator-select--field,
#top .forminator-ui select.time-ampm {
  -webkit-appearance: none; appearance: none;
  display: block; width: 100%; height: 38px !important; min-height: 38px;
  margin: 0 !important; padding: 8px 38px 8px 8px !important;
  border: 0 !important; border-radius: 0 !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M1.5 3.75 6 8.25l4.5-4.5' fill='none' stroke='%23df9c00' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat; background-position: right 13px center; background-size: 12px 12px;
  color: #171717; font-size: 20px; line-height: 22px; font-family: inherit;
  cursor: pointer;
}
#top .forminator-ui select.forminator-select--field:focus,
#top .forminator-ui select.time-ampm:focus { outline: 2px solid #df9c00; outline-offset: 1px; }