/* KirklandGold.com look (2021 site by Web Design North), applied over site.css + app.css.
   Colours, fonts and patterns are taken from the original css/style.css. */
:root { --gold:#fac11c; --gold-d:#e0a800; --ink:#1f2d3a; --ink2:#273543; --ink3:#192530; --ink4:#17222c; --line:#2e3e4c;
        --muted:#90a3b5; --bg:#1f2d3a; --panel:#273543; --btn-line:#3c4f60; }
body { background:var(--bg); color:var(--muted); font:18px/1.6 Roboto, sans-serif; -webkit-font-smoothing:antialiased; }
h1, h2, h3, h4 { font-family:"Open Sans Condensed", Oswald, sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0; color:#fff; }
h1 { color:var(--gold); font-size:47px; letter-spacing:-1px; }
h2 { font-size:29px; } h3 { font-size:23px; }
a { color:var(--gold); transition:color .3s; } a:hover { color:#fff; }
b, strong { color:#fff; }
.muted { color:#6f8396; }

/* gold header row */
.topbar { background:var(--gold); border:0; }
.topbar .wrap { padding-top:16px; padding-bottom:12px; }
.brand img { height:70px; width:auto; }
.contacts a, .contacts .who { font:700 18px "Open Sans Condensed", sans-serif; text-transform:uppercase; color:var(--ink); }
.contacts a:hover { color:#fff; }
.contacts a[href^="tel:"]::before { content:"\f095"; }
.contacts a[href^="mailto:"]::before { content:"\f086"; }
.contacts .visit::before { content:"\f11d"; }
.contacts .signin::before { content:"\f023"; }
.contacts a::before { font:normal 16px FontAwesome; margin-right:7px; }
.contacts .visit, .contacts .signin { background:transparent; border:0; padding:0; border-radius:0; }
.linkbtn { color:var(--ink); font:700 18px "Open Sans Condensed", sans-serif; text-transform:uppercase; text-decoration:none; }

/* navigation bar */
.mainnav { background:var(--ink); border-bottom:1px solid #17232f; }
.mainnav a { font:700 17px "Open Sans Condensed", sans-serif; color:var(--muted); padding:20px 13px; border-right:1px solid #17232f; letter-spacing:0; }
.mainnav li:first-child a { border-left:1px solid #17232f; }
.mainnav a:hover { color:var(--gold); }
.mainnav a[aria-current="page"] { color:var(--ink); background:var(--gold); }
.mainnav li.dr a { color:var(--gold); } .mainnav li.dr a[aria-current="page"] { color:var(--ink); }
.navtoggle { background:var(--gold); color:var(--ink); border:0; font:700 16px "Open Sans Condensed", sans-serif; text-transform:uppercase; }
@media (max-width:860px) { .mainnav a { border:0; padding:10px 4px; } }

/* page banner (camera slider look: photo, white caption) */
.banner::before { background:linear-gradient(90deg, rgba(15,26,36,.75), rgba(15,26,36,.15)); }
.banner .wrap { padding:120px 24px 110px; }
.banner h1 { color:#fff; font-size:clamp(36px,5.4vw,58px); text-shadow:0 1px 1px rgba(15,26,36,1); }
.banner h1::after { background:var(--gold); }
.banner p { color:#fff; text-shadow:0 1px 2px rgba(15,26,36,.9); }

/* sections */
main > section.wrap { padding-top:30px; }
.intro { text-align:center; padding-top:60px !important; }
.intro h2 { color:var(--gold); font-size:47px; letter-spacing:-1px; }
.intro p { max-width:960px; margin-left:auto; margin-right:auto; }
.intro .lead { font-size:18px; }
.intro b { color:var(--gold); font-weight:400; }
.intro ul.why { text-align:left; max-width:900px; margin:0 auto; padding-left:22px; }   /* /deal: bullets next to their text (2026-10-20) */
.intro ul.why li { margin-bottom:10px; }
.deal-band .two { align-items:start; }   /* /deal: both columns start at the same height */
.prose { max-width:none; }
.wrap.prose { max-width:1180px; }   /* a section that is both keeps the page column (owner 2026-10-21: /showings text ran edge to edge) */
section.wrap h2 { margin-top:56px; }

/* fact tiles */
.facts div { background:var(--panel); border-top:3px solid var(--gold); border-radius:0; }
.facts b { color:var(--gold); font:700 30px "Open Sans Condensed", sans-serif; }
.facts span { color:var(--muted); }

/* showing cards = the old "service-list" blocks */
.card { background:transparent; border:0; border-radius:0; }
.card .pic img { aspect-ratio:16/10; transition:opacity .3s; } .card .pic:hover img { opacity:.85; }
.card .txt { padding:18px 0 22px; }
.card h3, .card h3 a { color:#fff; font-size:23px; } .card h3 a:hover { color:var(--gold); }
.card ul { list-style:none; padding:0; color:var(--muted); }
.card ul li::before, .foot li::before { content:"\f101"; font:normal 14px FontAwesome; color:var(--gold); margin-right:10px; }
.card p { color:var(--muted); }

/* buttons: square, 3px outline */
.btn { font:700 18px "Open Sans Condensed", sans-serif; text-transform:uppercase; border-radius:0; padding:10px 20px; letter-spacing:0; transition:all .3s; }
.btn.gold { background:var(--gold); color:var(--ink); border:3px solid var(--gold); }
.btn.gold:hover { background:#fff; border-color:#fff; color:var(--ink); }
.btn.line { border:3px solid var(--btn-line); color:var(--muted); background:transparent; }
.btn.line:hover { background:var(--gold); border-color:var(--gold); color:var(--ink); }
.btn.line.light { color:#fff; }
.btn.sm { padding:5px 14px; font-size:16px; }

/* dark band with the subtle pattern */
.band { background:var(--ink3) url(/assets/theme/tp-pattern.png) repeat; }
.band h2 { color:var(--gold); }

/* partner band = the old yellow "quote-section" */
.cta { background:var(--gold) url(/assets/theme/bg-ptrn-yellow.jpg) repeat; color:#1a2733; text-align:center; padding:60px 0 70px; margin-top:80px; }
.cta h2 { color:#1a2733; font-size:47px; letter-spacing:-1px; margin-top:0; }
.cta p { color:#1a2733; }
.cta .btn.gold, .cta .btn.line { background:#1a2733; border:3px solid #1a2733; color:#fff; font-size:24px; padding:12px 36px; }
.cta .btn.gold:hover, .cta .btn.line:hover { background:var(--gold); color:#1a2733; }

/* footer */
.foot { background:var(--ink3); color:var(--muted); padding:80px 0 0; font-size:16px; }
.foot h3 { color:#fff; font-size:23px; margin:0 0 24px; }
.foot a { color:var(--muted); text-transform:none; } .foot a:hover { color:var(--gold); }
.foot .small { background:var(--ink4); margin:60px 0 0; padding:24px 24px 26px; max-width:none; border:0; color:#465c70; font-size:14px; text-align:center; }

/* figures, galleries, tables, boxes on dark */
.fig { background:var(--panel); border:0; border-radius:0; } .fig figcaption { color:var(--muted); } .fig b { color:#fff; }
.gallery a { color:var(--muted); }
.note-box { background:var(--panel); border-left:5px solid var(--gold); color:var(--muted); }
.facts-box { background:var(--panel); border:0; border-top:3px solid var(--gold); border-radius:0; }
table.assays, table.grid { background:transparent; }
table.assays th, table.assays td, table.grid th, table.grid td { border-bottom:1px solid var(--line); color:var(--muted); }
table.assays th, table.grid th { color:#fff; font-family:"Open Sans Condensed", sans-serif; font-weight:700; }
.embed { border-radius:0; }

/* data room / admin / forms */
.doc { background:var(--panel); border:0; border-left:4px solid var(--gold); border-radius:0; }
.doc a { color:#fff; } .doc a:hover { color:var(--gold); }
.toc { border-color:var(--line); } .toc a { color:var(--gold); font-family:"Open Sans Condensed", sans-serif; text-transform:uppercase; font-weight:700; }
.admin details { background:var(--panel); border:0; border-radius:0; }
.form input, .form select, .form textarea { background:#121c24; border:1px solid #121c24; color:#e8edf2; border-radius:0; }
.form label { color:#fff; }
.tag { background:var(--gold); color:var(--ink); }
.ok { background:#20372b; color:#cfe8d6; }
.err { color:#ff8a80; }
dialog#lb img { background:#000; }

/* ---------- Property Viewer = the main event (owner 2026-10-16): gold menu button, big hero buttons, home feature band */
.mainnav li.viewer a { color:var(--gold); }   /* a regular menu item, in the accent colour */
.mainnav li.viewer a[aria-current="page"] { color:var(--ink); }   /* on its own page: dark text on the gold tab, as the other menu items */

.btn i { margin-right:8px; }
.hero-cta { margin:26px 0 0; }
.banner p.hero-cta { max-width:none; display:flex; flex-wrap:wrap; align-items:center; gap:12px; }   /* all three buttons on one line (2026-10-19) */
.btn.xl { font-size:23px; padding:14px 32px; box-shadow:0 8px 22px rgba(0,0,0,.4); }
.viewer-feature { background:var(--ink3); border-top:4px solid var(--gold); border-bottom:4px solid var(--gold); padding:46px 0; }
.viewer-feature .wrap { display:grid; grid-template-columns:1.25fr 1fr; gap:38px; align-items:center; }
.viewer-feature .shot img { width:100%; display:block; border:3px solid var(--gold); box-shadow:0 10px 30px rgba(0,0,0,.45); transition:transform .3s; }
.viewer-feature .shot:hover img { transform:scale(1.015); }
/* home: three views (1D / 2D / 3D) + full-width call-to-action band (owner request 2026-10-16) */
.viewer-feature.tiles { border-bottom:0; padding:50px 0 54px; }
.viewer-feature.tiles .wrap { display:block; }
.viewer-feature.tiles .sub { max-width:880px; margin:0 0 26px; }
.vtiles { display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; }
.vt { display:block; text-decoration:none; color:#d3dbe2; }
.vt .pic { position:relative; display:block; border:3px solid var(--gold); box-shadow:0 10px 26px rgba(0,0,0,.45); overflow:hidden; background:#fff; }
.vt .pic img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; transition:transform .35s; }
.vt:hover .pic img { transform:scale(1.04); }
.vt .dim { position:absolute; left:0; top:0; background:var(--gold); color:var(--ink); font:700 24px "Open Sans Condensed", sans-serif; padding:4px 14px; letter-spacing:.04em; }
.vt .lock { position:absolute; right:8px; bottom:8px; background:rgba(25,37,48,.88); color:#fff; font:700 14px "Open Sans Condensed", sans-serif; text-transform:uppercase; padding:3px 9px; }
.vt .lock i { color:var(--gold); margin-right:5px; }
.vt .cap { display:block; padding:14px 2px 0; font-size:16px; line-height:1.45; }
.vt .cap b { display:block; color:#fff; font:700 22px "Open Sans Condensed", sans-serif; text-transform:uppercase; margin-bottom:4px; }
.vt:hover .cap b { color:var(--gold); }
.cta.viewer-cta { margin-top:0; padding:46px 0 52px; }
.cta.viewer-cta h2 { font-size:40px; margin-bottom:6px; }
.cta.viewer-cta p:last-child { margin:22px 0 0; }
/* "what's inside" chips in the home band (2026-10-19) */
.cta .inside { list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:10px 12px; padding:0; margin:22px auto 0; max-width:1060px; }
.cta .inside li { background:#1a2733; color:#fff; font:700 18px "Open Sans Condensed", sans-serif; text-transform:uppercase; padding:8px 15px; }
.cta .inside li b { color:var(--gold); margin-right:6px; }
@media (max-width:860px) { .vtiles { grid-template-columns:1fr; gap:30px; } .cta.viewer-cta h2 { font-size:30px; } }
.viewer-feature .kicker { margin:0; color:var(--gold); font:700 19px "Open Sans Condensed", sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.viewer-feature h2 { margin:4px 0 12px; font-size:38px; line-height:1.1; }
.viewer-feature p { color:#d3dbe2; }
@media (max-width:860px) { .viewer-feature .wrap { grid-template-columns:1fr; gap:22px; } .viewer-feature h2 { font-size:30px; }
  .btn.xl { font-size:19px; padding:12px 22px; } }

/* signed-in pages (Data room, Documents, Admin) in one drop-down, so the menu fits on one line */
.mainnav li.more { position:relative; }
.mainnav .moretoggle { display:block; background:none; border:0; border-right:1px solid #17232f; cursor:pointer; color:var(--gold);
  font:700 17px "Open Sans Condensed", sans-serif; text-transform:uppercase; padding:20px 13px; }
.mainnav .moretoggle:hover, .mainnav .moretoggle[aria-current="page"] { color:var(--ink); background:var(--gold); }
.mainnav .moretoggle i { margin-left:4px; }
.mainnav .submenu { display:none; position:absolute; right:0; top:100%; min-width:190px; background:var(--ink4); border-top:3px solid var(--gold);
  box-shadow:0 10px 24px rgba(0,0,0,.45); flex-direction:column; z-index:30; }
.mainnav li.more:hover .submenu, .mainnav li.more:focus-within .submenu, .mainnav li.more.open .submenu { display:flex; }
.mainnav .submenu a { border:0; padding:12px 18px; color:var(--gold); }
.mainnav .submenu a:hover { background:var(--ink2); }
@media (max-width:860px) { .mainnav .moretoggle { border:0; padding:10px 4px; width:100%; text-align:left; }
  .mainnav .submenu { position:static; box-shadow:none; border:0; padding-left:14px; } }
/* public section drop-downs (menu option A, owner 2026-10-21): same look as the plain menu items, open under their own tab */
.mainnav li.grp .moretoggle { color:var(--muted); }
.mainnav li.grp .moretoggle:hover, .mainnav li.grp.open .moretoggle { color:var(--gold); background:none; }
.mainnav li.grp .moretoggle[aria-current="page"] { color:var(--ink); background:var(--gold); }
.mainnav li.grp .submenu { left:0; right:auto; min-width:220px; }
.mainnav li.grp .submenu a { display:block; color:#d3dbe2; }
.mainnav li.grp .submenu a:hover, .mainnav li.grp .submenu a[aria-current="page"] { color:var(--gold); }
.mainnav li.grp .submenu li.sub a { padding:7px 18px 7px 34px; font-size:15px; }
/* Showings ranked by gold, design G (owner 2026-10-29): rank, name, type icon, best gold */
.mainnav li.grp .submenu { min-width:300px; }
.mainnav .rk-note { color:var(--muted); font-size:12px; text-transform:none; margin-left:6px; }
.mainnav li.grp .submenu li.rk a { display:flex; align-items:center; gap:8px; padding-left:18px; }
.mainnav li.rk a b { color:var(--gold); width:14px; text-align:right; }
.mainnav li.rk a i { color:var(--muted); font-size:12px; margin-left:auto; }
.mainnav li.rk a span { color:var(--gold); font-weight:500; min-width:54px; text-align:right; text-transform:none; }
.mainnav li.rk-more { padding:6px 18px 10px 40px; font-size:13px; color:var(--muted); }
.mainnav li.rk a span.rk-na { color:var(--muted); font-weight:400; font-size:12px; }
.mainnav li.grp .submenu li.rk-more a { display:inline; padding:0; font-size:13px; text-transform:none; }
/* the floats under Float trains: a third level, one per line (owner 2026-10-29); the one in the address in gold (kgFloatNav in _Layout) */
.mainnav li.grp .submenu li.rk-sub a { display:flex; align-items:center; gap:8px; padding:3px 18px 3px 62px; font-size:13px; text-transform:none; color:var(--muted); }
.mainnav li.rk-sub a span { margin-left:auto; color:var(--gold); min-width:54px; text-align:right; }
.mainnav li.grp .submenu li.rk-sub a:hover, .mainnav li.grp .submenu li.rk-sub a[aria-current="location"] { color:var(--gold); }/* admin portal (2026-10-22) on the dark look */
.adm-nav a { color:var(--muted); } .adm-nav a:hover, .adm-nav a[aria-current] { background:var(--panel); color:#fff; }
.adm-b { background:var(--gold); color:var(--ink); font-weight:700; }
.adm-title { color:#fff; } .adm-nav a:hover .fa { color:#fff; } .adm-nav a[aria-current] .fa { color:var(--gold); }
.adm-tile, .adm-list > a, .adm-list > div { background:var(--panel); border-color:var(--line); color:var(--muted); }
.adm-tile b, .adm-list b { color:#fff; } .adm-tile span, .adm-tile small, .adm-list span:not(.tag) { color:var(--muted); }
.adm-tile.hot small { color:var(--gold); } .adm-tile:hover, .adm-list > a:hover { border-color:var(--gold); }
.adm-recent a { color:var(--muted); } .adm-recent a:hover { color:var(--gold); }