header > h1 {
  color: rgb(27, 110, 38);
}

header > h1 > a > span {
  border-bottom: 2px solid currentColor;
  line-height: 0.85;
  display: inline-block;
  text-shadow:
    2px 2px white,
    2px -2px white,
    -2px 2px white,
    -2px -2px white;
}

/*
header > h1 > a:hover {
  border-bottom: 2px solid #00aba9;
}*/

header > h6 {
  color: rgb(45, 119, 158);
}

header > h6+h6 {
  color: rgb(164, 17, 9);
}

footer > p {
  text-align: center;
}

body {
  background: white;
  color: black;
}

body, button, input, select, textarea {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
}

p {
  line-height: 20px;
  text-align: justify;
}

code, pre {
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  line-height: 16px;
}

ol {
  list-style: decimal outside;
}

ul {
  list-style: circle outside;
}

ol, ul {
  margin-left: 24px;
  margin-right: 24px;
}

hr {
  margin: 12px 0;
}

h1 { font-size: 45px; }
h2 { font-size: 34px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; font-weight: bold; }
h6 { font-size: 18px; font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', serif;
  margin-bottom: 12px;
  text-align: center;
}

h1 + h1, h2 + h2, h3 + h3, h4 + h4, h5 + h5, h6 + h6,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
p + section, ul + section, section + section,
p + nav, nav + p, nav + section,
nav + figure, nav + figure + p,
figure + h1,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
figure + h6,
section + h1,
section + h2,
section + h3,
section + h4,
section + h5,
section + h6,
div.leaflet-container + h1,
div.leaflet-container + h2,
div.leaflet-container + h3,
div.leaflet-container + h4,
div.leaflet-container + h5,
div.leaflet-container + h6,
div.leaflet-container + section {
  margin-top: 12px;
}

div.leaflet-container + figure + figure + figure + figure,
div.leaflet-container + figure + figure + figure,
div.leaflet-container + figure + figure,
div.leaflet-container + figure,
div.leaflet-container + p,
p + div.leaflet-container,
p + figure + figure + figure + figure + p,
p + figure + figure + figure + figure,
p + figure + figure + figure + p,
p + figure + figure + figure,
p + figure + figure + p,
p + figure + figure,
p + figure + p,
p + figure,
p + p,
p + iframe,
p + iframe + figure,
p + iframe + figure + p,
p + iframe + figcaption,
p + iframe + figcaption + p,
h2 + figure,
h2 + figure + figure,
h2 + figure + figure + figure,
h2 + figure + figure + figure + figure,
p + ul, ul + p {
  margin-top: 8px;
}

li + li {
  margin-top: 6px;
}

p + iframe {
  margin-bottom: 0;
}

a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #00aba9;
  cursor: pointer;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

u {
  text-decoration: underline;
}

/*iframe {
  float: right;
  word-wrap: none;
  margin: 8px;
  margin-right: 0;
}
*/
figure {
  float: right;
  margin: 0;
  margin-left: 8px;
}

figure img {
  margin-top: 4px;
  display: block;
}

figure iframe {
  margin-top: 4px;
}

figcaption {
  font-size: 14px;
  text-align: right;
  margin-top: 8px;
}

figure figcaption {
  margin-top: 4px;
  margin-bottom: 8px;
}

nav {
  text-align: center;
}

nav + nav {
  margin-top: 8px;
}

nav > span:first-child:before {
  content: "| ";
}

nav > span:not(:first-child):before {
  content: " | ";
}

nav > span:last-child:after {
  content: " |";
}

.full-width {
  width: 100%;
}

.horizontally-centered {
  margin-left: auto !important;
  margin-right: auto !important;
}

.ticked:before {
  content: "✔ ";
}

.underlined {
  text-decoration: underline;
}

@media (max-width: 450px) { /* 2*(200 + 2*8) + 2*9 */
  .hidden-on-mobile {
    display: none;
  }
}

@media (min-width: 451px) {
  .only-on-mobile {
    display: none;
  }
}

@media (max-width: 599px) {
  .hidden-below-600 {
    display: none;
  }
}

@media (min-width: 600px) {
  .only-below-600 {
    display: none;
  }
}

.margin-lr-auto {
  margin-left: auto;
  margin-right: auto;
}

.activities-container {
  margin-top: 8px;
}

/*.lyrics {
  margin: 0 auto;
}*/

.lyrics > p {
  text-align: center;
}

.dont-collapse:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.examples {
  text-align: center;
}

.examples > span:not(:last-child):after {
  content: ", ";
}

.activities-container.single-activity {
  text-align: center;
}

.activities-container.single-activity > figure {
  float: none;
  display: inline-block;
  margin: 0 auto;
}

.full-on-mobile-else-fixed {
  max-width: 200px;
}

@media (max-width: 450px) {
  .full-on-mobile-else-fixed {
    float: none;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
}

#contact-info-list {
  margin-right: 0;
}

#contact-info-list p {
  text-align: left;
}

.news {
  text-align: center;
}

.news > h5 {
  color: rgb(27, 110, 38);
}

.news > p {
  text-align: center;
}

.latest.news > p {
  color: rgb(45, 119, 158);
}

.video.news > p {
  color: rgb(164, 17, 9);
}

.news * {
  display: inline-block;
  margin-bottom: 0;
}

#root-outer {
  margin: 9px;
  overflow: auto;
}

#root-inner {
  max-width: 750px;
  overflow: hidden;
}

.first-col-labels > * > *:first-child {
  text-align: right;
}

.first-col-labels > * > * {
  vertical-align: top;
}

.table {
  display: table;
}

.table > * {
  display: table-row;
}

.table > * > * {
  display: table-cell;
  padding: 4px;
}

.table > *:first-child > * {
  padding-top: 0;
}

.table > *:last-child > * {
  padding-bottom: 0;
}

.table > * > *:first-child {
  padding-left: 0;
}

.table > * > *:last-child {
  padding-right: 0;
}