:root {
    --font-size: 9.5pt;
    --line-height: 12pt;
    --font-size-small: 7pt;
    --line-height-small: 9pt;
}

.screen-only,
nav#nav-left,
nav#nav-right,
.navigation--inline,
main.tasks .navigation--inline,
.include--label,
.metadata {
    display: none !important;
}

body {
    position: initial;
    overflow: initial !important;
}

:root{--color-background:whitesmoke;--color-pageBox:#666;--color-paper:white;--color-marginBox:transparent}@media screen{body{background-color:var(--color-background)}.pagedjs_pages{display:flex;width:calc(var(--pagedjs-width) * 2);flex:0;flex-wrap:wrap;margin:0 auto}.pagedjs_page{background-color:var(--color-paper);box-shadow:0 0 0 1px var(--color-pageBox);margin:0;flex-shrink:0;flex-grow:0;margin-top:10mm}.pagedjs_first_page{margin-left:var(--pagedjs-width)}.pagedjs_page:last-of-type{margin-bottom:10mm}.pagedjs_margin-bottom,.pagedjs_margin-bottom-center,.pagedjs_margin-bottom-left,.pagedjs_margin-bottom-left-corner-holder,.pagedjs_margin-bottom-right,.pagedjs_margin-bottom-right-corner-holder,.pagedjs_margin-left,.pagedjs_margin-left-bottom,.pagedjs_margin-left-middle,.pagedjs_margin-left-top,.pagedjs_margin-right,.pagedjs_margin-right-bottom,.pagedjs_margin-right-middle,.pagedjs_margin-right-top,.pagedjs_margin-top,.pagedjs_margin-top-center,.pagedjs_margin-top-left,.pagedjs_margin-top-left-corner-holder,.pagedjs_margin-top-right,.pagedjs_margin-top-right-corner-holder{box-shadow:0 0 0 1px inset var(--color-marginBox)}}
        

@page {
    size: 210mm 297mm;
    margin: 25mm 20mm;

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

@page :left {
  margin-right: 32mm;
    
  @top-left {
      content: "collectiveioning";
      font-size: 9pt;
  }
}

@page :right {
  margin-left: 32mm;

  @top-right {
      content: string(title);
      font-size: 9pt;
  }
}


@page :first {
  @top-right {
      content: "";
  }
    @bottom-center {
      content: "";
  }
}

@page:blank {
    @top-right {
      content: "";
  }
  @top-left {
      content: "";
  }
    @bottom-center {
      content: "";
  }
}

@page toc {
    @top-right {
      content: "";
  }
  @top-left {
      content: "";
  }
    @bottom-center {
      content: "";
  }
}

#logo img {
    width: 40% !important;
    margin: 4em 30%
}

body {
    display: initial;
}
main, .scroll-wrapper {
    overflow-y: unset !important;
    overflow-x: unset !important;
    overflow: unset !important;
    flex: unset;
    position: unset;
    display: unset !important;
}

main>.scroll-wrapper {
    max-height: initial;
}

main.thread,
main.project {
    background-color: white;
}

section.include {
    max-height: initial;
    position: initial;
    display: initial;
    border: 0;
}

header {
    overflow-y: initial !important;
    position: initial !important;
    top: initial !important;
    flex: none !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
}

header.thread {
    display: none;
    }
    
h1 {
    font-size: 48pt !important;
    line-height: 1.1em !important;
    padding: 0;
}

h1 {  
    string-set: title content(text) 
}


h2 {
    break-before: avoid;
}

h3 {
    margin-top: var(--line-height) !important;
    margin-bottom: var(--line-height) !important;
}


h3 + p {
    margin-top: 0 !important;
}

h4 {
    margin-top: var(--line-height) !important;
}

h3 + h4 {
    margin-top: 0 !important;
}

article + p {
    margin-top: 0 !important;
}

p,
main.thesis p,
main.thesis blockquote p {
    orphans: 3;
    widows: 3;
    font-size: var(--font-size);
    line-height: var(--line-height);
}

p + p,
main.thesis figure + p,
main.thesis p + p {
    margin-top: 0;
    text-indent: 2em;
}

main.thesis p:first-child {
    text-indent: 0 !important;
}

.references a,
.image-sources a {
    word-break: break-all;
}

blockquote {
    margin: calc(0.5 * var(--line-height)) 0 !important;
}

blockquote p {
    margin-top: 0.5em !important;
}

figure {
    display: inline-block !important;
    margin: 1.25em 0 0 0;
}

figcaption p {
    margin-bottom: 0 !important;
}

img {
    max-height: 20em !important;
    max-width: 100%;
    margin: auto;
    float: initial;
    display: initial !important;
    object-fit: initial !important;
    width: initial !important;
}

/*.footnote p {
    font-size: 8pt !important;
    line-height: 1.25em !important;
}*/

.navigation--sidebar {
    position: initial !important;
    top: 0!important;
    left: 0!important;
    width: initial!important;
    opacity: 1;
    overflow: initial;
    font-size: 9pt !important;
}

.issue.navigation--sidebar,
.thesis.navigation--sidebar,
.thread.navigation--sidebar {
    break-before: right !important;
    /*break-after: page !important;*/
    display: flex !important;
    align-items: center; 
    height: 17cm;
    /*page: toc;*/ 
    padding-left: 0 !important;
}

.project .navigation--sidebar {
    display: none !important;
}

.navigation--sidebar > div.toc:before {
    content: "Table of contents";
    font-size: 2em;
    margin-bottom: 1em;
    display: block;
}

.toc ul ul {
    margin-top: 8px;
}

.navigation--sidebar li {
    margin-bottom: 8px; !Important;
}

.navigation--sidebar a {
    color: black;
    font-size: 11pt !important;
    display: flex;
}

main.thesis nav.toc {
    /*display: none;*/
}

.navigation--sidebar > div.toc a[href]::before {
    content: target-counter(attr(href), page);
    order: 2;
    font-style: inherit;
  }
  
.navigation--sidebar > div.toc a[href]::after {
    content: "\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\";
    font-family: Vollkorn;
    margin: 0 6px;
    order: 1;
    top: 1px;
    position: relative;
}




article[data-split-from] p:first-child,
article[data-split-from] figure:first-child {
    margin-top: 0 !Important;
}

* {
color: black !important;
}
/**img, video {
filter: grayscale(1);
}*/

/****** 
   T H E S I S
*/

main.thesis article {
    /* column-count: 2; */
    break-before: right;
    margin-left: 35mm;
    /* column-fill: auto; */
    /* column-gap: 5mm; */
}

section.include main.thesis {
        padding: 0;
}

/*
.thesis header,
.thesis h1, .thesis h2, .thesis h3,
.thesis .references h5 {
    column-span: all;
}
*/

.thesis h1:before, 
.thesis h2:before, 
.thesis h3:before {
    content: "";
    margin-left: -7mm;
}


.thesis h2:first-child, 
.thesis h3:first-child,
.thesis h4:first-child  {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

main.thesis header {
    margin-bottom: calc(5 * var(--line-height));
    padding: 0;
}

main.thesis .authors {
    text-align: left;
    line-height: calc(2*var(--line-height));
    margin-bottom: var(--line-height);
    margin-top: 0;
}

.thesis h1 {
    line-height: calc(4 * var(--line-height)) !important;
}

.thesis h2.subtitle {
    line-height: 1.15em;
    font-size: 2.6em;
}

.thesis h3 {
    break-before: page;
}

.thesis h3#footnotes {
    margin: 0 !important;
}

.thesis h4 {
    break-before: initial;
    font-size: 1.1em;
    line-height: var(--line-height);
}

.thesis h5 {
  font-size: var(--font-size);
  padding-top: 0;
  margin-top: var(--line-height);
}

main.thesis figure {
    float: left;
    clear: left;
    margin: .4em 3mm 0 -35mm;
    max-width: 70mm;
    display: table !important;
    break-inside: avoid;
}

main.thesis figure img.before-title {  
  margin-top: calc(var(--line-height) + .4em);
}

main.thesis figure.big {
   max-width: 100%;
}

.thesis figure figcaption {
    margin-top: 0;
    display: table-caption;
    caption-side: bottom;
    text-align: left;
}

.thesis figure figcaption p {
    font-family: "Karrik";
    margin-top: -1em;
    font-size: 8pt !important;
}

.thesis .footnote {
    margin-top: 0;
    margin-bottom: 0;
}

main.thesis .footnote li {
    margin-bottom: 0;
    margin-left: 0;
}

.thesis p {
    clear: initial;
}

main.thesis h1,
main.thesis h2,
main.thesis h3,
main.thesis h4,
main.thesis h5 {
    text-align: left;
    margin-bottom: 0 !important;
    clear: initial;
    break-after: avoid;
}

.references h5 {
    column-span: all;
}

.thesis header + h2, .thesis header + h3 {
    break-before: initial;
}

h3 + p {
    margin-top: var(--line-height) !important;
}

.thesis h3 + h4 {
    margin-top: var(--line-height) !important;
}

main.thesis h3 {
  font-size: 2.2em;
  line-height: calc(var(--line-height) * 2);
}

.thesis li {
    break-inside: avoid;
}

.thesis .endmatter {
  columns: 2;
  column-gap: 8.5mm;
  column-fill: auto;
  break-before: page;
}

.footnotes,
.references,
.image-sources {
    break-before: initial;
    columns: 1;
}

.endmatter h3,
.endmatter h4,
.endmatter h5 {
  break-before: initial;
}

.endmatter h5 {
    font-size: 1em;
    margin-top: var(--line-height-small);
    line-height: calc(2 * var(--line-height-small));
    padding-top: 0;
}

.endmatter :first-child > h5:first-child {
    margin-top: 0;
}

main.thesis .endmatter li,
main.thesis .endmatter li p {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
}

main.thesis .endmatter li {
    margin-bottom: var(--line-height-small);
}

.endmatter .footnotes li p {
    font-family: inherit;
}

h4 + h5 {
  margin-top: 0;
}

.thesis h4 + h5 {
    margin-top: 0 !important;
}

.endmatter .footnotes .footnote-backref {
    display: none;
}

.endmatter .footnotes ::marker {
    position: relative;
    right: -1mm;
}

#simoon-tasks .tasks p,
.tasks p {
  clear: initial;
  font-size: var(--font-size) !important;
  line-height: var(--line-height) !important;
  margin-top: var(--line-height);
}

.tasks h1 {
    font-size: 1em !important;
}

main.tasks article {
    height: 465px;
}

main.tasks .authors {
    display: none;
}

main.tasks img {
  float: right;
  max-width: 65mm;
  margin-right: -25mm;
  margin-top: calc(-1 * var(--line-height));
}

main.tasks article {
  max-width: initial;
  margin: initial;
  margin-right: 10mm;
}

main.tasks header {
    margin-bottom: var(--line-height);
}

main.tasks header h1 {
    line-height: var(--line-height) !important;
}

.include.pad-simoonthesistasks_of_the_contingent_librarianmd {
  break-after: page;
}

#simoon-tasks {
  page: taskpage;
}

/******
   P R O J E C T
*/
 .project .web {
     display: none;}

.project article {
    display: initial;
    width: 100%;
    grid-template-columns: initial;
    grid-gap: initial;
    grid-template-rows: initial;
}

.project .higher {
    grid-row-end: initial; 
}
.project .wide, .project header {
    grid-column-end: initial;
}

main.thread {
    /*break-before: page;*/
}

main.project {
    break-before: left;
}

main.project header {
    /*break-after: page;*/
}
main.project .text {
    break-before: page;
}
main.project header + .text, main.project .text + .text  {
    /*break-before: avoid; */
}
main.project .text {
   /*float: left ;*/
   /* width: 47%;*/
   width: 80%;
    /*margin-right: 17px;*/
    }
    main.project .text {
   /*float: left;*/
    /*width: 72%;*/
    margin-right: 17px;
}
body > main > section > article > section:nth-child(2) > main.project {
    /*break-before: avoid !important; */
}
header.project:first-of-type {
    display: none;
}
main.project header {
    z-index: 1000;
    position: relative !important;
    background-color: white;
    margin-bottom: 60px;
    border: 7px inset;
    padding: 20px;
    margin-right: 3px;
}
main.project header:nth-of-type(2) {
    break-after: page;
}
.project .authors {
    padding-bottom: 23px;
    font-size: 0.9em;
}
div.text {
    height: 100% !important;
    }

.project .text {
    margin-top: var(--line-height);
}


.project p.intro, 
.project p.text {
    font-size: 13.5pt !important;
    line-height: 1.15em !important;
}


.project .text,
.project .pictures {
    overflow-y: initial !important;
    padding: 0;
    border: 0;
}
.project p.credits {
    font-size: 0.9em;
    }
.project .pictures {
    /*display: inline;*/
    height: initial !important;
    margin-top: 0 !important;
}

.project .pictures figure {
    margin-right: 1em !important;
    max-width: 47%;
    vertical-align: top;
}
.project figure.align-top.print {
    vertical-align: top;
    display: inline-block !important;
    }
.project .credits {
    border-top: 1px solid black;
    margin-top: 3em;
    padding-top: 1em;
}


.pictures.pictures-inline{
    display: inline !important;
}


.frame-container {
    position: initial; !important
    display: initial !important;
    height: 17cm !important;
}

.frame-container + .text,
.pictures + .frame-container {
    /*break-before: page; */
}


video.wide,
.project figure.cover-right,
.project figure.cover-left {
    width: 240%;
    bottom: 0;
    position: absolute;
    margin: 0 !important;
    }
.project img {
    max-height: min-content !important;
    max-width: 100%;
    margin: 0;
    width: 100% !important;
    }
.project figure.cover-right.print {
    left: -839px;
    }
.project figure img[alt=print],
.project .print {
    display:block !important;
    }
.project figure{
    display:block;
    width : 49%;
    margin-right: 0px;
    }
.project figure:nth-of-type(odd) {
    margin-right: 11px !important;
}
.project figure.small-left {
    margin-right: 11px !important;
    }
.project figure.small-right {
    margin-right: 11px !important;
    }
.project figure.wider + figure {
    margin-right: 0px !important;
    }
.project figure.wider {
    width : 100%;
    float: none;
    margin: 0 !important;
    margin-bottom: 10px !important;
    }
.project figure.wide {
    width : 100%;
    float: none;
    }
.push-page {
      break-before: page !important; 
    }
.non-push-page {
      break-after: avoid !important; 
    }
.non-push-before-page {
          break-before: avoid !important; 
        }
.project .pictures {
    display: none !important;
    }
.project figcaption, 
.project figure p {
    font-size: 0.9em;
    line-height: 1.1em;
    padding-top: 0.2em;
    }


/* I S S U E */
.issue .print {
    display:block !important;
    }
.issue article {
    overflow-y: initial !important;
    padding: 0;
    column-count: 1;
    column-fill: auto;
}
.issue p {
    margin-top: 0em;
    font-size: 17.5pt;
    line-height: 18pt;
}
.issue header,
.issue h1, .issue h2, .issue h3,
.issue .references h5 {
    column-span: all;
}
.issue header {
    break-before: right;
}
.issue header + figure,
.issue .intro {
    column-span: all;
}
.issue header + figure img {
    max-height: min-content;
}
.issue header + figure {
   border: 7px inset;
    padding: 10px;
    margin: 10px 1px !important;
    width: 98% !important;    
    margin-bottom: 10px !important;
}

.issue .intro {
   font-size: 11pt;
line-height: 13pt;
    margin: 0 4.5em;
}

.issue h3 {
    font-size: 2em !important;
    line-height: 1.25em !important;
    break-before: page;
    margin-top: 0 !important;
    margin-bottom: 0.5em !important;
}

.issue h4 {
    font-size: 9.5pt !important;
    line-height: 1.25em !important;
    margin-bottom: 3px;
    margin-top: calc(2 * var(--line-height)) !important
}

.issue figure {
    width: 44%;
    margin: 0px 10px 10px 0;
}
.issue figure.wide {
    width: 90%;
    }
.issue .wide figcaption {
    bottom:initial;
    position: relative;
    }
.issue figure + figure.wide {
    margin-top: 10px !important;
}
issue figure.wide:first-of-type {
    margin-top: 10px !important;
    }
.issue img {
    max-height: none !important;
    }
.issue p.credits {
    column-span: all;
    margin-top: 3em;
    border-top: 1px solid black;
    padding-top: 1em;
    max-width: initial;
}
.issue p.credits {
    font-size: 8pt;
    line-height: 11pt;
}
.issue figcaption p {
    margin-top: 0em;
   font-size: 8pt;
line-height: 10pt;
    }
section {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}


figcaption:empty {
    display: none;
}

section.footnotes {
    /* break-inside: avoid; */
}

/***
  I N T R O D U C T I O N
*/
.introduction-print {
    break-before: page;
}

.introduction-print article {
    column-count: 2;
    column-fill: auto;
}

.introduction-print header {
    display: none;
}

.introduction-print strong {
    font-weight: normal;
    text-decoration: underline;
}

.introduction-print p.conversation {
    text-indent: 0;
    margin: var(--line-height) 0;
}


.introduction-print p.conversation + p {
   text-indent: 0;
}

.introduction-print h3 {
    font-family: Karrik;
    text-align: left;
    font-size: calc(1.5 * var(--font-size));
}

.introduction-print header + h3,
.introduction-print h3:first-child {
    margin-top: 0 !important;
    padding-top: 0;
}

.introduction-print h4 {
    break-before: column;
    font-family: Karrik;
    text-align: left;
    font-size: var(--font-size);
}

/***
  B I O G R A P H I E S
*/

main.bio header {
    padding: 0;
    }
/**
main.bio h1 {
    font-family: karrik;
    font-size: 33pt !important;
    margin-bottom: 17px;
}*/
main.bio h1 {
    font-family: karrik;
    font-size: 22.5pt !important;
    margin-bottom: 2px;
    text-align: left;
}
.bio p {
    font-size: 11.5pt !important;
    line-height: 13.5pt !important;
    }
/**
.bio p {
    font-size: 12.6pt !important;
    line-height: 14.8pt !important;
}*/
.bio article li {
    font-size: 12pt !important;
line-height: 14pt !important;
    }

.bio .pagedjs_page.pagedjs_right_page .pagedjs_margin-top-right > .pagedjs_margin-content::after {
    content: " Biographies" !important;
}

/**
  Colophon
*/
main.colophon {
    break-before: page;
}

main.colophon article {
    column-count: 2;
}

.colophon header {
    display: none;
}

.colophon h1 {
    font-family: Karrik;
    text-align: left;
    font-size: var(--font-size) !important;
    line-height: var(--line-height) !important;
    margin-bottom: var(--line-height);
    font-weight: bold;
}

.colophon p,
.colophon dl,
.colophon dd,
.colophon dt {
    font-size: var(--font-size);
    line-height: var(--line-height);
    display: block;
    margin-bottom: 0;
}

dd:after {
    /** Some specific style in ethertoff. Not sure why it's there. */
    display: none;
}

.colophon dl,
.colophon dt {
    margin-top: var(--line-height);
}

/**
  Cover 
*/
#print--timestamp {
    position: absolute;
    bottom: -10mm;
    font-size: 9pt;
}

#print--timestamp:before {
    content: "collectiveioning.xpub.nl";
    position: absolute;
    top: -1.5em;
}

[data-id="logo"] img {
    width: 53% !important;
    margin: 3em 20% 2em 17%;
}

p.cover-intro {
    font-family: Philibert Italic;
    font-size: 22px !important;
    width: 78%;
    margin-top: -8pt;
    line-height: 19.5pt !important;
    width: 78%;
    margin-left: 63.8px;
    text-indent: 0 !important;
    display: none;
}

.cover-thread {
    padding: 0px 0 0 109.9em;
    margin-top: -32.3px;
    padding-left: 11.3em;
}

h1.title--thread::before {
    content: "/";
    font-family: Philibert Italic;
    padding-right: 0;
    font-weight: bold;
    font-size: 1em;
    vertical-align: top;
    display: inline;
    /* font-size: 1.8em; */
}
.title--thread {
    font-family: "Philibert Italic";
    text-align: left;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 3.2em !important;
    -webkit-user-select: font-size:;
    /* font-size: 1.8em !important; */
}
.cover-thread p {
    font-size: 1.2em !important;
    font-family: Philibert Italic;
    /* padding-left: 1.7em; */
    margin-inline: ;
}
hr {
    display: none;
}

/**
  Title Pages
*/
.title-page {
    break-before: right;
}

.title-page--biographies {
    break-after: page;
}

section.include {
    outline: none;
}

.include:first-child .bio header h1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
}