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

:root {
  color-scheme: light;
}

body {
  background-color: #D0EEEA;
  color: #3f3d3d;
}

th {
  color: #222;
}

a, .fakelink {
  color: #069;
}

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

.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 {
  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;
}

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;
}

.gf-smol-tag {
  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;
}