/*
Theme Name: Quantum Investigations
Theme URI: https://quantuminvestigations.ca/
Description: Custom Quantum Investigations / Bernard & Associates site.
Version: 1.0
Author: Quantum Investigations
*/


*{box-sizing:border-box}html,body{margin:0}body{background:#17232a;color:#18242b;font-family:Arial,Helvetica,sans-serif}
.chrome{height:62px;background:#09151c;color:#e9eeee;display:flex;align-items:center;gap:9px;padding:0 15px;position:sticky;top:0;z-index:20}
.chrome button{border:1px solid #3d5059;background:#12262f;color:#fff;border-radius:6px;padding:8px 12px;font-size:16px;cursor:pointer}.chrome button:disabled{opacity:.3;cursor:default}
.address{flex:1;background:#f3f5f4;color:#526068;border-radius:6px;padding:9px 13px;font-size:13px}
.shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100vh - 62px)}
aside{background:#0d1b22;color:#dbe3e5;padding:20px 14px;position:sticky;top:62px;height:calc(100vh - 62px);overflow:auto}
aside h3{font:500 21px Georgia,serif;color:#fff;margin:0 7px 16px}.group{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#c5a46d;margin:20px 7px 7px}
aside a{display:block;text-decoration:none;color:#cbd5d9;padding:7px 8px;border-radius:5px;font-size:13px}aside a:hover,aside a.active{background:#1a303b;color:#fff}
.view{background:#fbfaf7;min-width:0}.sitebar{height:45px;background:#fff;border-bottom:1px solid #ddd9cf;padding:0 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#66737a;position:sticky;top:62px;z-index:10}.sitebar strong{color:#0d1b24}
.hero{background:#0c1b23;color:#fff;padding:92px 7% 88px}.ey{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#c5a46d;font-weight:800}.hero h1{font:500 clamp(42px,6vw,70px)/1.06 Georgia,serif;max-width:920px;margin:14px 0 20px}.hero p{max-width:790px;font-size:18px;line-height:1.65;color:#dbe3e5}.btn{display:inline-block;background:#c5a46d;color:#0d1b24;padding:12px 18px;font-size:12px;font-weight:800;text-decoration:none;margin-top:18px}
.section{padding:70px 7%;max-width:1250px}.section h2{font:500 42px/1.12 Georgia,serif;margin:8px 0 15px;color:#0d1b24}.intro{color:#66737a;max-width:780px;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd9cf;border:1px solid #ddd9cf;margin-top:30px}.card{background:#fbfaf7;padding:28px}.card h3{font:500 23px Georgia,serif;margin:0 0 8px}.card p{font-size:14px;line-height:1.65;color:#66737a}.learn{font-size:11px;font-weight:800;color:#0d1b24;text-decoration:none}
.prose{max-width:830px}.prose p{color:#66737a;line-height:1.75}.prose h2{font-size:30px;margin-top:40px}.call{border-left:2px solid #c5a46d;padding-left:20px;margin-top:32px;color:#66737a}
.two{display:grid;grid-template-columns:1fr 1fr;gap:35px}.map{height:370px;border:1px solid #d6d2c9;background:#e7e3da;position:relative;overflow:hidden}
.map:before{content:"";position:absolute;inset:-80px;background:repeating-linear-gradient(24deg,transparent 0 55px,#c9c5bc 56px 58px),repeating-linear-gradient(112deg,transparent 0 70px,#d1cdc4 71px 73px);transform:rotate(-4deg);opacity:.7}
.lake{position:absolute;background:#c5d6d8;border-radius:55% 45% 50% 50%;opacity:.85}.l1{width:220px;height:470px;right:-30px;top:-90px;transform:rotate(17deg)}.l2{width:120px;height:250px;left:30px;bottom:-80px;transform:rotate(-22deg)}
.pin{position:absolute;z-index:2;background:#0d1b22;color:#fff;border-radius:5px;padding:7px 9px;font-size:11px;box-shadow:0 2px 6px #777}.p1{left:30%;top:35%}.p2{left:50%;top:58%}.legend{position:absolute;z-index:3;bottom:12px;left:12px;background:#fff;padding:9px 11px;font-size:11px;color:#4c5960;border:1px solid #ccc}
.footer{background:#081219;color:#aebcc1;padding:28px 7%;font-size:12px}
@media(max-width:850px){aside{display:none}.shell{display:block}.cards,.two{grid-template-columns:1fr}.hero{padding:62px 7%}.section{padding:50px 7%}}



body{background:#fbfaf7}
.chrome{height:72px;background:rgba(251,250,247,.98);color:#0d1b24;display:flex;align-items:center;gap:28px;padding:0 5%;position:sticky;top:0;z-index:30;border-bottom:1px solid #e2ded5;box-shadow:0 1px 8px rgba(0,0,0,.03)}
.brand{font:600 17px Georgia,serif;letter-spacing:.08em;white-space:nowrap}.brand span{font:400 10px Arial,sans-serif;letter-spacing:.18em;margin-left:5px;color:#66737a}
.mainnav{display:flex;align-items:center;gap:4px;flex:1}.mainnav button{border:0;background:transparent;color:#34444c;padding:10px 12px;font-size:12px;letter-spacing:.03em;cursor:pointer}.mainnav button:hover{color:#0d1b24}
.contactbtn{border:1px solid #b99455;background:transparent;color:#0d1b24;padding:11px 15px;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.contactbtn:hover{background:#c5a46d}
.previewbtn{border:0;background:#0d1b24;color:#fff;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.dropdown{display:none;position:fixed;top:72px;left:5%;z-index:40;background:#fff;border:1px solid #ddd9cf;box-shadow:0 12px 35px rgba(0,0,0,.12);padding:20px 22px;width:410px}.dropdown.open{display:block}.dropdown h4{font:500 20px Georgia,serif;margin:0 0 14px;color:#0d1b24}.dropgrid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dropgrid a{color:#45545b;text-decoration:none;font-size:12px;padding:7px 5px}.dropgrid a:hover{color:#0d1b24;background:#f5f2eb}
.previewPanel{display:none;position:fixed;right:18px;top:82px;width:290px;max-height:calc(100vh - 100px);overflow:auto;background:#0d1b22;color:#dbe3e5;z-index:50;box-shadow:0 15px 45px rgba(0,0,0,.28);border:1px solid #30454f}.previewPanel.open{display:block}.previewHead{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid #30454f;color:#fff}.previewHead button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}.previewNote{font-size:11px;line-height:1.5;color:#9eafb5;padding:12px 16px;border-bottom:1px solid #30454f}.previewLinks{padding:12px}.previewLinks .group{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#c5a46d;margin:14px 5px 6px}.previewLinks a{display:block;color:#cbd5d9;padding:7px 8px;border-radius:4px;text-decoration:none;font-size:12px;cursor:pointer}.previewLinks a:hover,.previewLinks a.active{background:#1a303b;color:#fff}
.browserbar{height:45px;background:#eef0ee;display:flex;align-items:center;gap:7px;padding:0 5%;border-bottom:1px solid #d8d8d3}.browserbar button{border:0;background:transparent;color:#45545b;font-size:15px;padding:5px 8px;cursor:pointer}.browserbar button:disabled{opacity:.3}.address{flex:1;max-width:760px;background:#fff;border:1px solid #d7d8d3;border-radius:16px;color:#5b686e;padding:6px 13px;font-size:11px}
.view{min-height:calc(100vh - 117px)}#choose-service{scroll-margin-top:125px}.sitebar{position:static;height:38px;font-size:10px}
@media(max-width:1000px){.mainnav{display:none}.chrome{gap:12px}.contactbtn{margin-left:auto}.previewbtn{display:none}}@media(max-width:600px){.brand span{display:none}.contactbtn{font-size:10px;padding:9px}.sitebar span:first-child{display:none}}



.page-footer{background:#081219;color:#aebcc1;padding:38px 7% 30px;margin-top:20px}
.page-footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;max-width:1200px;margin:auto}
.page-footer h4{font:500 18px Georgia,serif;color:#fff;margin:0 0 10px}
.page-footer a{color:#cbd5d9;text-decoration:none;font-size:12px;line-height:1.9}
.page-footer p{font-size:12px;line-height:1.6;margin:0;color:#9eafb5}
.footer-bottom{border-top:1px solid #30414a;margin-top:25px;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font-size:10px}
.footer-bottom a{font-size:10px;margin-left:16px}
.contextbar{padding:12px 7%;background:#f1eee7;border-bottom:1px solid #ddd9cf;font-size:11px;color:#59666c}
.contextbar a{color:#0d1b24;font-weight:800;text-decoration:none}
@media(max-width:700px){.page-footer .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom a{margin-left:0;margin-right:15px}}


/* WordPress public-site cleanup */
.browserbar,.previewPanel,.previewbtn{display:none!important}
.chrome{position:sticky!important;top:0!important}
body{margin:0}