/** Video insert **/

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

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

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


:root {
  --font-size: 15px;
  --line-height: 17px;
  --font-size--header: 31px;
  --line-height--header: calc(2 * var(--line-height));
  --body-font: "Enby_Gertrude"; 
  --header-font: Amiamie-BlackRound;
  --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: A5 portrait;
    margin: 57px 57px 76px 57px;
}

@page :left {
  @bottom-left {
    content: counter(page);
                font-size: 2em;

  }
}

@page :right {
  @bottom-right {
    content: counter(page);
            font-size: 2em;
  }
}

@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(0,5 * var(--line-height)) 0;
}

h2 {
 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 {        
  border-radius: 2%;
  margin-left: auto;
  margin-right: auto;
  display: block;   
  width: 50%;
  box-shadow: 0px 0px 15px;
  filter: grayscale(1);
  margin-top: 15px; 
}

/* Table of contents hack */
#toc h1,
.toc h1,
h1#table-of-contents {
  font-size: 0 !important;      /* hide original without removing it */
  position: relative;
}

#toc h1::before,
.toc h1::before,
h1#table-of-contents::before {
  content: "Contents";      /* the replacement */
  font-size: 16pt;       /* set the real size */
  line-height: 18pt;
}

.chapter:has(.blockimagetop) {
  page-break-before: left !important;
}
 
.pagedjs_page_content:has(.blockimagetop) {
    height: auto !important;
}

.pagedjs_sheet:has(.blockimagetop) {
    box-shadow: inset 0px 0px 80px white;
}

.pagedjs_page_content:has(.blockimagetopright) {
    height: auto !important;
}

.pagedjs_sheet:has(.blockimagetopright) {
    box-shadow: inset 0px 0px 80px white;
}

.pagedjs_margin-bottom {
    z-index: -1;
}

.blockimagetop + p > :first-child {
    position: relative;
    display: block;
    width: calc(148mm);
    height: 105mm;
    margin: -57px -57px -0px -57px !important;
    border-radius: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    box-shadow: none !important;
    }
    
.blockimagebottom + p > :first-child {
    position: relative;
    display: block;
    width: calc(148mm);
    height: 105mm;
    margin: -17px -57px -0px -57px !important;
    border-radius: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    box-shadow: none !important;
    }
    
.blockimagetopright + p > :first-child {
    position: relative;
    display: block;
    width: calc(148mm);
    height: 105mm;
    margin: -57px -94px -0px -94px !important;
    border-radius: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    box-shadow: none !important;
    }
    
.blockimagebottomright + p > :first-child {
    position: relative;
    display: block;
    width: calc(148mm);
    height: 105mm;
    margin: -17px -57px -0px -94px !important;
    border-radius: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    break-after: page;
    box-shadow: none !important;
    }
    
h1:has(~ .blockimagetop) {
  display: none !important;
}

.pagebreak {
    break-after: page;
}

.colophon ~ p {
    font-size: 0.8em;
    }
    
.blank-page {
  break-before: page;
  break-after: page;
  min-height: 100vh;
  height: 100vh;
}

    
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 {
  margin-left: auto;
  margin-right: auto;
  display: block;   
}

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: 10mm;
}

.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: 10mm;
}

.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;
}

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

.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 h1 {
    font-family: BBBManifont; 
    text-decoration: none;
    font-size: 16pt;
    line-height: 18pt;
    padding-bottom: 50px;
}

h1#chapter--colophon {
    font-family: BBBManifont; 
    text-decoration: none;
    font-size: 16pt;
    line-height: 18pt;
    padding-bottom: 50px;
}

h1#chapter--back-cover {
display: none; 
}

.indexes {
display: none; 
}

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

a[href="#chapter--front-image-spread-1"] {
  display: none;
}

a[href="#chapter--front-image-spread-2"] {
  display: none;
}

a[href="#chapter--back-image-spread-1"] {
  display: none;
}


a[href="#chapter--back-image-spread-2"] {
  display: none;
}

a[href="#generated-index--labels"] {    
  display: none;
}

a[href="#chapter--back-cover"] {    
  display: none;
}
    
    
.toc ul a {
  color: inherit;
  text-decoration: none;
  font-family: "Enby_Gertrude"; 
  font-size: 18px; 
  line-height: 4.5em; 
}

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

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

h1 {
    font-family: "Enby_Gertrude"; 
    font-size: 450%;
    text-align: center;
    line-height: 0.8em; 
}

h3 {
    font-family: Amiamie-BlackRound;
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 17pt;
}

h3 + p {
    margin-top: 0;
    padding-top: 0;
    }

.interview h3 {
    text-indent: 40px;
    filter: drop-shadow(0 0 0.57rem black);
}

.interview h3::before {
    content: "⭒◦↝"
}

.interview h3::after {
    content: "↜◦⭒"
}

.intro h4 {
    font-family: BBBManifont; 
    text-decoration: none;
    text-align: center;
    font-size: 16pt;
    line-height: 18pt;
    page-break-after: always; 
    padding-top: 20px; 
}

.outro h5 {
    font-family: BBBManifont; 
    text-decoration: none;
    text-align: center;
    font-size: 16pt;
    line-height: 18pt;
    padding-top: 25px; 
    padding-bottom: 10px; 
    margin: 0px; 
}

.outro {
    text-align: center;
}


.force-break {
    page-break-after: always;
}

strong {
	font-family: BBBManifont;   
	text-decoration: none;
	color: black;
	filter: drop-shadow(0 0 0.1rem black);
}

.cap {
  font-family: "Director-Regular"; 
  font-size: 10px; 
  line-height: 14px; 
}

.caption {
  font-family: "Director-Regular"; 
  font-size: 10px; 
  padding-left: 20px;
  padding-right: 20px; 
  line-height: 12px; 
  text-align: center; 
}


blockquote {
	font-family: BBBManifont;   
	text-decoration: none;
	font-size: 16pt;
	line-height: 1.0em; 
	color: black;
}
    
.intro h3 {
font-family: Amiamie-BlackRound;
font-size: 36pt;
line-height: 31pt; 
color:rgba(255,255,255,0); 
-webkit-text-stroke: 1px black;
text-align: center;
padding-top: 20px;
   }
   
sup {
  font-family: "Amiamie-BlackRound" !important;
  line-height: 0em; 
}

.small {
    font-size: 0.8em;
    padding-left: 30px;
}

em {
	font-family: "Homoneta";
	font-size: 1.2em;
}

.small i {
    font-family: "Homoneta";  
	font-size: 1.1em;
}

.footnotes {
    font-size: 9px;
    line-height: 12px;
    padding-left: 60px;
    margin-top: 20px; 
}

.footnotes i {
    font-family: "Homoneta";  
    font-size: 11px;
}

/* gradient tests */

/* same gradient for all pages */

/* 
.pagedjs_pagebox {
    background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
}
*/

/* different gradient for left & right pages */

.pagedjs_right_page .pagedjs_pagebox {
    background: linear-gradient(90deg,rgba(155,157,154,1.00) 0%, rgba(250, 250, 250) 50%, rgba(245, 245, 245) 100%);
    z-index: -1;
}

.pagedjs_left_page .pagedjs_pagebox {
    background: linear-gradient(90deg,rgba(245, 245, 245)  0%, rgba(250, 250, 250) 50%, rgba(155,157,154,1.00) 100%);
    z-index: -1;
}

/* exclude page */

[data-page-number="1"]  .pagedjs_pagebox {
    background: none !important;
}
