/* Colour scheme */
.colourscheme {
    color: #423D34; /* Warm dark grey */
    color: #647082; /* Cool mid grey */
    color: #323944; /* Cool dark grey */
    color: #968768; /* Muted brick red */
    color: #658AC2; /* Muted purple */
    color: #691916; /* Dark red (headers) */
    color: #F6F9EA; /* Greyed parchment (background) */
}

html {
  font-size: 16px;
  position: relative;
  min-height: 100%;
}

#navbar-main {
    background: url('/images/HeaderBackgroundStreets.webp');
    background-size: cover;
}

/* Universal gutters between rows */
.row + .row {
  margin-top: 1rem;
}

/* Typography */
body {
    font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, #sitelogo {
    font-family: "Cardo", Georgia, Times, "Times New Roman", serif;
    color: #691916; /* Dark red */
}

#navbar-main a {
    color: whitesmoke;
    font-size: 1.2rem;
}

#sitelogo a {
    font-size: 1.6rem;
}

#page-header h1 {
    color: white;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

figure.float-start {
  margin: 0.5rem 2rem 2rem auto
}

figure.float-end {
  margin: 0.5rem auto 2rem 2rem
}

.article-card-image {
  height: 300px;
  background-size: 200%;
  background-position: 50%;
}

/* Home page hero */
#homepage-header {
  color: whitesmoke;
}

/* Map container */
#map-layout.row {
  height: calc(100vh - 141px);
}

/* Map pane */
#map {
  height: 100%;
}

/* Map description pane */
#map-description {
  height: 100%;
  padding: 1rem;
  overflow: scroll;
}

/* Mini maps on township pages */
#townshipmap {
  height: 600px;
}

/* Comments */
ul#comments li {
  list-style-type: none;
}