.site-header {
  border-top: 5px solid $border-color-03;
  border-bottom: 1px solid $border-color-01;
  min-height: $spacing-unit * 1.865;
  line-height: $base-line-height * $base-font-size * 2.25;
  background-color: #b5b4c5;

  // Positioning context for the mobile navigation icon
  position: relative;
}

.night-mode {
	background-color: #292929;
	color: #E0E0E0;
}

.night-mode-quotes {
	color: #fcd299;
}

.day-mode {
	background-color: #F0F0F0;
	color: #222222;
}

.day-mode-quotes {
	color: #4e6bf9;
}

.day-mode-heading {
  color: #63627f;
}

h1, h2 {
	color: #b6b5d4;
  text-align: center;
}

h3, h4, h5, h6 {
  color: #b6b5d4;
}

a:link {
  color: #08a7e7;
}
a:visited {
  color: #c0d1ce;
}
a:hover {
  color: #c0d1ce;
}
a:active {
  color: darkgray;
} 

ul.toc {
  list-style: none;
  padding-left: 0;
	margin-left: 0;
}

.navbar {
  overflow: hidden;
  background-color: #b5b4c5;
}

/* Blockquotes */
blockquote {
  border-left: 4px solid $border-color-01;
  padding-left: $spacing-unit / 2;
  font-style: normal;
  font-size: 1em;
  letter-spacing: 0px;

  > :last-child {
    margin-bottom: 0;
  }

.footnote{
	color: #08a7e7;
}

/* Sup text */
p input + label {
  font: 0.7em / 1 system-ui, sans-serif;
  vertical-align: super;
  cursor: pointer;
  transition: color 0.1s;
}

p input + label:before {
  content: "";
}

p input + label:after {
  content: "";
}

p input + label:hover {
  color: #838374;
}

/* Footnote text */

small {
  color: #838374;
  font-size: 0.875em;
}

p input + label + small {
  transition: opacity 0.2s 0.05s;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

p input:checked + label + small {
  position: relative;
  opacity: 1;
  visibility: visible;
}