.mmhf {
	--mmhf-primary: #001749;
	--mmhf-primary-hover: #0a2566;
	--mmhf-accent: #C59B40;
	--mmhf-accent-hover: #B28E3B;
	--mmhf-text: #001749;
	--mmhf-muted: #6D7172;
	--mmhf-line: #001749;
	--mmhf-soft: #D9D9D9;
	--mmhf-bg: #ffffff;
	--mmhf-aside-bg: #10223F;
	--mmhf-serif: "FreightDispProLight", Sans-serif;
	--mmhf-sans: 'Avenir', 'Nunito Sans', 'Helvetica Neue', -apple-system, sans-serif;
	background: var(--mmhf-bg);
	color: var(--mmhf-text);
	font-family: var(--mmhf-sans);
	-webkit-font-smoothing: antialiased;
	position: relative;
}
strong {
    font-weight: 800;
}
.page-id-34570 header, .page-id-34570 footer {
    display: none;
}
.mmhf *, .mmhf *::before, .mmhf *::after { box-sizing: border-box; }

/* The HTML `hidden` attribute must always win over the display rules below
   (position:fixed/flex on .mmhf-done etc. would otherwise keep it visible). */
.mmhf [hidden] { display: none !important; }

/* ---------- Split-screen layout ---------- */
.mmhf-layout-split {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
	min-height: 100vh;
} 
.mmhf-layout-card {
/* 	max-width: 720px; */
	margin: 0 auto;
	min-height: auto;
	border-radius: 14px;
/* 	box-shadow: 0 10px 40px rgba(0, 23, 73, 0.08); */
	overflow: hidden;
}
.mmhf-layout-card .mmhf-aside { display: none; }

/* Form-only layout: single column, contained, no fullscreen takeover */
.mmhf-layout-plain { display: block; min-height: auto; }
.mmhf-layout-plain .mmhf-main { min-height: auto; }
.mmhf-layout-plain .mmhf-aside { display: none; }
.mmhf-layout-plain .mmhf-stage { padding: clamp(24px, 4vh, 48px) 0; }
.mmhf-layout-plain .mmhf-inner { max-width: 640px; margin: 0; }
.mmhf-layout-plain .mmhf-done { position: relative; inset: auto; padding: 48px 0; min-height: auto; }
.mmhf-layout-plain .mmhf-done-image { display: none; }
.mmhf-layout-plain .mmhf-done-panel { padding: 0; }
.mmhf-layout-plain .mmhf-done-title { color: var(--mmhf-primary); }
.mmhf-layout-plain .mmhf-done-text { color: var(--mmhf-muted); }
.mmhf-layout-plain .mmhf-eyebrow-light { color: var(--mmhf-accent); }

.mmhf-main {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.mmhf-layout-card .mmhf-main { min-height: auto; }

/* ---------- Header ---------- */
.mmhf-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 24px;
	padding: 22px clamp(20px, 4vw, 48px);
}
.mmhf-logo { height: 26px; width: auto; display: block; }
.mmhf-logo-text { font-family: var(--mmhf-serif); font-size: 26px; color: var(--mmhf-primary); }
.mmhf-header-mail {
	display: flex; align-items: center; gap: 10px;
	color: var(--mmhf-primary); font-size: 14px; letter-spacing: .02em;
	text-decoration: none; border: 0;
}
.mmhf-header-tag { color: var(--mmhf-muted); }
.mmhf-header-addr { font-weight: 700; }

/* ---------- Progress ---------- */
.mmhf-progress { height: 2px; background: #EDEAE2; position: relative; }
.mmhf-progress-bar {
	position: absolute; left: 0; top: 0; bottom: 0; width: 0;
	background: var(--mmhf-accent);
	transition: width 420ms cubic-bezier(.4, 0, .2, 1);
	display: block;
}

/* ---------- Stage ---------- */
.mmhf-stage {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(32px, 6vh, 72px) clamp(20px, 4vw, 48px);
}
.mmhf-inner { width: 100%; margin: 0 auto; }

/* ---------- Typography ---------- */
.mmhf-eyebrow {
	font-size: 12px; letter-spacing: .18em; text-transform: uppercase;
	color: var(--mmhf-accent); font-weight: 700;
}
.mmhf-eyebrow-light { color: var(--mmhf-accent); }
.mmhf-heading {
	font-family: var(--mmhf-serif); font-weight: 300;
	font-size: clamp(40px, 6vw, 68px); line-height: 1; margin: 18px 0 0;
	letter-spacing: -.005em;
}
.mmhf-sub {
	margin: 18px 0 0; font-size: 20px; line-height: 1.45;
	color: var(--mmhf-text); max-width: 560px;
}
.mmhf-notice {
	display: block; gap: 16px;
	padding: 18px 22px; margin-top: 24px;
	background: #FCFAF5; border-left: 1px solid var(--mmhf-accent);
	font-size: 15px; line-height: 1.5; max-width: 560px;
}
.mmhf-notice a {
    text-decoration: underline;
    color: var(--mmhf-accent) !important;
}
.mmhf-notice strong {
    font-weight: 800;
}
.mmhf-intro-actions {
	display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 28px;
}

.mmhf-hint { font-size: 13px; color: var(--mmhf-muted); }

/* ---------- Question steps ---------- */
.mmhf-form { display: block; }
.mmhf-steps { display: flex; flex-direction: column; gap: 24px; }
.mmhf-step { 
	animation: mmhf-fade 1s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes mmhf-fade { 
	from {
		opacity: 0; transform: translateY(14px); transition: cubic-bezier(0.4, 0, 0.2, 1);
	} to {
		opacity: 1; transform: translateY(0px); 
		transition: cubic-bezier(0.4, 0, 0.2, 1);
	} 
}

.mmhf-step-label {
	font-size: 12px; letter-spacing: .18em; text-transform: uppercase;
	color: var(--mmhf-accent); font-weight: 700;
}

/* Grouped steps: multiple fields laid out in a responsive row */
.mmhf-step-title {
	font-family: var(--mmhf-serif); font-weight: 300;
	font-size: clamp(28px, 3.4vw, 40px); line-height: 1.1;
	color: var(--mmhf-primary); margin: 6px 0 4px;
}
.mmhf-step-help { margin: 2px 0 4px; font-size: 16px; line-height: 1.5; color: var(--mmhf-muted); }
.mmhf-fields { display: flex; flex-wrap: wrap; gap: 24px 32px; margin-top: 10px; }
.mmhf-fields > .mmhf-fieldwrap { flex: 1 1 100%; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-20  { flex: 1 1 calc(20% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-25  { flex: 1 1 calc(25% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-30  { flex: 1 1 calc(30% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-33  { flex: 1 1 calc(33.333% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-40  { flex: 1 1 calc(40% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-45  { flex: 1 1 calc(45% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-50  { flex: 1 1 calc(50% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-60  { flex: 1 1 calc(60% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-66  { flex: 1 1 calc(66.666% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-70  { flex: 1 1 calc(70% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-75  { flex: 1 1 calc(75% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-80  { flex: 1 1 calc(80% - 32px); }
.mmhf-step-grouped .mmhf-fields > .mmhf-w-100 { flex: 1 1 100%; }
/* In a grouped step the per-field question titles shrink so several fit nicely */
.mmhf-step-grouped .mmhf-q-title { font-size: clamp(22px, 2.4vw, 30px); }
@media (max-width: 640px) {
	.mmhf-step-grouped .mmhf-fields > .mmhf-fieldwrap { flex: 1 1 100%; }
}

.mmhf-q-title {
	font-family: var(--mmhf-serif); font-weight: 300;
	font-size: clamp(40px, 4.6vw, 52px); line-height: 1.05; margin: 0;
}

.mmhf-help { margin: 0; font-size: 17px; line-height: 1.5; color: var(--mmhf-muted); }

.mmhf-field-label {
	font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
	color: var(--mmhf-accent); font-weight: 700;
}
.mmhf-field { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.mmhf-fields > .mmhf-fieldwrap[data-index="13"] .mmhf-q-title {
    display: none;
}

.mmhf-fields > .mmhf-fieldwrap[data-type="select"] .mmhf-q-title {
    font-family: 'Avenir' !important;
    font-size: 11px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase;
    color: var(--mmhf-accent);
    font-weight: 700;
    line-height: normal !important;
}

.mmhf-fields > .mmhf-fieldwrap[data-type="select"] {
    margin-top: 14px;
}

.mmhf-fields > .mmhf-fieldwrap[data-type="select"] .mmhf-field {
    margin-top: 0px;
}
.mmhf-fields > .mmhf-fieldwrap[data-index="9"] .mmhf-q-title,
.mmhf-fields > .mmhf-fieldwrap[data-index="10"] .mmhf-q-title,
.mmhf-fields > .mmhf-fieldwrap[data-index="11"] .mmhf-q-title, 
.mmhf-fields > .mmhf-fieldwrap[data-index="12"] .mmhf-q-title,  
.mmhf-fields > .mmhf-fieldwrap[data-index="14"] .mmhf-q-title, 
.mmhf-fields > .mmhf-fieldwrap[data-index="15"] .mmhf-q-title{
    display: none;
}
.mmhf-fields > .mmhf-fieldwrap[data-type="hidden"] {
    display: none;
}
/* Underline-style inputs */
.mmhf-input {
	width: 100%;
    border: 0;
    border-bottom: 1px solid var(--mmhf-line) !important;
    padding: 12px 0 !important;
    font-size: 22px !important;
    background: transparent !important;
    color: var(--mmhf-primary) !important;
    font-weight: 300;
    font-family: inherit;
	border-radius:0px !important;
}
.mmhf-input::placeholder { color: #C4C4C4 !important; }
.mmhf-input:focus { outline: none ; border-bottom-color: var(--mmhf-accent) !important; }
textarea.mmhf-input { font-size: 20px !important; line-height: 1.45; resize: vertical !important; min-height: 120px; }

/* Phone field via intl-tel-input — matched to the underline input style */
.mmhf-field .iti { width: 100%; max-width: 100%; display: block; }
.mmhf-field .iti__tel-input,
.mmhf-field input.mmhf-iti-input {
	width: 100%; border: 0; border-bottom: 1px solid var(--mmhf-line);
	padding: 12px 0; font-size: 22px; background: transparent;
	color: var(--mmhf-primary); font-weight: 300; font-family: inherit;
}
.mmhf-field .iti__tel-input:focus,
.mmhf-field input.mmhf-iti-input:focus { outline: none; border-bottom-color: var(--mmhf-accent); }
/* Country selector button: transparent, sits on the same underline */
.mmhf-field .iti__selected-country { background: transparent; border: 0; padding-left: 0; }
.mmhf-field .iti__selected-country-primary { padding: 0 6px 0 0; }
.mmhf-field .iti--separate-dial-code .iti__selected-dial-code { font-size: 18px; color: var(--mmhf-primary); font-weight: 300; }
.mmhf-field .iti__selected-country:hover,
.mmhf-field .iti__selected-country:focus { background: transparent; }
/* Give the tel input room for the flag/dial-code prefix */
.mmhf-field .iti--separate-dial-code .iti__tel-input { padding-left: 8px; }
.mmhf-field .iti__dropdown-content { font-size: 15px; color: var(--mmhf-primary); }
.mmhf-field .iti__search-input { font-size: 15px; padding: 10px 12px; }
.mmhf-field .iti__country-container {
    border-right: 1px solid rgb(217, 217, 217) !important;
    padding-right: 10px !important;
}
.mmhf-field .iti__selected-dial-code,
.hire-staff-contact-form .mmhf-field .iti__selected-dial-code {
    font-size: 20px !important;
    font-family: 'Avenir' !important;
    line-height: 1 !important;
    margin-top: 0px !important;
    top: 0px !important;
}
.mmhf-field .iti input[type="tel"], .mmhf-field .iti input[type="text"] {
    padding-left: 108px !important;
}
/* HTML / content block field */
.mmhf-step-html .mmhf-html-content { font-size: 17px; line-height: 1.6; color: var(--mmhf-text); }
.mmhf-step-html .mmhf-html-content > *:first-child { margin-top: 0; }
.mmhf-step-html .mmhf-html-content h1,
.mmhf-step-html .mmhf-html-content h2,
.mmhf-step-html .mmhf-html-content h3 { font-family: var(--mmhf-serif); font-weight: 300; color: var(--mmhf-primary); }
.mmhf-step-html .mmhf-html-content hr { border: 0; border-top: 1px solid var(--mmhf-soft); margin: 24px 0; }
.mmhf-step-html .mmhf-html-content img { max-width: 100%; height: auto; }
.mmhf-step-html .mmhf-html-content a {
    border: 0px;
    background: var(--mmhf-primary);
    color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 16px 30px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    box-sizing: border-box;
}
/* Choice inputs (radio/checkbox/select) */
.mmhf-choices { 
	display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}
.mmhf-choice {
	display: flex;
    align-items: center;
    gap: 5px;
    color: var(--mmhf-primary) !important;
    border: 1px solid var(--mmhf-primary);
    border-radius: 999px;
    padding: 14px 24px;
    min-height: 48px;
    font-size: 15px;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    cursor: pointer;
    transition: 160ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mmhf-choice:hover {
    box-shadow: var(--mmhf-accent) 0px 0px 0px 1px inset !important;
    border-color: var(--mmhf-accent) !important;
}
.mmhf-choice input { display:none;accent-color: var(--mmhf-primary); width: 15px; height: 15px; flex: none; }
.mmhf-choice:has(input:checked) { background: var(--mmhf-primary); border-color: var(--mmhf-primary); color: #fff !important; }
select.mmhf-input { font-size: 20px; }

/* Date / time / file inputs keep the underline style */
input[type="date"].mmhf-input, input[type="time"].mmhf-input { font-size: 20px !important; }
.mmhf-file { margin-top: 8px; }
.mmhf-file input[type="file"] { font-size: 15px; color: var(--mmhf-primary); }
.mmhf-file-hint { font-size: 12px; color: var(--mmhf-muted); margin-top: 4px; }

/* Honeypot: visually hidden but present in the DOM */
.mmhf-hp { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

/* reCAPTCHA */
.mmhf-recaptcha { margin-top: 12px; }

/* Review */
.mmhf-summary { display: flex; flex-direction: column; border-top: 1px solid var(--mmhf-soft); margin-top: 8px; }
.mmhf-srow {
	display: grid; grid-template-columns: minmax(110px, 160px) minmax(0, 1fr) auto;
	gap: 16px; align-items: baseline; padding: 14px 0;
	border-bottom: 1px solid var(--mmhf-soft); font-size: 15px;
}
.mmhf-slabel { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--mmhf-accent); font-weight: 700; }
.mmhf-sval { color: var(--mmhf-primary); overflow-wrap: anywhere; white-space: pre-wrap; }
.mmhf-edit {
	border: 0; background: none; color: var(--mmhf-muted); font-size: 13px;
	letter-spacing: .05em; text-transform: lowercase; cursor: pointer; padding: 0;
	border-bottom: 1px solid var(--mmhf-soft);
}
.mmhf-edit:hover { color: var(--mmhf-accent-hover); border-color: var(--mmhf-accent-hover); }

.mmhf-accept {
	display: flex;
    gap: 14px;
    align-items: flex-start;
    cursor: pointer;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: var(--mmhf-primary) !important;
    margin-top: 8px;
}
.mmhf-accept input { width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--mmhf-primary); flex: none; }

/* Error */
.mmhf-error { font-size: 14px; color: #B3261E; margin-top: 4px; }

/* ---------- Buttons / Nav ---------- */
.mmhf-btn { font: inherit; cursor: pointer; border: 0; }
.mmhf-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--mmhf-primary);
	color: #fff;
	border-radius: 5px !important;
	padding: 8px 22px 8px 22px !important;
	min-height: 48px;
	font-size: 15px !important;
	font-weight: 700 !important;
	letter-spacing: .05em;
	transition: background 160ms;
	text-transform: capitalize !important;
	border-color: var(--mmhf-primary) !important;
}
.mmhf-btn-primary:disabled,
.mmhf-btn-primary.mmhf-next-locked {
	opacity: .45; 
	cursor: not-allowed; 
	pointer-events: none;
	background: var(--mmhf-primary);
/* 	display:none; */
}
.mmhf-btn-primary:hover { background: var(--mmhf-primary-hover); }
.mmhf-intro-actions .mmhf-start {
    border-radius: 5px !important;
    padding: 12px 30px;
    font-size: 16px;
    font-family: 'Avenir';
    font-weight: 600;
    text-transform: capitalize;
    border-color: var(--mmhf-primary);
    background-color: var(--mmhf-primary) !important;
}

.mmhf-intro-actions .mmhf-start:hover {
    background-color: #fff !important;
    border-color: var(--mmhf-primary);
}
.mmhf-intro-actions .mmhf-start:focus {
    color: #fff !important;
}
.mmhf-review-active .mmhf-next { background: var(--mmhf-accent); }
.mmhf-review-active .mmhf-next:hover { background: var(--mmhf-accent-hover); }

.mmhf-nav {
	display: flex; align-items: center; justify-content: space-between;
	gap: 16px; flex-wrap: wrap; margin-top: 20px;
}
.mmhf-nav-right { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-left: auto; }
.mmhf-back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid var(--mmhf-primary) !important;
	background: transparent !important;
	color: var(--mmhf-primary) !important;
	border-radius: 999px !important;
	padding: 8px 22px 8px 16px !important;
	min-height: 44px;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .05em;
	text-transform: lowercase !important;
}
.mmhf-back:hover { box-shadow: inset 0 0 0 1px var(--mmhf-accent) !important; border-color: var(--mmhf-accent ) !important; }

/* ---------- Right image panel ---------- */
.mmhf-aside {
	position: sticky; top: 0; height: 100vh; min-height: 420px;
	background: var(--mmhf-aside-bg); overflow: hidden;
}
.mmhf-aside img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; display: block; }

/* ---------- Success screen ---------- */
.mmhf-done {
	position: fixed; inset: 0;
	display: flex; align-items: center; overflow: hidden; z-index: 9;
}
.mmhf-done-image { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; background: var(--mmhf-aside-bg); }
.mmhf-done-image img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; }
.mmhf-done-panel {
	position: relative; display: flex; flex-direction: column; gap: 20px;
	max-width: 560px; padding: clamp(32px, 6vw, 96px) clamp(24px, 5vw, 80px);
}
.mmhf-done-title { font-family: var(--mmhf-serif); font-weight: 300; font-size: clamp(40px, 6vw, 72px); line-height: 1; margin: 0; color: #fff; }
.mmhf-done-name::before { content: ", "; }
.mmhf-done-text { margin: 0; font-size: 18px; line-height: 1.5; }

/* Card layout: keep success contained, not fullscreen */
.mmhf-layout-card .mmhf-done { position: relative; inset: auto; padding: 60px 40px; }
.mmhf-layout-card .mmhf-done-image { display: none; }
.mmhf-layout-card .mmhf-stage {
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width: 700px) {
	.mmhf-aside { display: none; }
	.mmhf-done-image { display: none; }
	.mmhf-done { position: relative; inset: auto; min-height: 60vh; }
.mmhf-choices {
    flex-wrap: wrap;
}
}
