/* NALTH Membership Application | v1.2.0 Standalone stylesheet for /page/MembershipApplication. Upload directly to /resource/resmgr/files/2026/join/. Includes the application shell, form and contact CTA; no master CSS required. */ #nalth-join-application; CTA rules use .nalth-join-cta. */ #nalth-join-application { --nj-navy:#153546; --nj-seafoam:#9cbaba; --nj-seafoam-dark:#527779; --nj-mist:#f0f3f1; --nj-ink:#243943; --nj-muted:#55747b; --nj-line:#d7e1e1; --nj-serif:Georgia,"Times New Roman",serif; --nj-sans:Arial,Helvetica,sans-serif; width:100%; margin:0; color:var(--nj-ink); font:400 16px/1.6 var(--nj-sans); text-align:left; overflow-wrap:break-word; container:nalth-join / inline-size; } #nalth-join-application, #nalth-join-application *, #nalth-join-application *::before, #nalth-join-application *::after { box-sizing:border-box; } #nalth-join-application [hidden] { display:none!important; } #nalth-join-application .nj-shell { overflow:hidden; width:100%; margin:0; background:#fff; border:1px solid var(--nj-line); border-radius:22px; box-shadow:0 16px 44px rgba(21,53,70,.10); } #nalth-join-application .nj-masthead { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px clamp(22px,5vw,48px); color:#fff; background:var(--nj-navy); border-bottom:6px solid var(--nj-seafoam); } #nalth-join-application .nj-brand { margin:0; color:#fff; font:800 14px/1.2 var(--nj-sans); letter-spacing:.18em; text-transform:uppercase; } #nalth-join-application .nj-brand span { color:var(--nj-seafoam); } #nalth-join-application .nj-masthead-note { flex:0 0 auto; color:#dbe7e7; font:700 12px/1.35 var(--nj-sans); letter-spacing:.12em; text-align:right; text-transform:uppercase; } #nalth-join-application .nj-section-nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:14px clamp(22px,5vw,48px); background:#fff; border-bottom:1px solid var(--nj-line); } #nalth-join-application .nj-section-nav strong { margin-right:4px; color:var(--nj-navy); font:800 11px/1.2 var(--nj-sans); letter-spacing:.1em; text-transform:uppercase; } #nalth-join-application .nj-section-nav a, #nalth-join-application .nj-back-top { display:inline-block; padding:8px 11px; color:var(--nj-navy); background:var(--nj-mist); border:1px solid var(--nj-line); border-radius:999px; font:700 12px/1.2 var(--nj-sans); text-decoration:none; transition:background .2s ease,border-color .2s ease; } #nalth-join-application .nj-section-nav a:hover, #nalth-join-application .nj-section-nav a[aria-current="location"], #nalth-join-application .nj-back-top:hover { color:var(--nj-navy); background:var(--nj-seafoam); border-color:var(--nj-seafoam-dark); } #nalth-join-application a:focus-visible, #nalth-join-application button:focus-visible, #nalth-join-application input:focus-visible, #nalth-join-application select:focus-visible, #nalth-join-application textarea:focus-visible, #nalth-join-application summary:focus-visible { outline:3px solid var(--nj-seafoam-dark); outline-offset:4px; } #nalth-join-application [data-nj-section] { scroll-margin-top:24px; } #nalth-join-application .nj-intro { padding:clamp(34px,6vw,66px) clamp(24px,6vw,70px) clamp(28px,5vw,48px); } #nalth-join-application .nj-kicker, #nalth-join-application .nj-eyebrow { margin:0 0 13px; color:var(--nj-seafoam-dark); font:800 12px/1.3 var(--nj-sans); letter-spacing:.16em; text-transform:uppercase; } #nalth-join-application .nj-title { max-width:1000px; margin:0 0 18px; padding:0; border:0; color:var(--nj-navy); font:400 clamp(38px,6.2vw,72px)/.99 var(--nj-serif); letter-spacing:-.035em; text-transform:none; } #nalth-join-application .nj-deck { max-width:900px; margin:0; color:var(--nj-muted); font:italic 400 clamp(19px,2.4vw,25px)/1.5 var(--nj-serif); } #nalth-join-application .nj-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:25px 0 0; } #nalth-join-application .nj-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; max-width:100%; padding:13px 20px; border:1px solid var(--nj-navy); border-radius:999px; background:var(--nj-navy); color:#fff; font:800 12px/1.3 var(--nj-sans); letter-spacing:.06em; text-align:center; text-transform:uppercase; text-decoration:none; cursor:pointer; transition:background .2s ease,color .2s ease,border-color .2s ease; } #nalth-join-application .nj-button:hover { background:#254a5c; border-color:#254a5c; color:#fff; } #nalth-join-application .nj-button--secondary { background:#fff; color:var(--nj-navy); border-color:var(--nj-line); } #nalth-join-application .nj-button--secondary:hover { background:var(--nj-mist); color:var(--nj-navy); border-color:var(--nj-seafoam-dark); } #nalth-join-application .nj-button:disabled { opacity:.55; cursor:not-allowed; } #nalth-join-application .nj-hero { margin:0 clamp(24px,6vw,70px); } #nalth-join-application .nj-hero img { display:block; width:100%; height:auto; aspect-ratio:16/7; object-fit:cover; object-position:50% 75%; border:0; border-radius:16px; } #nalth-join-application .nj-hero figcaption { padding:10px 4px 0; color:var(--nj-muted); font:400 12px/1.5 var(--nj-sans); } #nalth-join-application .nj-copy { padding:28px clamp(24px,6vw,70px) 38px; } #nalth-join-application .nj-copy p { margin:0; color:var(--nj-ink); font:400 18px/1.75 var(--nj-serif); } #nalth-join-application .nj-copy p+p { margin-top:16px; } #nalth-join-application .nj-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 clamp(18px,4vw,44px) 42px; overflow:hidden; background:var(--nj-navy); border-radius:18px; } #nalth-join-application .nj-metrics-heading { grid-column:1/-1; margin:0; padding:20px 15px 13px; border:0; color:#bcd0d0; font:800 12px/1.3 var(--nj-sans); letter-spacing:.16em; text-align:center; text-transform:uppercase; } #nalth-join-application .nj-metric { min-width:0; padding:10px 12px 27px; text-align:center; border-right:1px solid #3e5c69; } #nalth-join-application .nj-metric:last-child { border-right:0; } #nalth-join-application .nj-metric strong { display:block; color:#fff; font:400 clamp(34px,5vw,48px)/1 var(--nj-serif); } #nalth-join-application .nj-metric span { display:block; padding-top:8px; color:#bcd0d0; font:800 11px/1.4 var(--nj-sans); letter-spacing:.07em; text-transform:uppercase; } #nalth-join-application .nj-section-title { margin:0 0 18px; padding:0; border:0; color:var(--nj-navy); font:400 clamp(30px,4vw,42px)/1.1 var(--nj-serif); letter-spacing:-.02em; text-transform:none; } #nalth-join-application .nj-story { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr); gap:34px; padding:clamp(36px,6vw,58px) clamp(24px,6vw,70px); } #nalth-join-application .nj-story-main, #nalth-join-application .nj-story-aside { min-width:0; } #nalth-join-application .nj-story .nj-lead, #nalth-join-application .nj-section-lead { margin:0; color:var(--nj-ink); font:400 17px/1.7 var(--nj-serif); } #nalth-join-application .nj-story-aside { padding-left:27px; border-left:1px solid var(--nj-line); } #nalth-join-application .nj-story-aside h3 { margin:0 0 20px; color:var(--nj-seafoam-dark); font:800 12px/1.5 var(--nj-sans); letter-spacing:.12em; text-transform:uppercase; } #nalth-join-application .nj-policy-venues { margin:0; } #nalth-join-application .nj-policy-venues dt { margin-top:20px; color:var(--nj-navy); font:400 30px/1.1 var(--nj-serif); } #nalth-join-application .nj-policy-venues dd { margin:5px 0 0; color:var(--nj-muted); font:800 11px/1.5 var(--nj-sans); letter-spacing:.06em; text-transform:uppercase; } #nalth-join-application .nj-feature-heading { display:flex; align-items:center; gap:14px; margin-bottom:18px; } #nalth-join-application .nj-feature-heading .nj-eyebrow { margin:0; } #nalth-join-application .nj-icon { flex:0 0 auto; display:block; width:48px; height:48px; margin:0; border:0; } #nalth-join-application .nj-list { margin:18px 0 0; padding-left:21px; list-style:disc; } #nalth-join-application .nj-list li { margin:0; padding:0; color:var(--nj-ink); font:400 15.5px/1.65 var(--nj-sans); list-style:disc; } #nalth-join-application .nj-list li+li { margin-top:13px; } #nalth-join-application .nj-list li::marker { color:var(--nj-seafoam-dark); } #nalth-join-application .nj-section { padding:clamp(38px,6vw,58px) clamp(24px,6vw,70px); border-top:1px solid var(--nj-line); } #nalth-join-application .nj-section--mist { background:var(--nj-mist); } #nalth-join-application .nj-section-intro { max-width:900px; } #nalth-join-application .nj-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-top:30px; } #nalth-join-application .nj-resource { min-width:0; } #nalth-join-application .nj-resource+.nj-resource { padding-left:32px; border-left:1px solid var(--nj-line); } #nalth-join-application .nj-subtitle { margin:0 0 14px; padding:0; border:0; color:var(--nj-navy); font:400 clamp(25px,3vw,30px)/1.15 var(--nj-serif); letter-spacing:-.015em; text-transform:none; } #nalth-join-application .nj-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:26px; } #nalth-join-application .nj-panel { min-width:0; padding:25px; background:#fff; border:1px solid var(--nj-line); border-radius:15px; box-shadow:0 8px 22px rgba(21,53,70,.07); } #nalth-join-application .nj-text-link { display:inline-block; margin-top:22px; color:var(--nj-navy); font:800 12px/1.4 var(--nj-sans); text-underline-offset:4px; } #nalth-join-application .nj-text-link:hover { color:var(--nj-seafoam-dark); } #nalth-join-application .nj-voice { display:grid; grid-template-columns:120px minmax(0,1fr); gap:28px; align-items:center; margin-top:30px; padding:28px 32px; background:var(--nj-seafoam); border-radius:15px; } #nalth-join-application .nj-voice-art { display:flex; justify-content:center; align-items:center; min-height:120px; border-right:1px solid #789c9c; } #nalth-join-application .nj-voice-art .nj-icon { width:72px; height:72px; } #nalth-join-application .nj-voice p { margin:0; color:var(--nj-navy); font:400 17px/1.7 var(--nj-serif); } #nalth-join-application .nj-back-top-row { display:flex; justify-content:flex-end; margin-top:28px; } #nalth-join-application .nj-back-top { background:#fff; } #nalth-join-application .nj-note { padding:17px 20px; color:var(--nj-navy); background:var(--nj-mist); border-left:4px solid var(--nj-seafoam); border-radius:0 12px 12px 0; } #nalth-join-application .nj-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } @supports (width:1cqw) { #nalth-join-application .nj-title { font-size:clamp(38px,6.2cqw,72px); } #nalth-join-application .nj-section-title { font-size:clamp(30px,4cqw,42px); } } @media (max-width:760px) { #nalth-join-application .nj-story, #nalth-join-application .nj-columns, #nalth-join-application .nj-card-grid { grid-template-columns:1fr; } #nalth-join-application .nj-story-aside { padding:25px 0 0; border-left:0; border-top:1px solid var(--nj-line); } #nalth-join-application .nj-resource+.nj-resource { padding:28px 0 0; border-left:0; border-top:1px solid var(--nj-line); } #nalth-join-application .nj-voice { grid-template-columns:1fr; gap:18px; padding:25px; } #nalth-join-application .nj-voice-art { justify-content:flex-start; min-height:0; border:0; } } @container nalth-join (max-width:700px) { #nalth-join-application .nj-story, #nalth-join-application .nj-columns, #nalth-join-application .nj-card-grid { grid-template-columns:1fr; } #nalth-join-application .nj-story-aside { padding:25px 0 0; border-left:0; border-top:1px solid var(--nj-line); } #nalth-join-application .nj-resource+.nj-resource { padding:28px 0 0; border-left:0; border-top:1px solid var(--nj-line); } #nalth-join-application .nj-voice { grid-template-columns:1fr; gap:18px; padding:25px; } #nalth-join-application .nj-voice-art { justify-content:flex-start; min-height:0; border:0; } } @media (max-width:520px) { #nalth-join-application .nj-shell { border-radius:15px; } #nalth-join-application .nj-masthead { display:block; padding:20px 22px; } #nalth-join-application .nj-masthead-note { margin-top:10px; text-align:left; } #nalth-join-application .nj-section-nav { padding:12px 18px; } #nalth-join-application .nj-section-nav strong { flex:0 0 100%; margin-bottom:2px; } #nalth-join-application .nj-intro { padding:34px 22px 30px; } #nalth-join-application .nj-title { font-size:38px; } #nalth-join-application .nj-button { width:100%; } #nalth-join-application .nj-hero { margin:0 18px; } #nalth-join-application .nj-hero img { aspect-ratio:4/3; border-radius:12px; } #nalth-join-application .nj-copy { padding:25px 22px 32px; } #nalth-join-application .nj-metrics { grid-template-columns:1fr; margin:0 18px 28px; } #nalth-join-application .nj-metric { border-right:0; border-bottom:1px solid #3e5c69; padding:20px; } #nalth-join-application .nj-metric:last-child { border-bottom:0; } #nalth-join-application .nj-story, #nalth-join-application .nj-section { padding:34px 22px; } #nalth-join-application .nj-panel { padding:22px; } } @container nalth-join (max-width:480px) { #nalth-join-application .nj-masthead { display:block; } #nalth-join-application .nj-masthead-note { margin-top:10px; text-align:left; } #nalth-join-application .nj-metrics { grid-template-columns:1fr; } #nalth-join-application .nj-metric { border-right:0; border-bottom:1px solid #3e5c69; } #nalth-join-application .nj-metric:last-child { border-bottom:0; } } @container nalth-join (max-width:350px) { #nalth-join-application .nj-title { font-size:34px; } } @media (prefers-reduced-motion:reduce) { #nalth-join-application * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } } /* Membership CTA: moved from the page HTML without changing its styles. */ #nalth-application-contact, #nalth-application-contact *, #nalth-application-contact *::before, #nalth-application-contact *::after { box-sizing:border-box; } #nalth-application-contact { --nj-cta-navy:#153546; --nj-cta-seafoam:#9cbaba; width:100%; margin:28px 0 0; padding:clamp(30px,5vw,54px) clamp(24px,6vw,70px); color:#fff; background:var(--nj-cta-navy); border-top:6px solid var(--nj-cta-seafoam); border-radius:22px; box-shadow:0 16px 44px rgba(21,53,70,.10); text-align:left; font-family:Arial,Helvetica,sans-serif; overflow-wrap:break-word; } #nalth-application-contact .nj-cta-eyebrow { margin:0 0 13px; color:var(--nj-cta-seafoam); font:800 12px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.16em; text-transform:uppercase; } #nalth-application-contact .nj-cta-heading { margin:0 0 18px; padding:0; border:0; color:#fff; font:400 clamp(30px,4vw,44px)/1.1 Georgia,"Times New Roman",serif; letter-spacing:-.02em; text-transform:none; } #nalth-application-contact .nj-cta-benefits { max-width:900px; margin:0; color:#f0f3f1; font:400 18px/1.7 Georgia,"Times New Roman",serif; } #nalth-application-contact .nj-cta-invitation { max-width:900px; margin:16px 0 0; color:#dbe7e7; font:400 15px/1.7 Arial,Helvetica,sans-serif; } #nalth-application-contact .nj-cta-contacts { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:18px; margin-top:28px; } #nalth-application-contact .nj-cta-contact { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:24px; background:#fff; border:1px solid #d7e1e1; border-radius:15px; } #nalth-application-contact .nj-cta-name { margin:0 0 7px; padding:0; border:0; color:var(--nj-cta-navy); font:400 26px/1.15 Georgia,"Times New Roman",serif; text-transform:none; } #nalth-application-contact .nj-cta-role { margin:0 0 14px; color:#55747b; font:700 12px/1.45 Arial,Helvetica,sans-serif; } #nalth-application-contact .nj-cta-email { display:inline-block; max-width:100%; margin-bottom:20px; color:var(--nj-cta-navy); font:400 15px/1.5 Arial,Helvetica,sans-serif; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; } #nalth-application-contact .nj-cta-email:hover { color:#3d6365; } #nalth-application-contact .nj-cta-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; max-width:100%; margin-top:auto; padding:13px 20px; color:var(--nj-cta-navy); background:var(--nj-cta-seafoam); border:1px solid var(--nj-cta-seafoam); border-radius:999px; font:800 12px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.06em; text-align:center; text-transform:uppercase; text-decoration:none; transition:background .2s ease,border-color .2s ease; } #nalth-application-contact .nj-cta-button:hover { color:var(--nj-cta-navy); background:#b7cdcd; border-color:#b7cdcd; } #nalth-application-contact a:focus-visible { outline:3px solid #527779; outline-offset:4px; } @media (max-width:520px) { #nalth-application-contact { padding:30px 22px; border-radius:15px; } #nalth-application-contact .nj-cta-contact { padding:22px; } #nalth-application-contact .nj-cta-button { width:100%; } } @media (prefers-reduced-motion:reduce) { #nalth-application-contact * { transition:none!important; } } /* Application fields and review. */ #nalth-join-application .nj-app-intro-copy { max-width:720px; margin:22px 0 0; color:var(--nj-ink); font:400 17px/1.7 var(--nj-sans); } #nalth-join-application .nj-app-route { display:flex; flex-wrap:wrap; align-items:center; gap:12px 26px; margin:26px 0; } #nalth-join-application .nj-app-route-step { display:flex; align-items:center; gap:10px; color:var(--nj-navy); font:700 13px/1.4 var(--nj-sans); } #nalth-join-application .nj-app-route-step b { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; color:var(--nj-navy); background:#e1eeea; font:700 12px/1 var(--nj-sans); } #nalth-join-application .nj-app-pdf-link { margin:0 0 6px; font:400 14px/1.6 var(--nj-sans); } #nalth-join-application .nj-app-pdf-link a { color:var(--nj-navy); font-weight:700; text-underline-offset:4px; } #nalth-join-application .nj-app-before { margin:0 clamp(22px,5vw,60px) 34px; padding:25px 28px; border:1px solid #d5e2df; border-left:5px solid var(--nj-seafoam); border-radius:0 15px 15px 0; background:var(--nj-mist); } #nalth-join-application .nj-app-before h2 { margin:0 0 11px; padding:0; color:var(--nj-navy); font:400 25px/1.2 var(--nj-serif); } #nalth-join-application .nj-app-before p { margin:0; color:#435f68; font:400 14px/1.65 var(--nj-sans); } #nalth-join-application .nj-app-before p+p { margin-top:10px; } #nalth-join-application .nj-app-form:not(.nj-app-ready) { display:none; } #nalth-join-application .nj-app-form { margin:0; padding:5px clamp(22px,5vw,60px) 45px; border:0; } #nalth-join-application .nj-app-section-head { display:flex; align-items:flex-start; gap:16px; margin:0 0 25px; } #nalth-join-application .nj-app-step { display:grid; flex:0 0 42px; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--nj-navy); color:#fff; font:700 13px/1 var(--nj-sans); } #nalth-join-application .nj-app-section-head h2 { margin:0 0 7px; padding:0; border:0; color:var(--nj-navy); font:400 clamp(24px,3.3vw,31px)/1.15 var(--nj-serif); text-transform:none; } #nalth-join-application .nj-app-section-head p { margin:0; color:var(--nj-muted); font:400 13px/1.5 var(--nj-sans); } #nalth-join-application .nj-app-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:21px 22px; } #nalth-join-application .nj-app-field { min-width:0; margin:0; padding:0; } #nalth-join-application .nj-app-wide { grid-column:1/-1; } #nalth-join-application .nj-app-field label { display:block; margin:0 0 8px; color:var(--nj-navy); font:700 13px/1.4 var(--nj-sans); } #nalth-join-application .nj-app-field label .nj-app-optional { color:var(--nj-muted); font-weight:400; } #nalth-join-application .nj-app-field input, #nalth-join-application .nj-app-field select, #nalth-join-application .nj-app-field textarea { display:block; width:100%; max-width:100%; min-width:0; min-height:47px; box-sizing:border-box; margin:0; padding:11px 13px; border:1px solid #afc5c4; border-radius:9px; background:#fff; color:var(--nj-navy); box-shadow:none; font:400 16px/1.5 var(--nj-sans); } #nalth-join-application .nj-app-field textarea { resize:vertical; min-height:100px; } #nalth-join-application .nj-app-field input:focus, #nalth-join-application .nj-app-field select:focus, #nalth-join-application .nj-app-field textarea:focus { border-color:#527779; } #nalth-join-application .nj-app-field [aria-invalid="true"] { border:2px solid #9f3b38; } #nalth-join-application .nj-app-hint { margin:7px 0 0; color:var(--nj-muted); font:400 12px/1.6 var(--nj-sans); } #nalth-join-application .nj-app-facility-section, #nalth-join-application .nj-app-complete-section { margin:35px 0 0; padding:32px 0 0; border-top:1px solid var(--nj-line); } #nalth-join-application .nj-app-type { max-width:440px; margin-bottom:23px; } #nalth-join-application .nj-app-additional-head { margin-top:28px; } #nalth-join-application .nj-app-additional-head h3 { margin:0 0 5px; color:var(--nj-navy); font:400 24px/1.2 var(--nj-serif); } #nalth-join-application .nj-app-additional-head p { margin:0 0 16px; color:var(--nj-muted); font:400 13px/1.5 var(--nj-sans); } #nalth-join-application .nj-app-extra { margin:0 0 17px; padding:21px; border:1px solid #d0dfdc; border-radius:13px; background:var(--nj-mist); } #nalth-join-application .nj-app-extra-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; } #nalth-join-application .nj-app-extra h4 { margin:0; color:var(--nj-navy); font:700 13px/1.4 var(--nj-sans); } #nalth-join-application .nj-app-extra-remove, #nalth-join-application .nj-app-edit { margin:0; padding:6px 0; border:0; border-radius:0; color:#365d67; background:transparent; font:700 13px/1.5 var(--nj-sans); text-decoration:underline; text-underline-offset:4px; cursor:pointer; } #nalth-join-application .nj-app-add { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 18px; border:1px solid #a7bebe; border-radius:10px; background:#fff; color:var(--nj-navy); font:700 13px/1.4 var(--nj-sans); cursor:pointer; } #nalth-join-application .nj-app-add:hover { background:#e6efec; } #nalth-join-application .nj-app-error { display:none; margin:20px 0 0; padding:13px 16px; border-left:4px solid #9f3b38; border-radius:0 8px 8px 0; background:#fff3f0; color:#7c302e; font:700 14px/1.5 var(--nj-sans); } #nalth-join-application .nj-app-error.is-visible { display:block; } #nalth-join-application .nj-app-review { display:none; margin:0; padding:35px clamp(22px,5vw,60px) 42px; border-top:5px solid var(--nj-seafoam); background:var(--nj-mist); scroll-margin-top:24px; } #nalth-join-application .nj-app-review.is-visible { display:block; } #nalth-join-application .nj-app-review h2 { margin:0 0 15px; padding:0; border:0; color:var(--nj-navy); font:400 34px/1.2 var(--nj-serif); text-transform:none; } #nalth-join-application .nj-app-review > p { color:#435f68; font:400 14px/1.65 var(--nj-sans); } #nalth-join-application .nj-app-long-note, #nalth-join-application .nj-app-copy-primary { display:none; } #nalth-join-application .nj-app-review.is-long .nj-app-long-note { display:block; margin:19px 0 0; padding:15px 18px; border-radius:10px; background:#dcebe6; color:var(--nj-navy); } #nalth-join-application .nj-app-review.is-long .nj-app-copy-primary { display:inline-flex; } #nalth-join-application .nj-app-alternatives { margin:25px 0 0; padding:18px 0 0; border-top:1px solid #c8dad6; } #nalth-join-application .nj-app-alternatives summary { cursor:pointer; color:var(--nj-navy); font:700 13px/1.5 var(--nj-sans); } #nalth-join-application .nj-app-alternatives p { margin:15px 0 0; font:400 14px/1.6 var(--nj-sans); } #nalth-join-application .nj-app-status { min-height:1.6em; margin:18px 0 0; color:#365d67; font:700 13px/1.6 var(--nj-sans); } #nalth-join-application .nj-app-load-note { padding:18px 22px; margin:0 clamp(22px,5vw,60px) 30px; border:1px solid #d5e2df; border-radius:12px; background:#f0f3f1; color:#153546; font:400 14px/1.6 var(--nj-sans); } #nalth-join-application .nj-app-load-note a { color:inherit; font-weight:700; text-underline-offset:3px; } @media (max-width:640px) { #nalth-join-application .nj-app-grid { grid-template-columns:1fr; } #nalth-join-application .nj-app-before { padding:20px; } #nalth-join-application .nj-app-extra { padding:18px; } #nalth-join-application .nj-app-review .nj-actions { align-items:stretch; flex-direction:column; } #nalth-join-application .nj-app-review .nj-button { width:100%; } } @container nalth-join (max-width:600px) { #nalth-join-application .nj-app-grid { grid-template-columns:1fr; } #nalth-join-application .nj-app-extra { padding:17px; } } /* v1.2.0: editorial hierarchy from the supplied Hill Day master template. */ #nalth-join-application { --nj-seafoam-dark:#6f9292; } #nalth-join-application .nj-masthead { padding:20px clamp(22px,5vw,48px); } #nalth-join-application .nj-brand { color:#fff!important; font-family:Arial,Helvetica,sans-serif!important; font-size:clamp(12px,1.8vw,14px)!important; font-weight:800!important; line-height:1.2!important; letter-spacing:.18em; } #nalth-join-application .nj-brand span { color:#9cbaba!important; } #nalth-join-application .nj-title { color:#153546!important; font-family:Georgia,'Times New Roman',serif!important; font-size:clamp(38px,6.2vw,72px)!important; font-weight:400!important; line-height:.99!important; letter-spacing:-.035em; text-transform:none!important; margin:0 0 18px!important; } #nalth-join-application .nj-deck { color:#55747b!important; font-family:Georgia,'Times New Roman',serif!important; font-size:clamp(19px,2.4vw,25px)!important; font-style:italic!important; font-weight:400!important; line-height:1.5!important; } #nalth-join-application .nj-app-intro-copy { max-width:820px; font:400 18px/1.75 Georgia,'Times New Roman',serif; } #nalth-join-application .nj-app-route { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; overflow:hidden; margin:30px 0 26px; padding:0; border-radius:18px; background:#153546; } #nalth-join-application .nj-app-route-step { display:flex; flex-direction:column; gap:0; align-items:flex-start; padding:23px 24px; border-right:1px solid #3e5c69; color:#fff; } #nalth-join-application .nj-app-route-step:last-child { border-right:0; } #nalth-join-application .nj-app-route-step b { display:block; width:auto; height:auto; margin:0 0 12px; background:transparent; color:#9cbaba; border-radius:0; font:400 34px/1 Georgia,'Times New Roman',serif; } #nalth-join-application .nj-app-route-step strong { color:#fff; font:800 12px/1.3 Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:.1em; } #nalth-join-application .nj-app-route-step span { margin-top:7px; color:#dbe7e7; font:400 12px/1.45 Arial,Helvetica,sans-serif; } #nalth-join-application .nj-app-before { margin:0 0 38px; padding:30px clamp(24px,6vw,70px); border:0; border-top:1px solid #d7e1e1; border-bottom:1px solid #d7e1e1; border-radius:0; background:#f0f3f1; } #nalth-join-application .nj-app-before .nj-eyebrow { color:#55747b; font:800 11px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.14em; margin:0 0 12px; } #nalth-join-application .nj-app-before h2 { font:400 clamp(27px,4vw,36px)/1.1 Georgia,'Times New Roman',serif; } #nalth-join-application .nj-app-form { padding:0 clamp(24px,6vw,70px) 45px; } /* These explicit states defeat the CMS's white button background and inherited text fill. */ #nalth-join-application .nj-button, #nalth-join-application a.nj-button:link, #nalth-join-application a.nj-button:visited { -webkit-appearance:none!important; appearance:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; background:#153546!important; background-image:none!important; border:1px solid #153546!important; font:800 12px/1.35 Arial,Helvetica,sans-serif!important; text-decoration:none!important; box-shadow:none!important; opacity:1; visibility:visible; } #nalth-join-application .nj-button span { color:inherit!important; -webkit-text-fill-color:inherit!important; } #nalth-join-application .nj-button:hover, #nalth-join-application .nj-button:focus-visible { background:#254a5c!important; border-color:#254a5c!important; color:#fff!important; } #nalth-join-application .nj-button--secondary { background:#fff!important; color:#153546!important; -webkit-text-fill-color:#153546!important; border-color:#9cbaba!important; } #nalth-join-application .nj-button--secondary:hover, #nalth-join-application .nj-button--secondary:focus-visible { background:#e6efec!important; color:#153546!important; -webkit-text-fill-color:#153546!important; border-color:#6f9292!important; } #nalth-join-application .nj-button:disabled { opacity:.65; cursor:wait; } #nalth-join-application .nj-app-review { padding:35px clamp(24px,6vw,70px) 42px; } #nalth-join-application .nj-app-review h2 { font:400 clamp(30px,4vw,42px)/1.1 Georgia,'Times New Roman',serif; } #nalth-join-application .nj-app-review .nj-actions { margin:22px 0 0; } #nalth-join-application .nj-app-summary { max-height:650px; overflow:auto; margin:24px 0 0; border:1px solid #c5d8d3; border-radius:15px; background:#fff; overscroll-behavior:contain; } #nalth-join-application .nj-app-summary-section { padding:23px 25px; border-bottom:1px solid #d7e1e1; } #nalth-join-application .nj-app-summary-section:last-child { border-bottom:0; } #nalth-join-application .nj-app-summary h3 { margin:0 0 18px; padding:0; border:0; color:#153546; font:400 25px/1.2 Georgia,'Times New Roman',serif; text-transform:none; } #nalth-join-application .nj-app-summary dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 25px; margin:0; } #nalth-join-application .nj-app-summary-field { min-width:0; } #nalth-join-application .nj-app-summary dt { margin:0 0 5px; color:#55747b; font:800 10px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.08em; text-transform:uppercase; } #nalth-join-application .nj-app-summary dd { margin:0; color:#153546; font:400 15px/1.55 Arial,Helvetica,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; } #nalth-join-application .nj-app-fallback { margin-top:24px; padding:19px 22px; background:#e4eeeb; border-radius:12px; } #nalth-join-application .nj-app-fallback h3 { margin:0 0 9px; color:#153546; font:700 14px/1.4 Arial,Helvetica,sans-serif; } #nalth-join-application .nj-app-fallback p { margin:0; color:#435f68; font:400 13px/1.65 Arial,Helvetica,sans-serif; } #nalth-join-application .nj-app-fallback a { color:#153546!important; -webkit-text-fill-color:#153546!important; text-decoration:underline; font-weight:700; text-underline-offset:3px; } #nalth-join-application .nj-app-fallback .nj-app-edit { margin-top:12px; } #nalth-join-application .nj-app-edit { color:#365d67!important; -webkit-text-fill-color:#365d67!important; background:transparent!important; border:0!important; } #nalth-join-application .nj-app-review [hidden] { display:none!important; } #nalth-join-application .nj-app-long-note { padding:15px 18px; margin:19px 0 0; background:#dcebe6; border-radius:10px; color:#153546; } #nalth-join-application .nj-app-status:empty { display:none; } @media(max-width:640px) { #nalth-join-application .nj-app-route { grid-template-columns:1fr; } #nalth-join-application .nj-app-route-step { display:grid; grid-template-columns:40px 1fr; column-gap:14px; padding:16px 20px; border-right:0; border-bottom:1px solid #3e5c69; } #nalth-join-application .nj-app-route-step:last-child { border-bottom:0; } #nalth-join-application .nj-app-route-step b { grid-row:span 2; margin:0; font-size:30px; } #nalth-join-application .nj-app-summary dl { grid-template-columns:1fr; } #nalth-join-application .nj-app-summary-section { padding:20px; } } @container nalth-join (max-width:600px) { #nalth-join-application .nj-app-summary dl { grid-template-columns:1fr; } #nalth-join-application .nj-title { font-size:clamp(38px,8cqw,56px)!important; } }