/* vim: set tabstop=2 shiftwidth=2 expandtab smarttab: */

:root {
  color-scheme: light;
}

body {
  background-color: #507E79;
  color: #3f3d3d;
  /* rgb is same as color above */
  -webkit-tap-highlight-color: rgba(63, 61, 61, 0.05);
}

/* More distinctive body background color when we might possibly see it on the
   left/right of the main content (otherwise, leave it as the theme color in
   case it peeks out at the top or bottom, e.g. behind christmas lights) */
@media screen and (min-width: 700px) {
  body {
    background-color: #D0EEEA;
  }
}

th {
  color: #222;
}

a, .fakelink {
  color: #069;
}

a:hover, .fakelink:hover {
  text-shadow: 0 0 1px rgba(0, 102, 153, .6);
}

hr {
  border: 0;
  border-top: 1px solid #aaa;
}

.header-columns, .content-columns .left-column, footer {
  /* #507E79 is also used as the PWA theme color, set in manifest.json and in a meta tag at the top of the template */
  background-color: #507E79;
  color: white;
}

.content-columns, .sticky-header {
  background-color: #fafafa;
}

.content-columns .left-column hr {
  border: 0;
  border-top: 1px solid white;
}

th, td {
  border-color: #aaa;
}

tr.highlighted > td, tr.highlighted > th,
.highlighted-evens > tr:nth-child(even) > td,
.highlighted-evens > tr:nth-child(even) > th,
.highlighted-odds > tr:nth-child(odd) > td,
.highlighted-odds > tr:nth-child(odd) > th
{
  background-color: #D0EEEA55;
}

td.slightly-highlighted {
  background-color: rgba(80, 126, 121, .13);
}

nav li.selected > h3 > a, nav li.selected > a {
  color: /*#bde6dc*/ #D0EEEA;
}

tr.gf-onseen > td, tr.gf-onseen > th,
tr.yellow-highlighted > td, tr.yellow-highlighted > th,
span.yellow-highlighted {
  background-color: #fff7b5 !important;
}

.subtag {
  background-color: rgba(0,0,0,0.06);
  color: #000;
}

.money-green {
  color: green;
}

.money-red {
  color: red;
}

.money-grey {
  color: grey;
}

.money-orange {
  color: orange;
}

.money-black {
  color: #000;
}

.if-dark-mode {
  display: none;
}