/* Site theme: green header with Riverside lot lines, and a blue header on the Details pane.
   Loaded after the other stylesheets on every page. To go back to the plain look, remove the one <link> to this file
   from each page. */

:root {
  --th-green-1: #0a6253;
  --th-green-2: #0c7664;
  --th-green-3: #108a74;
  --th-green-dark: #0b5c4d;
  --th-blue-1: #2073ad;
  --th-blue-2: #1a5e91;
  --th-blue-3: #165483;
}

/* ---- header ---- */
.app-header {
  background:
    url(/theme/header-parcels.svg) right center / cover no-repeat,
    linear-gradient(135deg, var(--th-green-1) 0%, var(--th-green-2) 55%, var(--th-green-3) 100%);
  color: #fff;
  border-bottom: 0;
  backdrop-filter: none;
}
.app-header .brand__logo {
  box-sizing: content-box;
  height: 36px;
  background: #fff;
  border-radius: 10px;
  padding: 5px 9px;
}
.app-header .brand__title { color: #fff; font-weight: 800; letter-spacing: -.01em; }
.app-header .hdr-nav a {
  color: #fff;
  background: var(--th-green-dark);
  border: 1px solid rgba(255, 255, 255, .30);
}
.app-header .hdr-nav a .ni { color: #fff; }
.app-header .hdr-nav a:hover { background: #094c40; }
.app-header .hdr-nav a.on { background: #fff; color: var(--th-green-1); border-color: #fff; }
.app-header .hdr-nav a.on .ni { color: var(--th-green-1); }
.app-header .hdr-pill {
  color: #fff;
  background: var(--th-green-dark);
  border: 1px solid rgba(255, 255, 255, .30);
}
.app-header .hdr-pill b { color: #fff; }

/* ---- registry: search pane, the whole "Search by" section is light blue ---- */
.pane--results .sb {
  background: linear-gradient(180deg, #e3f0fa 0%, #d6e8f6 100%);
  border-bottom: 1px solid #bcd7ee;
}
.pane--results .sb { padding-top: 0; }
.pane--results .sb .sb__label {
  margin: 0 -12px;
  padding: 11px 14px;
  background: linear-gradient(180deg, var(--th-blue-1) 0%, var(--th-blue-2) 100%);
  color: #fff;
}
.pane--results .sb .mode-toggle .tab { background: #fff; border-color: #bcd7ee; }
.pane--results .sb .mode-toggle .tab:hover { background: #f4f9fd; }
.pane--results .sb .mode-toggle .tab.active { background: #fff; border-color: var(--accent); box-shadow: 0 1px 3px rgba(26, 94, 145, .25); }
.pane--results .sb .searchbar { border-color: #bcd7ee; }

/* ---- registry: search pane, the "Results" bar and the credit footer are blue too ---- */
.pane--results .res-wrap > .pane__title {
  background: linear-gradient(180deg, var(--th-blue-1) 0%, var(--th-blue-2) 100%);
  border-bottom: 0;
  color: #fff;
}
.pane--results .res-wrap > .pane__title .meta { color: #cfe4f4; }
.pane__credit {
  background: linear-gradient(180deg, var(--th-blue-2) 0%, var(--th-blue-3) 100%);
  color: #d4e7f5;
  border-top: 0;
  padding: 10px 14px;
}
.pane__credit a, .pane__credit .footer-link { color: #fff; }

/* ---- registry: details pane, blue header ---- */
.pane--details > .pane__title {
  background: linear-gradient(180deg, var(--th-blue-1) 0%, var(--th-blue-2) 100%);
  border-bottom: 0;
  color: #fff;
}
.pane--details > .pane__title .meta { color: #cfe4f4; }