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

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

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

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

.pagedjs_sheet:has(.blockimagetopleft) {
    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: -74px -57px -0px -57px !important;
    border-radius: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    }
    
.blockimagebottom + p > :first-child {
    position: relative;
    display: block;
    width: calc(148mm);
    height: 105mm;
    margin: 0px -57px -0px -57px !important;
    border-radius: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    break-after: page;
    }
    
.blockimagetopleft + 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;
    }
    
.blockimagebottomleft + 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;
    break-after: page;
    }
    
h1:has(+ .blockimagetop) {
  display: none;
}

.pagebreak {
    break-after: page;
}
    
    
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: 20mm;
}

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

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

h1 {
    font-family: "Nudles-Regular_ttf"; 
    font-size: 500%;
    text-align: center;
    line-height: 0.8em; 
    text-shadow: 2px 2px 20px black;
}

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

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

.interview h3 {
    text-indent: 50px;
    filter: drop-shadow(0 0 0.7rem black);
    padding-top: 20px;


}

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

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

h4 {
    font-family: Director-Bold; 
    text-decoration: none;
    font-size: 12pt;
    line-height: 13pt;
}

em {
    font-family: Director-Bold; 
	font-style: italic;
	color: black;
}

strong {
	font-family: BBBManifont;   
	text-decoration: none;
	font-size: 12pt;

	color: black;
	filter: drop-shadow(0 0 0.2rem black);
}

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

blockquote {
	font-family: BBBManifont;   
	text-decoration: none;
	font-size: 16pt;
	line-height: 1.0em; 
	color: black;
}
    
    
    
.intro h3 {
font-family: Amiamie-BlackRound;
font-size: 40pt;
line-height: 35pt; 
color: white;
-webkit-text-stroke: 1px black;
text-shadow: 3px 3px 3px #00000;
text-align: center;
padding-top: 20px;
page-break-after: always; 
   }
