/*
Theme Name: JSL Title Patriotic
Author: Concepte of Illinois
Description: A complete JSL Title preview website with patriotic branding, bundled property imagery, service information, resources and a configurable contact form.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jsl-title
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{--blue:#123b78;--deep:#0a2b5b;--red:#bf0a30;--ink:#23364c;--muted:#53667c;--line:#dbe1e8;--pale:#f1f5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;background:#fff}a{color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.wrap{width:min(1240px,100%);padding:0 40px;margin:auto}.top{background:var(--red);color:#fff;padding:8px 0;font-size:10px;letter-spacing:2px;text-transform:uppercase}.top .wrap{display:flex;justify-content:space-between}header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:112px}.brand img{width:145px;height:96px;object-fit:contain}nav{display:flex;align-items:center;gap:30px}nav a{font-size:13px;text-decoration:none;padding:9px 0;border-bottom:2px solid transparent}nav a.active{border-bottom-color:var(--red);color:var(--blue)}.btn{background:var(--red);border:1px solid var(--red);color:white;display:inline-block;padding:13px 23px;text-decoration:none;font-size:13px;font-weight:bold;cursor:pointer}.btn:hover{background:#9c0828}.btn.white{background:#fff;border-color:#fff;color:var(--blue)}nav a.btn{padding:11px 20px;color:#fff}nav a.btn.active{border-bottom-color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid #3c77cc;outline-offset:4px}.page{display:none}.page.current{display:block}h1,h2,h3{color:var(--blue);font-weight:700;line-height:1.1;margin:0 0 22px;letter-spacing:-1px}h1{font-size:clamp(40px,4.5vw,62px)}h2{font-size:clamp(30px,3.2vw,43px)}h3{font-size:23px;letter-spacing:-.5px}p{margin:0 0 22px}.eyebrow{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--red);font-weight:bold;margin-bottom:18px}.muted{color:var(--muted)}.home-hero{position:relative;background:var(--blue);min-height:565px;overflow:hidden}.home-photo{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:70% center}.home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#123b78 0%,#123b78 33%,rgba(18,59,120,.94) 40%,rgba(18,59,120,.12) 65%,transparent 100%);pointer-events:none}.home-inner{position:relative;z-index:1;padding-top:65px;padding-bottom:62px}.home-copy{max-width:520px}.home-copy h1{color:#fff;font-size:clamp(43px,4.7vw,65px);letter-spacing:-2px;line-height:1.04}.home-copy p{max-width:415px;color:#e5ecf8;font-size:16px}.home-copy .eyebrow{color:#fff;display:flex;align-items:center;gap:12px}.home-copy .eyebrow:before{content:'★';color:#fff;font-size:15px}.actions{display:flex;align-items:center;gap:24px;margin-top:28px}.text-link{font-size:13px;text-underline-offset:5px}.home-copy .text-link{color:#fff}.home-index{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}.home-index a{text-decoration:none;padding:25px 25px 25px 0;display:grid;grid-template-columns:30px 1fr;gap:12px}.home-index a+ a{border-left:1px solid var(--line);padding-left:30px}.home-index span{color:var(--red);font-size:11px;padding-top:4px}.home-index strong{display:block;color:var(--blue);font-size:18px;line-height:1.3}.home-index small{font-size:12px;color:var(--muted);display:block;margin-top:6px}.home-index a:hover strong{text-decoration:underline}.owner-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;padding-bottom:26px;font-size:13px}.owner-strip strong{font-size:16px;color:var(--blue)}.owner-strip .muted{font-size:12px}.page-title{background:var(--blue);color:#fff;padding:40px 0}.page-title h1{font-size:45px;color:#fff;margin-bottom:14px}.page-title p{margin:0;max-width:650px;color:#e0e8f6}.page-title .eyebrow{color:#fff}.service-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding-top:48px;padding-bottom:48px}.service-row{display:grid;grid-template-columns:32px 1fr;gap:15px;padding:23px 0;border-top:1px solid var(--line)}.service-row:first-child{padding-top:0;border:0}.service-row h2{font-size:25px;letter-spacing:-.6px;margin-bottom:12px}.service-row .number{font-size:11px;color:var(--red);font-weight:bold;padding-top:6px}.service-row p{font-size:14px;color:var(--muted);margin:0}.service-photos{position:sticky;top:25px;align-self:start}.service-photos img{width:100%;height:270px;object-fit:cover}.photo-caption{border-left:4px solid var(--red);padding:12px 16px;color:var(--blue);font-size:13px;background:var(--pale);margin-bottom:24px}.service-photos .secondary{height:220px}.blue-callout{background:var(--blue);color:white;padding:28px}.blue-callout h3{color:#fff}.blue-callout p{color:#e3eaf5;font-size:14px}.blue-callout .btn{margin-top:3px}.process{background:var(--pale);padding:42px 0}.process .wrap{display:grid;grid-template-columns:1fr 2fr;gap:55px}.process h2{font-size:31px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps b{font-size:11px;color:var(--red)}.steps h3{font-size:18px;letter-spacing:0;margin:10px 0}.steps p{font-size:13px;color:var(--muted);margin:0}.about-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:50px;padding-bottom:50px}.about-intro img{width:100%;height:405px;object-fit:cover}.about-copy p{color:var(--muted)}.owner{border-left:4px solid var(--red);padding:5px 0 5px 20px;margin-top:25px}.owner strong{display:block;color:var(--blue);font-size:22px}.owner small{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.about-band{display:grid;grid-template-columns:1fr 1fr;background:var(--blue)}.about-band img{height:330px;width:100%;object-fit:cover}.about-band-copy{padding:42px 50px;align-self:center;max-width:600px}.about-band h2{color:#fff;font-size:34px}.about-band p{color:#e0e8f6;font-size:15px}.resource-banner{position:relative;min-height:275px;display:flex;align-items:center;background:var(--deep);overflow:hidden}.resource-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%}.resource-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,43,91,.97),rgba(10,43,91,.7) 55%,rgba(10,43,91,.15))}.resource-banner .wrap{position:relative;z-index:1}.resource-banner h1{color:#fff;margin-bottom:15px}.resource-banner p{color:#e4ecf8;max-width:500px;margin:0}.resource-banner .eyebrow{color:#fff}.resource-content{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding-top:42px;padding-bottom:50px}.resource{border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;gap:20px;text-decoration:none}.resource:first-child{padding-top:0}.resource strong{font-size:19px;color:var(--blue);display:block;line-height:1.3}.resource small{color:var(--muted);font-size:13px;display:block;margin-top:8px}.resource b{color:var(--red);font-size:23px;font-weight:normal}.resource:hover strong{text-decoration:underline}.prep{background:var(--pale);padding:28px;align-self:start;border-top:4px solid var(--red)}.prep h2{font-size:27px}.prep p,.prep li{font-size:14px;color:var(--muted)}.prep ul{padding-left:20px;margin:0 0 24px}.prep li{padding:5px 0}.faq{padding-bottom:45px}.faq h2{font-size:30px}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:bold;color:var(--blue);font-size:15px}details p{font-size:14px;color:var(--muted);max-width:850px;margin:15px 0 0}.contact-layout{display:grid;grid-template-columns:.95fr 1.15fr;gap:65px;padding-top:45px;padding-bottom:50px}.contact-photo{height:230px;width:100%;object-fit:cover;margin-bottom:25px}.contact-copy h1{font-size:43px}.contact-copy p{color:var(--muted);font-size:15px}.contact-name{border-left:4px solid var(--red);padding-left:18px;margin:25px 0}.contact-name strong{color:var(--blue);display:block;font-size:20px}.contact-name small{color:var(--muted);font-size:13px}.contact-form{background:var(--pale);padding:30px;align-self:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:bold;color:var(--blue)}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #bcc9d8;padding:11px;background:#fff;color:var(--ink);border-radius:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px}textarea{min-height:110px;resize:vertical}.note{font-size:11px;color:var(--muted);line-height:1.5;margin:17px 0}.status{margin-top:18px;background:#fff;border-left:4px solid var(--red);padding:15px;font-size:13px}.status[hidden]{display:none}footer{background:var(--deep);color:#d5deed;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-name{font-weight:bold;color:#fff;font-size:18px;letter-spacing:1px}.footer-inner a{text-underline-offset:4px;margin-left:16px}.illustrative-note{font-size:10px;opacity:.7;margin-top:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.home-hero{min-height:610px}.home-inner{padding-top:85px}}@media(max-width:900px){.wrap{padding-left:26px;padding-right:26px}nav{gap:18px}.home-photo{width:75%}.home-hero:after{background:linear-gradient(90deg,#123b78 0%,rgba(18,59,120,.98) 30%,rgba(18,59,120,.65) 60%,rgba(18,59,120,.1))}.home-copy{max-width:480px}.service-layout,.about-intro,.contact-layout{gap:35px}.service-photos img{height:230px}.service-photos .secondary{height:190px}.resource-content{gap:35px}.process .wrap{grid-template-columns:1fr;gap:15px}.about-band-copy{padding:30px}.header-inner{gap:12px}nav a{font-size:12px}nav a.btn{padding:10px 13px}}@media(max-width:640px){.top{font-size:9px;letter-spacing:1px}.top span:last-child{display:none}.header-inner{min-height:117px;flex-direction:column;gap:0;padding-top:4px;padding-bottom:12px}.brand img{width:112px;height:72px}nav{width:100%;justify-content:center;gap:17px}nav a{font-size:11px;padding:5px 0}nav a.btn{padding:6px 10px;font-size:11px}.home-hero{min-height:0;padding-top:230px}.home-photo{height:250px;top:0;width:100%;object-position:center 55%}.home-hero:after{background:linear-gradient(0deg,#123b78 0%,transparent 70%);height:250px;bottom:auto}.home-inner{padding-top:8px;padding-bottom:34px}.home-copy h1{font-size:44px;letter-spacing:-1.6px}.home-copy p{font-size:15px}.home-index{grid-template-columns:1fr}.home-index a,.home-index a+ a{padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}.home-index strong{font-size:17px}.home-index small{margin-top:3px}.owner-strip{align-items:start;flex-direction:column;gap:10px}.page-title{padding:30px 0}.page-title h1{font-size:36px}.page-title p{font-size:14px}.service-layout,.about-intro,.resource-content,.contact-layout{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:30px}.service-photos{position:static}.service-photos img{height:240px}.service-photos .secondary{display:none}.service-photos .photo-caption.secondary-caption{display:none}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin:5px 0}.process{padding:30px 0}.about-intro img{height:270px}.about-band{grid-template-columns:1fr}.about-band img{height:230px}.about-band-copy{padding:30px 26px}.resource-banner{min-height:250px}.resource-banner h1{font-size:36px}.resource-banner p{font-size:14px}.contact-photo{height:210px}.contact-form{padding:23px}.fields{grid-template-columns:1fr}.full{grid-column:auto}.footer-inner{display:block}.footer-inner>div+div{margin-top:12px}.footer-inner a{margin:0 16px 0 0}.actions{gap:18px}.actions .btn{padding:12px 16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body.admin-bar .service-photos{top:55px}.contact-details{margin-top:12px}.contact-details a{display:inline-block;margin:4px 12px 4px 0;color:var(--blue)}.jsl-error{border-left:4px solid var(--red);background:#fff0f3;padding:15px;margin-bottom:20px}.jsl-success{border-left:4px solid #217345;background:#edf8f0;padding:15px;margin-bottom:20px}.skip-link{position:absolute;top:-100px;left:10px;z-index:9999;background:white;color:var(--blue);padding:10px}.skip-link:focus{top:10px}.jsl-content{padding-top:45px;padding-bottom:45px}.jsl-content img{height:auto}.jsl-content a{color:var(--blue)}

.jsl-contact-heading{font-size:21px;margin:24px 0 12px;letter-spacing:-.4px}.jsl-directions-map{width:100%;height:280px;border:1px solid var(--line);display:block;margin:20px 0 14px}.contact-details a.jsl-directions-link{color:#fff;margin:0 0 20px}.jsl-phone{font-size:21px;font-weight:bold}.contact-copy .contact-details p{margin-bottom:10px}