/* New York District brand, matched to nyupci.com and upci.org. Loaded last on every page, so it overrides the shared theme. */
@import url(/fonts/district/district.css);

:root, #relay-rail, body.duty {
  --display: "Special Gothic Expanded One", system-ui, sans-serif;
  --sans: "Montserrat", system-ui, sans-serif;
  --head-font: "Special Gothic Expanded One", system-ui, sans-serif;
  --read-font: "Montserrat", system-ui, sans-serif;
  --read: "Montserrat", system-ui, sans-serif;
  --rl-read: "Montserrat", system-ui, sans-serif;
  --r-sm: 6px;
}
html { font-synthesis: none; }

html[data-theme="dark"] {
  --accent: #C2B560; --accent-ink: #111518; --ground0: #0D1114; --ground1: #111518;
  background-color: #111518; background-image: radial-gradient(130% 75% at 50% 0%, rgba(28,90,125,.26) 0%, rgba(17,21,24,0) 72%);
}
html[data-theme="dark"] body { background-color: #111518; }
html[data-theme="dark"] #relay-rail { --rl-bg: #0D1114; }

html[data-theme="light"] {
  --accent: #1C5A7D; --accent-ink: #FFFFFF; --ground0: #F3ECDF; --ground1: #FBF6ED; --steel-0: #FBF6ED; --act: #1C5A7D;
  background-color: #FBF6ED;
  background-image: radial-gradient(150% 92% at 50% 0%, #EDE4D7 0%, rgba(237,228,215,.5) 34%, rgba(251,246,237,0) 74%);
}
html[data-theme="light"] body { background-color: #FBF6ED; }
html[data-theme="light"] #relay-rail { --rl-bg: #F4ECDF; --rl-act: #1C5A7D; }

.rail-logo { height: 42px; width: auto; }
.rail-logo.on-light { display: none; }
html[data-theme="light"] .rail-logo.on-light { display: block; }
html[data-theme="light"] .rail-logo.on-dark { display: none; }
.logo-on-light { display: none; }
html[data-theme="light"] .logo-on-light { display: block; }
html[data-theme="light"] .logo-on-dark { display: none; }
.relay-page-header h1, .topbar h1 { font-family: var(--display); font-weight: 400; }

/* Meetings board */
html[data-theme="light"] { --mb-board: #F3ECDF; --mb-slot: #EDE4D7; --mb-rule: rgba(17,21,24,.10); --mb-rule2: rgba(17,21,24,.20); --mb-ink: #111518; --mb-paint: #3A4248; --mb-muted: #566067; --mb-act: #1C5A7D; --mb-fill: #C2B560; --mb-fill-ink: #111518; --mb-wait: #8A5A00; --mb-gap: #B42318; }
html[data-theme="dark"] { --mb-board: #151A1E; --mb-panel: #1C2227; --mb-slot: #181E22; --mb-rule: rgba(255,255,255,.08); --mb-rule2: rgba(255,255,255,.16); --mb-ink: #F3F1EA; --mb-paint: #C6CCD1; --mb-muted: #9AA5AE; --mb-act: #D0C473; --mb-fill: #C2B560; --mb-fill-ink: #111518; }
.m-row-main b, .m-card-title, .m-board-top h2, #view-detail .panel-title { font-weight: 400; }

/* Sign-in page */
main .brand img { margin: 0 auto; }
#step-phone > [hidden] { display: none !important; }

/* Home */
#prayer-plate { display: none; }
.ny-map { display: block; padding: 4px 14px 2px; }
.ny-map svg { display: block; width: 100%; height: auto; max-height: 300px; }
.ny-county { fill: rgba(28,90,125,.09); stroke: rgba(28,90,125,.2); stroke-width: .7; }
.ny-state { fill: none; stroke: rgba(28,90,125,.55); stroke-width: 1.4; }
.ny-pin { fill: #1C5A7D; stroke: #FBF6ED; stroke-width: 1.5; }
.ny-halo { fill: #1C5A7D; opacity: .16; }
html[data-theme="dark"] .ny-county { fill: rgba(255,255,255,.075); stroke: rgba(255,255,255,.17); }
html[data-theme="dark"] .ny-state { stroke: rgba(255,255,255,.42); }
html[data-theme="dark"] .ny-pin { fill: #C2B560; stroke: #111518; }
html[data-theme="dark"] .ny-halo { fill: #C2B560; }
.ny-count { margin: 4px 14px 12px; font-size: 13.5px; color: var(--muted); font-variant-numeric: tabular-nums; }

.plate > a.row { padding-left: 14px; padding-right: 14px; }
/* Not part of this instance: the shared home lists these for everyone */
.tools a[href="/campus-settings"], .tools a[href="/availability"] { display: none; }
/* Home: Assignments reads like the sections around it, with its message under a rule. */
.today { padding-bottom: 0; }
.today .today-head { padding: 14px; border-top: 1px solid var(--rule); }
.today .sentence { font: 400 15px/1.45 var(--read-font, var(--sans)); }
.today:has(.today-body:empty) .sentence { font-size: 14px; color: var(--muted); }
#f-agenda { min-height: 104px; }
/* New meeting lines up with the page title instead of floating in the middle of the column. */
@media (min-width: 768px) and (min-height: 500px) {
  #view-create { max-width: 760px; margin: 0; }
  #view-create .topbar { display: flex; align-items: center; gap: 14px; }
  #view-create .topbar h1 { font: 400 21px/1.2 var(--display); text-align: left; }
  #view-create .topbar > span { display: none; }
}