body { padding-top: 0; font-weight: 300;}

/* headings */
h1, h2, h3, h4, h5 { margin: 1.5em 0 .5rem; font: var(--font-h); line-height: 1.5em; clear: both; }
h1+h2, h2+h3, h3+h4, h4+h5 { margin-top: .5em; padding-top: 0; }  /* non-clashing headings */
h1 { font-size: 1.2em; font-weight: 700; padding-top: .2em; font-variant: small-caps;}
h2 { font-size: 1.2em; font-weight: 700; padding-top: .3em; font-variant: unset; }
h3 { font-size: 1.1em; font-weight: 700; padding-top: .4em; }
h4 { font-size: 1.1em; font-weight: 400; padding-top: .4em; }
h5 { font-size: 1.1em; font-weight: 400; padding-top: .4em; color: var(--cfg); }
h6 { font-size: 1.0em; font-weight: 700; font-style: italic; display: inline; }
h6 + p { display: inline; }

/* grid */
@media screen and (max-width: 40rem) {
  .col, .col-4, .col-5, .col-6 { width: 100%; max-width: 100%; }
}
nav { background-color: white; }
nav a { font-weight: 700; color: black; font-size: 0.95em;}
nav ul:first-child > li { padding: 0.8rem 1.5rem 0.8rem 0; }
/* div p:first-child, div h1:first-child { margin-top: 2.8em; } */
div p:first-child, div h1:first-child, div h2:first-child,
div h3:first-child, div h4:first-child, div h5:first-child,
section h2:first-child { 
  margin-top: 2.5rem !important; 
}
blockquote>p:first-child { margin-top: .25rem !important; }
meter { max-width: 1.5rem; margin-right: 1rem;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }
header {
  width: 100vw; 
  left: 50%; 
  right: 50%; 
  margin-left: -50vw; 
  margin-right: -50vw;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative; 
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
div.headertext {
	position: relative;
  height: 4rem;
  bottom: 3.2rem;
  margin-bottom: -4rem;
  padding-bottom: 0;
  /* text-shadow: 0.5rem; */
  font-size: 2.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: white;
}
.streamer {
  max-width: 20rem;
}
ul.pagination.pagination-default  { 
  list-style-type: none; 
  text-align: center;
}
li.page-item {
	display: inline-block;
	margin: 0;
	padding: 0.8rem .6rem;
}
li.page-item.disabled {
  display: none;
}
li.page-item.active a {
  color: black
}

picture { width: 100%; overflow: hidden; display: block;}
picture img { width: 100%; height: auto; transition: filter 0.4s; }
picture.lazy img { filter: blur(20px); }