/* GENERATED from design/source/home-demo-15.html by tools/extract-demo-assets.mjs - do not edit. Overrides go in wp.css */
/* =====================================================================
   BMI Leisure · HubSpot form skin (new website design)
   Wrap any embedded HubSpot form in <div class="bmi-hsform"> … </div>
   Works with the legacy embed (js-eu1.hsforms.net/forms/embed/v2.js).
   ===================================================================== */
.bmi-hsform{
  --bf-ink:#0A0F29; --bf-text:#3A4060; --bf-muted:#6B7189; --bf-line:#C9D2EE;
  --bf-field:#F7F9FE; --bf-blue:#1E3FBF; --bf-blue5:#EEF1FB; --bf-orange:#FF7B1C; --bf-error:#D93025;
  --bf-head:"Bricolage Grotesque",system-ui,sans-serif; --bf-body:"Inter",system-ui,sans-serif;
  font-family:var(--bf-body); color:var(--bf-ink);
}
.bmi-hsform form.hs-form{display:flex;flex-direction:column;gap:16px;margin:0;font-family:var(--bf-body)}
.bmi-hsform .hs-form fieldset{max-width:none!important;margin:0;padding:0;border:0;display:flex;gap:12px}
.bmi-hsform .hs-form fieldset.form-columns-2 .hs-form-field,
.bmi-hsform .hs-form fieldset.form-columns-3 .hs-form-field{flex:1 1 0;width:auto!important;float:none!important;padding:0!important}
.bmi-hsform .hs-form fieldset.form-columns-1 .hs-form-field{width:100%!important;float:none!important}
.bmi-hsform .hs-form fieldset .input{margin:0!important}
.bmi-hsform .hs-form-field{display:flex;flex-direction:column;gap:6px;margin:0}
.bmi-hsform .hs-form-field>label{font-size:14px;font-weight:600;color:var(--bf-text);line-height:1.35;margin:0}
.bmi-hsform .hs-form-required{color:var(--bf-orange);margin-left:2px}
.bmi-hsform .hs-field-desc{font-size:13px;color:var(--bf-muted);margin:-2px 0 2px}
.bmi-hsform .hs-input:not([type=checkbox]):not([type=radio]):not([type=file]),
.bmi-hsform select.hs-input,.bmi-hsform textarea.hs-input{
  box-sizing:border-box;width:100%!important;max-width:none!important;height:48px;padding:0 14px;
  font:400 16px/1.4 var(--bf-body);color:var(--bf-ink);background:var(--bf-field);
  border:1px solid var(--bf-line);border-radius:12px;outline:none;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.bmi-hsform textarea.hs-input{height:110px;padding:12px 14px;resize:vertical}
.bmi-hsform select.hs-input{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7189' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-position:calc(100% - 14px) center!important;background-size:16px!important;background-repeat:no-repeat!important}
.bmi-hsform .hs-input::placeholder{color:#9AA0B6}
.bmi-hsform .hs-input:focus{border-color:var(--bf-blue)!important;box-shadow:0 0 0 4px rgba(30,63,191,.12)!important}
.bmi-hsform .hs-input.invalid.error{border-color:var(--bf-error)!important;background:#FDF3F2}
/* file upload as a dropzone */
.bmi-hsform .hs-fieldtype-file .input{position:relative}
.bmi-hsform input[type=file].hs-input{box-sizing:border-box;width:100%!important;padding:18px 16px 18px 64px;
  border:1.5px dashed var(--bf-line);border-radius:14px;background:var(--bf-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E3FBF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M4 20h16'/%3E%3C/svg%3E") 20px center/22px no-repeat;
  font:400 14px var(--bf-body);color:var(--bf-text);cursor:pointer;transition:border-color .2s,background-color .2s}
.bmi-hsform input[type=file].hs-input:hover{border-color:var(--bf-blue);background-color:var(--bf-blue5)}
.bmi-hsform input[type=file]::file-selector-button{font:600 14px var(--bf-body);color:var(--bf-blue);background:#fff;border:1px solid var(--bf-line);border-radius:10px;padding:8px 14px;margin-right:12px;cursor:pointer}
/* date picker input */
.bmi-hsform .hs-dateinput{position:relative}
.bmi-hsform .hs-dateinput input{cursor:pointer;padding-right:44px!important;
  background:var(--bf-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7189' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='17' rx='2'/%3E%3Cpath d='M3 9h18M8 2v4M16 2v4'/%3E%3C/svg%3E") calc(100% - 14px) center/18px no-repeat!important}
.bmi-hsform .hs-datepicker{z-index:20}
.bmi-hsform .fn-date-picker .pika-table td.is-selected .pika-button{background:var(--bf-blue)!important;box-shadow:none!important}
.bmi-hsform .fn-date-picker .pika-button:hover{background:var(--bf-orange)!important;color:#fff!important}
/* checkboxes */
.bmi-hsform .inputs-list{list-style:none;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px}
.bmi-hsform .inputs-list li{margin:0}
.bmi-hsform .inputs-list label{display:block!important;position:relative;padding-left:32px;font-size:15px;font-weight:400;color:var(--bf-text);cursor:pointer;line-height:1.45}
.bmi-hsform .inputs-list input[type=checkbox],.bmi-hsform .inputs-list input[type=radio]{position:absolute;left:0;top:1px;width:20px!important;height:20px;margin:0!important;accent-color:var(--bf-blue);cursor:pointer}
.bmi-hsform .hs-fieldtype-booleancheckbox>label{display:none}
.bmi-hsform a{color:var(--bf-blue);font-weight:600}
/* rich text blocks, legal, errors */
.bmi-hsform .hs-richtext{font-size:14px;color:var(--bf-text)}
.bmi-hsform .hs-richtext h1,.bmi-hsform .hs-richtext h2,.bmi-hsform .hs-richtext h3{font-family:var(--bf-head);color:var(--bf-ink);margin:8px 0 0}
.bmi-hsform .legal-consent-container{font-size:12px;color:var(--bf-muted);line-height:1.45}
.bmi-hsform .hs-error-msgs{list-style:none;margin:4px 0 0!important;padding:0!important}
.bmi-hsform .hs-error-msg,.bmi-hsform .hs-main-font-element{font-size:13px;font-weight:500;color:var(--bf-error)!important}
.bmi-hsform .hs_error_rollup .hs-error-msgs{padding:12px 14px!important;border-radius:12px;background:#FDF3F2}
/* submit */
.bmi-hsform .hs-submit{margin-top:4px}
.bmi-hsform .hs-submit .actions{margin:0!important;padding:0!important}
.bmi-hsform .hs-button,.bmi-hsform input[type=submit]{
  width:100%;height:56px;border:0!important;border-radius:16px!important;background:var(--bf-orange)!important;color:#fff!important;
  font:600 17px var(--bf-body)!important;cursor:pointer;box-shadow:0 10px 24px -10px rgba(255,123,28,.65);transition:transform .2s,box-shadow .2s,background .2s;-webkit-appearance:none}
.bmi-hsform .hs-button:hover{background:#F26A0B!important;transform:translateY(-1px)}
.bmi-hsform .hs-button:focus-visible{outline:2px solid var(--bf-blue);outline-offset:3px}
/* thank-you message */
.bmi-hsform .submitted-message{font:600 22px/1.3 var(--bf-head);color:var(--bf-ink);padding:24px;border-radius:16px;background:var(--bf-blue5)}
@media (max-width:760px){
  .bmi-hsform .hs-form fieldset{flex-direction:column}
  .bmi-hsform .hs-input:not([type=checkbox]):not([type=radio]){font-size:16px}
}
/* date rules (bmi-campaign-date.js) */
.bmi-hsform .bmi-date-hint{font-size:13px;color:var(--bf-muted);margin:6px 0 0}
.bmi-hsform .bmi-date-hint b{color:var(--bf-ink)}
.bmi-hsform .bmi-date-hint.bmi-date-error{color:var(--bf-error);font-weight:500}
.bmi-hsform .bmi-date-summary{margin:-4px 0 0;font-size:13px;line-height:1.5;color:var(--bf-muted)}
.bmi-hsform .bmi-date-summary b{color:var(--bf-ink)}
.bmi-hsform .pika-table td.bmi-blocked .pika-button{opacity:.3;cursor:not-allowed;background:transparent!important;color:var(--bf-muted)!important}
.ka-hwc{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ka-hwc button{display:flex!important;align-items:center;justify-content:center;height:68px;padding:0 14px!important;text-align:center;box-sizing:border-box}.ka-hwc button.ka-lg img{display:block;height:30px;width:auto;max-width:100%;object-fit:contain}.ka-hwc button.ka-lg img[alt="myWER"]{height:38px}.ka-hwc button.on{background:#EEF1FB!important;color:var(--deep)!important;border-color:var(--deep)!important;box-shadow:inset 0 0 0 1px var(--deep)}@media (max-width:520px){.ka-hwc{grid-template-columns:repeat(2,minmax(0,1fr))}}</style>