/* The site's own forms (siteforms.py, site-form.js): Forminator's markup and look, without its script.
   Forminator's JS used to swap the selects for select2 and show the error/response boxes; here they are plain. */
form[data-hppf] select.forminator-select2{display:block!important;width:100%;font:inherit;font-size:16px;padding:10px 12px;
  border:1px solid var(--hair,#c6d6e4);background:#fff;color:inherit;border-radius:0;appearance:auto;height:auto}
form[data-hppf] [hidden]{display:none!important}
form[data-hppf] .forminator-response-message[hidden]{display:none!important}
form[data-hppf] .forminator-response-message:not([hidden]){display:block!important;padding:12px 14px;margin:0 0 16px;
  border:1px solid #c0392b;color:#c0392b;background:#fff}
form[data-hppf] .hppf-err{display:block;color:#c0392b;font-size:13px;margin-top:6px}
form[data-hppf] .forminator-has_error input,form[data-hppf] .forminator-has_error select,
form[data-hppf] .forminator-has_error textarea{border-color:#c0392b!important}
form[data-hppf] .hppf-over{color:#c0392b}
form[data-hppf] .forminator-button-submit[disabled]{opacity:.6;cursor:wait}
.hppf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.hppf-done{background:var(--beige,#e7f1f7);border:1px solid var(--hair,#c6d6e4);padding:22px 20px;margin:12px 0 24px;
  line-height:1.8;font-size:15px}
.hppf-ts{margin:20px 0 4px;min-height:65px}
/* In-page card payment (pay forms on Airwallex): the entry is in, only the payment is left */
.hppf-pay{border:1px solid var(--hair,#c6d6e4);padding:22px 20px;margin:12px 0 24px;scroll-margin-top:90px}
.hppf-pay h2{font-size:18px;line-height:1.5;margin:0 0 6px}
.hppf-paysum{font-size:15px;line-height:1.7;margin:0 0 16px;color:var(--navy,#1d3557)}
#hppfDrop{min-height:120px}
.hppf-note{font-size:14px;line-height:1.8;margin:12px 0 0}
.hppf-mute{opacity:.8;font-size:13.5px}
.hppf-ng{padding:12px 14px;background:#fff3e6}