/** Video insert **/

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

.video--thumbnail.video--vimeo--thumbnail {}

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


:root {
  --font-size: 14px;
  --line-height: 19px;
  --font-size--header: 31px;
  --line-height--header: calc(2 * var(--line-height));
  --body-font: "Fluxisch Else";
  --header-font: "Fluxisch Else";
  --link-color: black;
  --link-color--visited: black;
}
 
body, html {
  font-size: var(--font-size);
  line-height: var(--line-height);  
  font-family: var(--body-font);
}

/** Set page properties size and white space */
@page {
    size: A4 portrait;
    margin: 57px 57px 76px 57px;
}

@page :left {
  @bottom-left {
    content: counter(page);
  }
}

@page :right {
  @bottom-right {
    content: counter(page);
  }
}

@page cover {
  @bottom-right {
    content: "";
  }
}

.front-matter--title,
.front-matter--introduction,
.toc,
.report,
.chapter,
.index {
  page-break-before: right;
}

h1, h2, h3, h4, h5, h5 {
  break-after: avoid;
  break-inside: avoid;
}

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

h2, h3 {
 font-family: var(--header-font);
 font-size: var(--font-size);
 line-height: var(--line-height);
 margin: calc(2 * var(--line-height)) 0 0 0;
 max-width: 80%;
 break-inside: avoid;
 break-after: avoid;
}

img {
  float: left;
  max-width: 40%;
  margin: calc(.5 * var(--line-height)) var(--line-height) calc(.5 * var(--line-height)) 0;
  break-inside: avoid;
}

p {
  margin: 0 0 var(--line-height) 0;
}

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

pre {
    line-wrap: pre-wrap;
}

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

.pagedjs_right_page img {
  float: right;
  margin-left: var(--line-height);
  margin-right: 0;
}

a[data-reference][data-label] {
  color: inherit;
    text-decoration: none;
}

a[data-reference][data-label] .reference--label--inline {
  text-decoration: underline;
  text-decoration-style: dotted;
}


.pagedjs_left_page .report, 
.pagedjs_left_page .front-matter,
.pagedjs_left_page .chapter,
.pagedjs_right_page .indexes {
    padding-right: 47.5mm;
}

.pagedjs_left_page .reference--target {
    float: right;
    clear: right;
    width: 40mm;
    margin-right: -45mm;
    text-align: right;
}

.pagedjs_right_page .report,
.pagedjs_right_page .front-matter,
.pagedjs_right_page .chapter,
.pagedjs_right_page .indexes {
    padding-left: 47.5mm;
}

.pagedjs_right_page .reference--target {
    float: left;
    clear: left;
    width: 40mm;
    margin-left: -45mm;
}

.indexes {
  break-before: right;
}

.index-entry::after {
  content: target-counter(attr(data-link-id), page) ", ";
}


.index-entry:last-child::after {
  content: target-counter(attr(data-link-id), page);
}

.front-matter--title {
  break-after: right;
  page: cover;
  margin-left: -47.5mm;
}

.front-matter--title h1 {
    font-size: 450%;
    line-height: 1.15;
}

.front-matter--introduction {
  break-after: right;
}

/*
  Hide embedded youtube video's
*/
iframe[title="YouTube video player"],
iframe[src^="https://www.youtube.com/"] {
    display: none;
}

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

.toc ul a {
  color: inherit;
  text-decoration: none;
}

.toc ul a::after {
  content: target-counter(attr(href), page);
  float: right;
}

.index ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}