/* Contact pages (inc/contact-inquiry/page.php). Values = live's Elementor post-5850.css / post-5592.css
   plus the Astra / Elementor-kit defaults measured on live 2026-09-28. Content box = the house 1340
   container (1400 max, 30px gutters) - live's 1440 boxed width is not chased (CLAUDE.md "Never widen").
   Never write a star-slash inside a comment in this file. */

/* Live: the HubSpot form injects Google Poppins 400/500/700 faces AFTER the theme faces, so every 600 run
   (h1) resolves to the injected 700 (true Bold). Mirror that for this page only. */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap;
             src: url(../assets/fonts/Poppins/woff2/Poppins-Bold.woff2) format('woff2'), url(../assets/fonts/Poppins/Poppins-Bold.ttf) format('truetype'); unicode-range: U+018F, U+0192, U+01FC-01FD, U+0218-021B, U+0259, U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+03C0, U+0901-0903, U+0905-090D, U+090F-0911, U+0913-0928, U+092A-0933, U+0935-0939, U+093C-0945, U+0947-0949, U+094B-094D, U+0950, U+0958-095E, U+0960-0970, U+0972, U+1E80-1E85, U+1EBC-1EBD, U+1EF2-1EF3, U+1EF8-1EF9, U+20A8, U+20BA, U+20BD, U+2113, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+25CC, U+FB01-FB02; }@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap;
             src: url(../assets/fonts/Poppins/woff2/Poppins-Bold-latin.woff2) format('woff2'); unicode-range: U+0020-007E, U+00A0-0107, U+010A-011B, U+011E-0123, U+0128-0131, U+0136-0137, U+0139-0148, U+014C-015B, U+015E-0165, U+0168-017E, U+02BC, U+02C6, U+02DA, U+02DC, U+200C-200D, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20B9, U+2122, U+2212, U+2215; }

.cnt {
    font-family: "Poppins", sans-serif; font-size: 16px; line-height: 1.65; color: #000;   /* Astra body */
}
.cnt * { box-sizing: border-box; }
.cnt p { margin: 0; }
.cnt-box { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 30px; }

/* 8b6da05 - hero banner */
.cnt-hero { display: flex; flex-direction: column; justify-content: center; min-height: 350px;
    background: url(https://dahqbtk1vlskk.cloudfront.net/wp-content/uploads/2025/06/18072443/contact-banner-img.webp) center right / cover no-repeat; }
.cnt-hero-in { display: flex; flex-direction: column; align-items: flex-start; }
.cnt-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0 35px; list-style: none; margin: 0; padding: 0; }
.cnt-crumb li { display: flex; align-items: center; margin: 0; padding: 0; }
.cnt-crumb li:not(:last-child)::after { content: ""; position: relative; left: 17.5px; width: 5px; height: 5px; border-radius: 30px; background: #fff; }
.cnt-crumb span, .cnt-crumb a { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.65; color: #fff; text-decoration: none; }
.cnt .cnt-h1 { width: 800px; max-width: 800px; margin: 50px 0 24px; padding: 0; font-family: "Poppins", sans-serif;
    font-size: clamp(2.125rem, 1.747rem + 2.0161vw, 3.375rem); font-weight: 600; line-height: 1.2em; letter-spacing: normal; color: #fff; text-transform: none; }
.cnt-lead { width: 626px; max-width: 626px; font-size: 18px; font-weight: 400; line-height: 28px; color: #fff; }
.cnt-lead p { font-size: inherit; line-height: inherit; color: inherit; }

/* f1b10cb - two-column band; each column's outer padding lines its content up with the house box */
.cnt-band { display: flex; flex-direction: row; }
/* live: #primary margin-bottom -33px slides the footer over the band bottom 33px of padding - taken off the
   bottom padding here instead (a negative margin would paint the tint over the footer) */
.cnt-left { width: 50%; background: rgba(1, 97, 255, .08); padding: 60px 60px 27px max(30px, calc(50% - 670px)); }
.cnt-right { width: 50%; padding: 60px max(30px, calc(50% - 670px)) 27px 60px; }
.cnt-left-in, .cnt-right-in { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.cnt-right-in { align-items: stretch; }

/* 843109c - HQ card */
.cnt-hq { align-self: stretch; display: flex; flex-direction: column; gap: 20px; padding: 24px; background: #fff; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .02); }
.cnt .cnt-hq h2 { margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 500; line-height: 1.3em; letter-spacing: normal; color: #141414; text-transform: capitalize; }
.cnt .cnt-hq-addr { font-size: inherit; font-weight: 400; line-height: 1.3em; color: #000; text-transform: capitalize; }
.cnt .cnt-types { margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 500; line-height: 1.3em; letter-spacing: normal; color: #141414; text-transform: capitalize; }

/* inquiry-type cards (b8ec086 ...) */
.cnt-card { align-self: stretch; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 20px;
    padding: 20px; background: #fff; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .02); }
.cnt .cnt-card p { font-size: 1.25em; font-weight: 500; line-height: 1; color: #000; text-transform: capitalize; }

/* buttons (1014e57 + card buttons): kit 16px/500/1em, row-reverse icon, gap 9 */
.cnt .cnt-btn { display: inline-block; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; line-height: 1; color: #0161ff; fill: #0161ff;
    background: #fff; border: 1px solid #0161ff; text-decoration: none; transition: all .3s; }
.cnt-btn--hq { padding: 13px 35px; border-radius: 8px; }
.cnt-btn--card { padding: 16px 10px 15px 16px; border-radius: 0; }
.cnt .cnt-btn:hover, .cnt .cnt-btn:focus { background: #0161ff; color: #fff; fill: #fff; }
.cnt-btn-in { display: flex; flex-direction: row-reverse; justify-content: center; gap: 9px; }
.cnt-btn-ic { display: flex; align-items: center; }
.cnt-btn-ic svg { display: block; }

/* right column: form intro, form, note */
.cnt .cnt-fh { margin: 0; padding: 0; font-family: "Poppins", sans-serif; font-size: 32px; font-weight: 500; line-height: 1.3em; letter-spacing: normal; color: #141414; text-transform: capitalize; }
.cnt .cnt-fp { font-size: inherit; font-weight: 400; line-height: 1; color: #000; text-transform: capitalize; }
.cnt .cnt-fp--lh20 { line-height: 20px; }
.cnt-note { margin-top: 4px; font-size: 15px; font-weight: 400; line-height: 24px; color: #868686; }
.cnt .cnt-note p { margin: 0 0 24px; font-size: inherit; line-height: inherit; color: inherit; }
.cnt-note a { color: #046bd2; text-decoration: none; }
.cnt-note a:hover, .cnt-note a:focus { color: #045cb4; }

/* HubSpot form: live's site-level rules (Elementor custom code, global on live) - inner parts only */
.cnt-form .hsfc-Step__Content { padding: 0 !important; }
.cnt-form .hsfc-NavigationRow { width: max-content; float: right; }
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Caret { right: -3px !important; padding: 0 10px !important; }
.cnt-form .hsfc-DropdownInput input { padding: 10px 25px 10px 20px !important; }
.cnt-form .hsfc-PhoneInput__FlagAndCaret { padding: 0 10px !important; }
.cnt-form .hsfc-PhoneInput__FlagAndCaret__Flag { color: #000 !important; }
.cnt-form .hsfc-FieldLabel { margin: 0 !important; }
.cnt-form textarea.hsfc-TextareaInput { overflow-x: hidden; margin-top: 15px; resize: none !important; height: 98px !important; }
.cnt-form [data-hsfc-id="Renderer"] .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl) .hsfc-PhoneInput__FlagAndCaret { background: #fff; border-width: 0 0 1px; border-radius: 0; border-color: #c2c2c2; }
.cnt-form button.hsfc-Button { background-color: #0161ff; border: 1px solid #0161ff; border-radius: 0; padding: 16px 10px 10px 16px; font-family: "Poppins", sans-serif;
    color: #fff; width: 100%; text-transform: capitalize; font-weight: 500; font-size: 16px; }
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu .hsfc-DropdownInput__Search,
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu .hsfc-DropdownInput__SearchWrapper,
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu .hsfc-DropdownInput__SearchInput,
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu input[placeholder="Search"],
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu input[aria-label="Search"],
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu input[type="search"],
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu [role="searchbox"] { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
.cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Menu { padding-top: 0 !important; }
/* live site css for .hub-form-emb inner controls (bottom-rule fields) */
.cnt-form input, .cnt-form select, .cnt-form textarea { height: 45px !important; background: #fff !important; border-width: 0 0 1px !important; border-radius: 0 !important;
    border-color: #c2c2c2 !important; color: #000 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 28px !important;
    box-shadow: #fff 0 0 0 !important; padding: 0 !important; }
.cnt-form ::placeholder { font-family: "Poppins", sans-serif !important; color: rgba(0, 0, 0, .31) !important; text-transform: capitalize !important;
    font-weight: 400 !important; font-size: 16px !important; line-height: 24px !important; }
/* per-page widget custom css */
.cnt-form--row2 [data-hsfc-id="Renderer"] .hsfc-Row:nth-child(2),
.cnt-form--row3 [data-hsfc-id="Renderer"] .hsfc-Row:nth-child(3) { grid-template-columns: auto !important; gap: 20px !important; }
.cnt--ph-half .cnt-form ::placeholder { opacity: .5; }
/* WordPress-core form defaults live's inputs/labels inherit (no HubSpot rule sets these), and undo
   header.css's site-wide placeholder opacity:0 */
.cnt-form input[type="text"], .cnt-form input[type="email"], .cnt-form input[type="tel"], .cnt-form input[type="number"] {
    height: 40px; line-height: 24px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}
.cnt-form textarea { line-height: 24px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); }
.cnt-form label { font-weight: 500; line-height: 20px; }
/* site body * sets Poppins on every node; live lets the form theme font cascade (Step = Helvetica) */
.cnt-form :where(.hsfc-Step) { font-family: Helvetica; }
.cnt-form :where(.hsfc-Step *) { font-family: inherit; }
.cnt-form button { line-height: 1em; }   /* Elementor kit button line-height */
.cnt-form input::placeholder, .cnt-form textarea::placeholder { opacity: 1; }
.cnt--ph-half .cnt-form input::placeholder, .cnt--ph-half .cnt-form textarea::placeholder { opacity: .5; }
@media (max-width: 600px) {
    .cnt-form [data-hsfc-id="Renderer"] .hsfc-Row { grid-template-columns: auto !important; gap: 15px !important; }
}

@media (max-width: 1366px) {
    .cnt .cnt-h1 { width: 70%; max-width: 70%; }
    .cnt-lead { width: 50%; max-width: 50%; }
    .cnt-left { padding: 50px 30px 17px max(30px, calc(50% - 670px)); }
    .cnt-right { padding: 60px max(30px, calc(50% - 670px)) 27px 30px; }
    .cnt .cnt-fh { font-size: 30px; }
}
@media (max-width: 1200px) {
    .cnt .cnt-h1 { width: 80%; max-width: 80%; }
    .cnt-lead { width: 60%; max-width: 60%; }
    .cnt .cnt-hq-addr { line-height: 1.4em; }
    .cnt .cnt-fh { font-size: 25px; }
}
@media (max-width: 1024px) {
    .cnt .cnt-h1 { width: 100%; max-width: 100%; font-size: 40px; }
    .cnt-lead { width: 80%; max-width: 80%; }
    .cnt-band { flex-direction: column; }
    .cnt-left, .cnt-right { width: 100%; padding: 30px; }
}
@media (max-width: 767px) {
    .cnt-hero { min-height: 300px; padding: 15px 0; }
    .cnt-hero .cnt-box { padding: 0 15px; }
    .cnt .cnt-h1 { width: 100%; max-width: 100%; margin: 20px 0 15px; font-size: 34px; }
    .cnt-lead { width: 100%; max-width: 100%; font-size: 16px; line-height: 1.3em; }
    .cnt-left, .cnt-right { padding: 15px; }
    .cnt .cnt-fh { font-size: 20px; }
    /* header.css forces label margin-bottom .5rem !important <=767px; live's hub-form-emb rule is 0 */
    .cnt-form .hsfc-FieldLabel { margin: 0 !important; }
}
/* Astra drops html font-size to 91.2% at <=544px; its mobile heading / button sizes (measured on live 375) */
@media (max-width: 544px) {
    .cnt { font-size: 14.592px; }
    .cnt .cnt-hq h2 { font-size: 22.8px; }
    .cnt .cnt-types { font-size: 18.24px; }
    .cnt .cnt-btn { font-size: 14.592px; }
    .cnt-btn--hq { padding: 12px 24px; }
}
/* stacked (<=1024px): live's -33px footer overlap eats the right column's bottom padding and part of the
   note's last 24px paragraph margin */
@media (max-width: 1024px) {
    .cnt-right { padding-bottom: 0; }
    .cnt .cnt-note p:last-child { margin-bottom: 21px; }
}
@media (max-width: 767px) {
    .cnt .cnt-note p:last-child { margin-bottom: 6px; }
}

/* ---- OWNER 2026-09-29: cleaner form design on both contact pages (replaces live's
   underline fields). Outlined 46px boxes, Poppins labels, even 18px rhythm, blue focus
   ring, full-width button. Only the inner inputs / flag cell are styled, so the phone
   and dropdown fields still read as ONE box each (owner rule). ---- */
.cnt .cnt-form :where(.hsfc-Step), .cnt .cnt-form :where(.hsfc-Step *) { font-family: "Poppins", sans-serif; }
.cnt .cnt-form [data-hsfc-id="Renderer"] .hsfc-Row { margin-bottom: 18px !important; gap: 18px 20px !important; }
.cnt .cnt-form--row2 [data-hsfc-id="Renderer"] .hsfc-Row:nth-child(2),
.cnt .cnt-form--row3 [data-hsfc-id="Renderer"] .hsfc-Row:nth-child(3) { gap: 18px !important; }
.cnt .cnt-form label, .cnt .cnt-form .hsfc-FieldLabel {
    font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 500 !important;
    line-height: 20px !important; color: #141414 !important; margin: 0 0 6px !important; }
.cnt .cnt-form input, .cnt .cnt-form select, .cnt .cnt-form textarea {
    height: 46px !important; padding: 0 14px !important; background: #fff !important;
    border: 1px solid #d5d9e2 !important; border-radius: 6px !important; box-shadow: none !important;
    font-family: "Poppins", sans-serif !important; font-size: 15px !important; color: #141414 !important;
    transition: border-color .15s, box-shadow .15s; }
.cnt .cnt-form textarea, .cnt .cnt-form textarea.hsfc-TextareaInput {
    height: 110px !important; padding: 12px 14px !important; margin-top: 0 !important; line-height: 22px !important; }
.cnt .cnt-form .hsfc-DropdownInput input { padding: 0 38px 0 14px !important; }
.cnt .cnt-form [data-hsfc-id="Renderer"] .hsfc-DropdownInput__Caret { right: 4px !important; }
/* phone: flag cell + number read as one box */
.cnt .cnt-form [data-hsfc-id="Renderer"] .hsfc-PhoneInput:not(.hsfc-PhoneInput--rtl) .hsfc-PhoneInput__FlagAndCaret {
    box-sizing: border-box !important; height: 46px !important; border: 1px solid #d5d9e2 !important; border-right: 0 !important;
    border-radius: 6px 0 0 6px !important; background: #f7f8fb !important; padding: 0 10px !important; }
.cnt .cnt-form .hsfc-PhoneInput input.hsfc-TextInput { border-radius: 0 6px 6px 0 !important; }
.cnt .cnt-form ::placeholder, .cnt .cnt-form input::placeholder, .cnt .cnt-form textarea::placeholder {
    color: #9aa1ad !important; opacity: 1 !important; text-transform: none !important;
    font-family: "Poppins", sans-serif !important; font-size: 14px !important; }
.cnt .cnt-form input:focus, .cnt .cnt-form select:focus, .cnt .cnt-form textarea:focus {
    border-color: #0161ff !important; box-shadow: 0 0 0 3px rgba(1, 97, 255, .12) !important; outline: none !important; }
.cnt .cnt-form .hsfc-ErrorAlert { font-family: "Poppins", sans-serif !important; font-size: 13px !important; margin-top: 6px !important; }
.cnt .cnt-form .hsfc-NavigationRow { width: 100% !important; float: none !important; margin-top: 4px !important; }
.cnt .cnt-form .hsfc-NavigationRow__Buttons { width: 100%; }
.cnt .cnt-form button.hsfc-Button {
    width: 100% !important; height: 50px; justify-content: center; text-align: center;
    padding: 0 16px !important; border-radius: 6px !important; background: #0161ff !important; border: 1px solid #0161ff !important;
    font-family: "Poppins", sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #fff !important; }
.cnt .cnt-form button.hsfc-Button:hover { background: #0148c7 !important; border-color: #0148c7 !important; }
@media (max-width: 600px) { .cnt .cnt-form [data-hsfc-id="Renderer"] .hsfc-Row { gap: 18px !important; } }
