/** Video insert **/

.video--wrapper.video--vimeo--wrapper {}

.video--thumbnail.video--vimeo--thumbnail {
    display: none
}

.video.video--vimeo {}

:root {
  --font-size: 30px;
  --link-size: 35px;
  --line-height: 36px;
  --header-height: 1.2;
  --font-size--header: 72px;
  --line-height--header: 70px;
  --font-size--header-small: 52px;
  --line-height--header-small: 50px;
  --body-font: "Arial";
  --header-font: "Impact Nieuw";
  --link-font: "Times New Roman";
  --link-style: italic;
  --link-color: black;
  --link-color--visited: black;
  --link-color--hover: black;
  --body-background-color: #F6F6F6;
}
 
body, html {
  font-size: var(--font-size);
  line-height: var(--line-height);  
  font-family: var(--body-font);
  background: var(--body-background-color);
}

html{
    max-width: 100vw;
    box-sizing: border-box;
    overflow-x: hidden;
    }

body {
  max-width: 60vw;
  margin: calc(2 * var(--line-height)) 20vw;
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-columns: 3fr 25ch;
  //padding-left: 5ch;
  //column-gap: calc(2 * var(--line-height));
}

h1 {
 font-family: var(--header-font);
 font-size: var(--font-size--header);
 line-height: var(--line-height--header);
 margin: 0 0 calc(4 * var(--line-height)) 0
}

h2, h3 {
 font-family: var(--header-font);
 font-size: var(--font-size--header-small);
 margin: calc(2 * var(--line-height)) 0 0 0;
 line-height: var(--line-height--header-small);
}

h4, h5, h6 {
 margin: var(--line-height) 0 0 0;
}

a {
    color: var(--link-color);
}

a:not([href^="https://etherport.org/publications/the-hmm"]){
     font-family: var(--link-font);
     font-style: var(--link-style);
     font-size: var(--link-size);
    }

a:hover {
    color: var(--link-color--hover);
    text-decoration: none;
}

a:visited {
    color: var(--link-color--visited);
}

header {
  display: flex;
  vertical-align: baseline;
  margin: 2em 0;
  grid-column-end: span 2;
}
 
.navbar--organisation {
    flex: 0 0 75mm;
    margin-left: calc(-75mm - 2ch);
}
 
nav ul {
  list-style-type: none;
  display: flex;
  align-items: baseline;
  margin: 0;
  padding: 0;
}
 
nav ul li {
  margin: 0 2ch 0 0;
}

.navbar--reports--subnav,
.navbar--pages--subnav,
.navbar--labels--subnav
{
  display: none;
}
 
main {
  position: relative;
}
 
/** References which aren't direct links (they don't have the data-direct-link attribute) */

[data-link-target-type="label"],
[data-link-target-type="label"]:visited {
    color: inherit;
    text-decoration: none;
}

[data-link-target-type="label"]:hover {
    color: var(--link-color);
}

[data-link-target-type="label"] .reference--target {
  float: right;
  width: 20ch;
  margin-right: -25ch;
  clear: right;
  text-decoration: none;
  color: var(--link-color);
  font-family: "Not Courier Sans";
  background-color: rgb(255,255,0);
  border-radius: 20px;
  padding: 0 10px;
  font-size: 20px;
}

[data-link-target-type="label"]:hover .reference--target {
    //text-decoration: underline;
    box-shadow: 1px 1px 5px #00000099;
}

[data-link-target-type="label"] .reference--label--inline {
    text-decoration: underline;
    text-decoration-style: dotted;
    background-color: rgba(255,255,0,0.3);
}

 
[data-link-target-type="label"][data-direct-link] .reference--label,
[data-link-target-type="label"] .reference-label--target .reference-label--target--label {
  display: inline-block;
  background: #efefef;
  padding: .5ch;
  margin-top: -.5ch;
  font-family:var(--body-font);
}
 
.link-source {
  float: right;
  width: 20ch;
  margin-right: -25ch;
  clear: right;
  margin-top: 0;
  font-size: 85%;
}

ul.label--context-list {
  padding: 0;
  list-style-type: none;
}

ul.label--context-list li {
  margin-bottom: calc(2 * var(--line-height));
}

/** Hide elements which were marked as instructions in the pad */
.instruction {
    display: none;
}
 
.tag--question {
  font-size: 110%;
  color: green;
}
 
.tag--important  {
    text-decoration-line: underline;
    text-decoration-style: double;
}
 
.tag--trouble {
    text-decoration-line: underline;
    text-decoration-style: wavy;
}
 
.tag--commentary {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}
 
.tag--citation {
    background-color: beige;
}
 
b {
    border: solid black 2px;
}

.going-hybrid--labels ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.going-hybrid--labels ul li {
    margin-top: var(--line-height);
}
.going-hybrid--labels ul li a {
    padding: .3em .5em;
    border: 2px solid;
    text-decoration: none;
}
.going-hybrid--labels ul li a:hover {
    background: white;
}

figure{
    display: table;
     margin-left: auto;
    margin-right: auto;
    padding: 0;
    }
 
img {
    max-width: 100%;
    box-shadow: 1px 1px 20px #00000099;
}

figcaption {
    font-family: "Not Courier Sans";
    font-style: normal;
    background-color: white;
    display: table-caption; 
    caption-side: bottom;
    padding: 10px 5px;
    }
    
figcaption p{
    margin: 0;
    }