/** Video insert **/
 .front-matter--title { display: none; } 
.front-matter--introduction { display: none; } 

.video--wrapper.video--vimeo--wrapper {}
 
.video--thumbnail.video--vimeo--thumbnail {}
 
.video.video--vimeo {
   display: none;
}
 
:root {
  --font-size: 11px;
  --line-height: 14px;
  --body-font: "Latitude-Regular";
  --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: 210mm 297mm;
    margin: 50px 60px 50px 60px;
}
 
@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 {
  break-after: avoid;
  break-inside: avoid;
}
 
h1 {
  font-family: "Equateur-Regular";
  font-size: 50px;
  line-height: calc(3 * var(--line-height));
}
 
h2 {
  font-family: "FT88-Gothique";
  font-size: 50px;
  padding-left: 1em;
  line-height: calc(3 * var(--line-height));
}

h3 {
  font-family: "Basalte-Fond";
  font-size: 16px;
  padding-left: 0.8em;
  line-height: calc(1.2 * var(--line-height));
}
 
h4 {
  font-family: "FT88-School";
  font-size: 18px;
  line-height: calc(1.5 * var(--line-height));
}
 
 
.full-page{
width:100%;
height:100%;
}
 
 div.image {
*   height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100% !important; 
  border: 3px solid black;
*}


img {        
  border-radius: 10%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  box-shadow: 0px 0px 15px;
    }
 
.bg img {      
    border-radius: 10%;      
    display: block;      
    margin-left: auto;      
    margin-right: auto;     
    width: 90%;      
    box-shadow: none;    
    }

 code { 
     font-family: monospace;
     font-size: 6px;
     }
     
.pagedjs_pages .bg img {        
    filter: grayscale(1);
    }

 
.full-spread-image-section {        
    page-break-before: left;
    }
    
.full-page-image {        
    page-break-before: always;
    }
    
.full-page-image.full-page-image-left {        
    page-break-before: left;
    }
 
.full-page-image {        
    width: var(--pagedjs-width);       
    height: var(--pagedjs-height);        
    overflow: hidden;       
    left: calc(calc(var(--pagedjs-bleed-left) + var(--pagedjs-margin-left))*-1);        
    top: calc(calc(var(--pagedjs-bleed-top) + var(--pagedjs-margin-top))*-1);        
    position: absolute;
    }
 
 
.full-page-image div {        
    width: calc(var(--pagedjs-width)*2 - var(--pagedjs-bleed-left) - var(--pagedjs-bleed-right));        
    height: var(--pagedjs-height);        
    display: flex;       
     justify-content: center;       
    align-items: flex-start;
}
 
.pagedjs_right_page .full-page-image div {        
    margin-left: calc( calc(-1 * var(--pagedjs-width)) + var(--pagedjs-bleed-left ) + var(--pagedjs-bleed-right ));
    }
 
.full-page-image img {       
     width: 100%;       
      height:100%;      
      object-fit: contain;    
      margin: 0 !important;
}
 
img.full-page-image {       
     object-fit: cover;
     }
 
.full-spread-image-section .full-page-image .full-spread-image-caption {       
     height: auto;        
     position: absolute;        
     display: block;        
     right: calc(calc(var(--pagedjs-bleed-right) + var(--pagedjs-margin-right)));        
     bottom: calc(var(--pagedjs-bleed-bottom) + var(--pagedjs-margin-bottom));        
     width: calc(var(--pagedjs-width) - var(--pagedjs-bleed-right) - 
     var(--pagedjs-margin-right) - var(--pagedjs-bleed-left) - var(--pagedjs-margin-left)); 
    }
 
 
 
p {
  margin: 0 0 var(--line-height) 0;
}
 
a {
  color: var(--link-color);
}
 
pre {
    line-wrap: pre-wrap;
}
 
sup {
  font-family: "FT88-School" !important;
  font-size: 20px;
  line-height: 0em; 
}

  
small {
  font-family: "Abordage-Regular";
  font-size: 10px;
  padding: 10em;
}

ol {
  margin: 0;
  font-family: "Director-Regular"; 
}
 
ul {
  margin: 0;
  font-family: "Director-Regular"; 
  font-size: 0.9em;
}
 
b {
  font-family: "Director-Bold";
  line-height: 0.5em;
}
 
i {
  font-family: "Louise-Regular";
}

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

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

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: 15mm;
}
 
.pagedjs_right_page .reference--target {
    float: left;
    clear: left;
    width: 40mm;
    margin-left: -45mm;
}
 
.pagedjs_pages .column-layout-2 {  
  columns: 2;        
  column-fill: auto;
}
 
.pagedjs_pages .column-layout {  
  columns: 3;        
  column-fill: auto;
}
 
 
.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 {
	font-size: 2em;
	line-height: 1.5em;
}

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