/** Video insert **/

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

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

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


:root {
  --font-size: 10.5pt;
  --font-size-custom-font: 12pt;
  --font-size-small: 8.5pt;
  --font-size-big: 22pt;
  --line-height: 12pt;
  --line-height-small: 12pt;
  --line-height-big: calc(2 * var(--line-height));
  --body-font: 'Amiamie Regular';
  --custom-font: 'Tactical Media Type';
  --italic-font: 'Amiamie Italic';
  --bold-font: 'Amiamie Black';
  --main-color: #747B4D;
  --accent-color: #00FF00;
  --line-color: var(--accent-color);
  --link-color: var(--main-color);
  --link-color--visited: var(--accent-color);
  --black: var(--main-color);
  --grid-size: 5mm;
  --grid-size-small: 2.5mm;
  --margin: 2.5mm;
  --annotation-size: 30mm;
}

body, html {
  font-size: var(--font-size);
  line-height: var(--line-height);  
  font-family: var(--body-font);
  color: var(--main-color);
}


/************************** LAYOUT ***********************/

@page {
    size: 145mm 210mm;
    marks: crop;
    margin: 7.5mm;
    margin-bottom: 23.8mm; /* BASELINE FIX, 25mm - 1.2mm */
}

@page {
    @bottom-left {
        margin-bottom: 8.8mm; /* BASELINE FIX, 10mm - 1.2mm */
        align-items: flex-end;
    }
    @bottom-right {
        margin-bottom: 8.8mm;
        align-items: flex-end;
    }
}

@page :left {
    @bottom-left {
        content: counter(page);
        font-size: var(--font-size);
        font-family: var(--custom-font);
    }
    @bottom-right {
        content: string(title);
        text-transform: uppercase;
        font-size: var(--font-size-small);
        font-family: var(--custom-font);
    }
    margin-right: 40mm;
}

@page :right {
    @bottom-right {
        content: counter(page);
        font-size: var(--font-size);
        font-family: var(--custom-font);
    }
    @bottom-left {
        content: string(title);
        text-transform: uppercase;
        font-size: var(--font-size-small);
        font-family: var(--custom-font);
    }
    margin-left: 40mm;
}

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

.pagedjs_blank_page .pagedjs_margin-bottom, 
.pagedjs_blank_page .pagedjs_margin-top-left, 
.pagedjs_blank_page .pagedjs_margin-top-right {
    display: none; /* no page numbers on empty pages */
}

.pagedjs_margin-bottom {
    grid-template-columns: minmax(10.66%, 4.14201%) 0px 1fr; !important
}

.chapter {
    page: chapter;
}

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


.chapter > *:first-child:not(h1, figure) {
    margin-top: -1.3mm!important; 
}



/******************************* TYPOGRAPHY *******************************/

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

/**chapter title**/
h1 {
 font-family: var(--custom-font);
 font-size: calc(2 * var(--font-size-big));
 line-height: calc(2 * var(--line-height-big));
 margin: 0 0 calc(2 * var(--line-height)) 0;
 string-set: title content(text);
 text-align: center;
 text-transform: uppercase;
 border-bottom: 1px var(--line-color) solid;
 color: var(--main-color);
}

.chapter h1 {
 margin-top: calc(2 * var(--line-height-big));
 margin-bottom: 23px; /* BASELINE FIX */
}

/*headline within text*/
h2 {
 font-family: var(--custom-font);
 font-size: var(--font-size-custom-font);
 line-height: var(--line-height);
 margin: var(--line-height-big) 0 var(--line-height) 0;
 text-align: center;
 text-transform: uppercase;
 width: 100%;
 border-bottom: 1px var(--line-color) solid;
 }

/**sub-headline within text **/
h3 {
 font-family: var(--custom-font);
 font-size: var(--font-size-custom-font);
 line-height: var(--line-height);
 margin-top: var(--line-height-big);
 margin-bottom: calc(var(--line-height) + 4pt);  /*BASELINE FIX*/
 text-transform: uppercase;
 text-align: center;
}

h3 > a {
    color: var(--main-color);
}

/**sub-headline below title -- only used on first page **/
h4 {
 font-family: var(--custom-font);
 font-size: var(--font-size-big);
 line-height: var(--line-height-big);
 margin-top: var(--line-height);
 margin-bottom: var(--line-height);
 text-transform: uppercase;
padding-left: 6pt;
padding-right: 6pt;
 text-align: center;
 color: var(--main-color);
}

/**author name**/
h5 {
text-align: center;
font-family: var(--bold-font);
 line-height: var(--line-height);
 margin-top: var(--line-height-big);
 color: var(--accent-color);
 string-set: author content();
}


em {
font-family: var(--italic-font);
font-style: normal;
}

strong {
    font-family: var(--bold-font);
}

p {
    margin: 0;
    /*margin-top: -1.3mm !important;
    padding-bottom: 1.3mm;*/
    color: var(--black);
    text-align: justify;
    text-justify: inter-word;
    word-spacing: -1px;
    word-wrap: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    orphans: 4;
    widows: 4;
}

p + p,
p + figure.elem-float-top + p {
    text-indent: 5mm;
}

blockquote {
    margin: var(--line-height) 0 var(--line-height) 5mm;
}

blockquote p{
    text-indent: 0mm;
}

li {
    break-inside: avoid;
}



/******************************** IMAGES & CAPTIONS ********************************/

figure {
    padding: 0;
    max-width: 100%;
    margin: auto;
    line-height: 0;
    page-break-inside: avoid;
}

figure > img {
    margin: 6pt auto 6pt auto;
}

img {
  max-width: 100%;
  margin: 6pt auto 6pt auto;
  break-inside: avoid;
  display: block;
}

figure img {
   max-height: 100mm;
}

figcaption, dd {
    page-break-inside: avoid !important;
    text-align: center;
}

figcaption p {
    padding: 0;
    font-size: var(--font-size-small);
    color: var(--accent-color);
    line-height: var(--line-height);
    margin: calc(0.5 * var(--line-height)) 0 calc(0.5 * var(--line-height)) 0;
    page-break-inside: avoid !important;
    text-align: center;
}

figcaption a[data-link-target-type="label"] span {
    font-size: 1em;
}

.video--thumbnail.video--vimeo--thumbnail {
    line-height: 0;
}


/******************************** LINKS ********************************/

a {
  color: var(--accent-color);
  text-decoration: none;
}

p a {
  color: var(--accent-color);
  text-decoration: none;
}

pre {
    line-wrap: pre-wrap; 
    white-space: pre-wrap;
}

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

.front-matter li a {
    background: none;
}

/******************************** ANNOTATIONS ********************************/

.annotation {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
    color: var(--accent-color);
    text-align: center;
    text-indent: 0;
    orphans: unset;
    widows: unset;
}

.annotation a {
    font-size: var(--font-size-small);
    text-transform: uppercase;
}

.author, .annotation--author {
    text-transform: uppercase;
}

.annotation a {
    word-break: break-all;
}

.annotation[data-type="annotation"]::before {
    content: "*";
    color: var(--accent-color);
    font-size: var(--font-size);
}

.annotation[data-type="annotation"] .annotation--content::before {
    content: "*";
    color: var(--accent-color);
    font-size: var(--font-size-small);
}

.annotation[data-type="annotation"] .annotation--content::after {
    content: "";
    color: var(--accent-color);
    font-size: var(--font-size-small);
}

.annotation[data-type="annotation"] .annotation--author::after {
    content: ":";
    color: var(--accent-color);
    font-family: var(--italic-font);
}

.annotation--content {
  position: absolute;
  width: var(--annotation-size);
}

.pagedjs_right_page .annotation--content {
  right: 100mm;
}

.pagedjs_left_page .annotation--content {
  left: 100mm;
}

figcaption .annotation {
  font-size: 1em;
}

/******************************** REFERENCES ********************************/

.annotation[data-type="reference"]::before {
    content: "*";
    color: var(--accent-color);
    font-size: var(--font-size);
}

.annotation[data-type="reference"] .annotation--content::before {
    content: "*";
    color: var(--accent-color);
    font-size: var(--font-size-small);
}

/******************************** TAGS ********************************/

.reference--target {
    font-size: var(--font-size-small);
    font-family: var(--italic-font);
    line-height: var(--line-height);
    font-variant: normal;
    color: var(--accent-color);
    text-indent: 0;
    text-align: center;
    display: inline;
    margin-bottom: .25em;
    position: absolute;
    white-space: nowrap;
    width: 29mm;
}

.reference--label--inline {
    font-variant: normal;
    font-family: var(--italic-font);
    color: var(--accent-color); 
    text-transform: none;
    }

.pagedjs_right_page .reference--target {
    left: -32.5mm;
}

.pagedjs_left_page .reference--target {
    left: 100mm;
}

/******************************** URLS ********************************/

[data-printed-url] {
    position: absolute;
    font-size: var(--font-size-small);
    color: var(--accent-color);
    line-height: var(--line-height-small);
    text-indent: 0;
    text-align: center;
    display: inline;
    margin-bottom: .25em;
    width: 29mm;
    right: -32.5mm;
}

.pagedjs_right_page [data-printed-url] {
    right: initial;
    left: -32.5mm;
    font-variant: small-caps;
    text-transform: lowercase;
    font-family: var(--body-font);
}

/******************************** Tommaso Messing Around ********************************/
/* make absolute positioning work inside the page */
.pagedjs_page_content { position: relative; }

/* QR box inside the inside-column */
[data-printed-url].printed-url-qr{
  width: 14mm;
  height: 14mm;
  background: #fff;
  display: block;
}

/* SVG output stays sharp */
[data-printed-url].printed-url-qr svg{
  width: 100%;
  height: 100%;
  display: block;
}

:root { --qr-offset: -20.5mm; } /* change this number */

.pagedjs_left_page  [data-printed-url].printed-url-qr { right: var(--qr-offset); }
.pagedjs_right_page [data-printed-url].printed-url-qr { left:  var(--qr-offset); right: auto; }

/* QR for footnote links, placed in the inside column */
.pagedjs_page_content { position: relative; }

/* Make the container exactly the QR size */
[data-printed-url].printed-url-qr--fn{
  width: 18mm;
  height: 18mm;
  background: #fff;
  position: absolute; /* top comes from JS */
}

/* Pin the QR to fill the container */
[data-printed-url].printed-url-qr--fn .qr{
  position: absolute;
  inset: 0;
  width: 18mm;
  height: 18mm;
}

/* Number pinned to the QR corner, almost touching */
[data-printed-url].printed-url-qr--fn .fn-num{
  position: absolute;
  top: 0;
  right: 0;

  /* tiny nudge, use 0 if you want it literally flush */
  transform: translate(8%, -8%);

  font-size: 6pt;
  line-height: 1;
  color: var(--accent-color);
  font-family: var(--bold-font);

  background: #fff;
  padding: 0 0.4mm;
}

/* SVG stays sharp */
[data-printed-url].printed-url-qr--fn svg{
  width: 100%;
  height: 100%;
  display: block;
}
/* Margin notes (non-citation notes only) */
.pagedjs_page_content { position: relative; }

[data-margin-note]{
  position: absolute;
  width: 29mm;
  right: -32.5mm;
  font-size: calc(var(--font-size-small) - 0.5pt);
  line-height: var(--line-height-small);
  color: var(--main-color);
}

.pagedjs_right_page [data-margin-note]{
  right: auto;
  left: -32.5mm;
}

/* 2 lines */
[data-margin-note] .line{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

[data-margin-note].compact .line{
  -webkit-line-clamp: 1;
}

[data-margin-note] .num{
  color: var(--accent-color);
  font-family: var(--bold-font);
  margin-right: 0.6mm;
}

[data-margin-note]{
  z-index: 10;
}


/******************************** End of tommaso messing around ********************************/


/******************************* FOOTNOTES*******************************/

.footnote {
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
    margin-top: var(--line-height);
}

.footnote a{
word-break: break-all;
}

.footnote li {
    margin-bottom: calc(0.5 * var(--line-height-small));
    list-style: none;
    break-inside: avoid;
}

.footnote ol {
    padding: 0;
    margin: var(--line-height) 0 var(--line-height) 0;
} 

hr {
    border: 0.5px var(--accent-color) solid;
}

li > p {
    text-align: left;
    text-justify: none;
}

.footnote-ref {
    color: var(--accent-color);
    font-size: var(--font-size-small);
    line-height: var(--line-height-small);
    text-decoration: none;
}

sup {
   vertical-align: top; 
   font-size: var(--font-size-small);
   font-family: var(--bold-font);
}

sup::before {
    content: '(';
    color: var(--accent-color);
    font-family: var(--bold-font);
    }

sup::after {
    content: ')';
    color: var(--accent-color);
    font-family: var(--bold-font);
    }



/****************** LISTS ****************/

ul, ol {
    padding-left: 5mm;
    }


/**************************** CONTENT ***********************/

.chapter > *:first-child:not(h1, figure) {
    /*margin-top: -1.3mm !important;*/
}

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

@page  :nth(n+3):nth(-n+6){
    @bottom-left {
        content: "";
    }
    @bottom-right {
        content: "";
    }
}

.front-matter--introduction {
    margin-top: calc(4 * var(--line-height-big)) !important; 
}

.front-matter--title h1 {
    /* half-title css */
    font-family: var(--body-font);
    font-size: var(--font-size);
    padding-bottom: 4pt;
    line-height: 34pt;
    text-transform: none;
    width: 155mm;
    margin-left: -45mm;
    text-align: center;
    margin-top: 51.2mm;
    border-bottom: none;
}

.front-matter--introduction {
    margin-top: 20vh;
}

.front-matter--introduction h1 {
    display: none;
}


/******************************** TABLE OF CONTENTS *************************/

.toc h1 {
  font-size: var(--font-size-big);
  line-height: var(--line-height-big);
    break-after: auto;
    display: none;
}

.toc ul {
    text-transform: uppercase;
    font-family: var(--body-font);
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 1.2mm;
}

.toc ul a::after {
  content: target-counter(attr(href), page);
  font-family: var(--custom-font);
  font-size: var(--font-size-small);
  float: right;
}

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

.toc li {
    margin-left: 5mm;
    break-inside: auto;
}

.toc li:before{
    margin-left: -5mm;
    position: absolute;
    content: var(--content-label);
}

.toc li:nth-of-type(4) {
    --content-label: "1"; 
    color: var(--accent-color);
    margin-top: calc(0.5 * var(--line-height));
}

.toc li:nth-of-type(10) {
    --content-label: "2"; 
    color: var(--accent-color);
    margin-top: calc(0.5 * var(--line-height));
}

.toc li:nth-of-type(15) {
    --content-label: "3"; 
    color: var(--accent-color);
    margin-top: calc(0.5 * var(--line-height));
}

.toc li:nth-of-type(20) {
    --content-label: "4"; 
    color: var(--accent-color);
    margin-top: calc(0.5 * var(--line-height));
}

.toc li:nth-of-type(37) {
    --content-label: "5"; 
    color: var(--accent-color);
    margin-top: calc(0.5 * var(--line-height));
}

.toc li:nth-of-type(41) {
    display: none;
   } 




/************************ SECTIONS *****************************************/

[data-chapter="<p>Broadcasting Resistance</p>"] h2,
[data-chapter="<p>Broadcasting Resistance</p>"] .pagedjs_margin-content,
[data-chapter="<p>Rewiring against the Giants</p>"] h2,
[data-chapter="<p>Rewiring against the Giants</p>"] .pagedjs_margin-content,
[data-chapter="<p>Frequencies for Better Futures</p>"] h2,
[data-chapter="<p>Frequencies for Better Futures</p>"] .pagedjs_margin-content,
[data-chapter="<p>Tactical Media Repository</p>"] h2, 
[data-chapter="<p>Tactical Media Repository</p>"] .pagedjs_margin-content,
[data-chapter="<p>Appendix</p>"] h2, 
[data-chapter="<p>Appendix</p>"] .pagedjs_margin-content  {
    display: none;
    }

[data-chapter="<p>Broadcasting Resistance</p>"] h1,
[data-chapter="<p>Rewiring against the Giants</p>"] h1,
[data-chapter="<p>Frequencies for Better Futures</p>"] h1,
[data-chapter="<p>Tactical Media Repository</p>"] h1,
[data-chapter="<p>Appendix</p>"] h1  {
    font-family: var(--custom-font);
    font-size: calc(2 * var(--font-size-big));
    line-height: calc(2 * var(--line-height-big));
    color: var(--accent-color);
    padding-bottom: 4pt;
    text-transform: uppercase;
    width: 140mm;
    margin-left: -36mm;
    text-align: center;
    margin-top: 51.2mm;
    border-bottom: none;
    -webkit-text-stroke: 2px;
}


/********************** REPOSITORY ********************************/

[data-chapter="<p>Avantwhatever.com</p>"] h1,
[data-chapter="<p>Cartography of Darkness</p>"] h1,
[data-chapter="<p>Tools Against Surveillance Capitalism</p>"] h1,
[data-chapter="<p>Complicity Map</p>"] h1,
[data-chapter="<p>Elegies of Oil Spills</p>"] h1,
[data-chapter="<p>Internet Core</p>"] h1,
[data-chapter="<p>Learning Palestine</p>"] h1,
[data-chapter="<p>Lumbung Press</p>"] h1,
[data-chapter="<p>Obiezione Respinta</p>"] h1,
[data-chapter="<p>Permacomputing</p>"] h1,
[data-chapter="<p>Radio Alhara</p>"] h1,
[data-chapter="<p>re-search.site</p>"] h1,
[data-chapter="<p>Stream Art Network</p>"] h1,
[data-chapter="<p>Slutty Urbanism</p>"] h1,
[data-chapter="<p>The World after Amazon</p>"] h1,
[data-chapter="<p>Knitting our internet</p>"] h1 {
    margin-top: 0;
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
}

[data-chapter="<p>Tools Against Surveillance Capitalism</p>"] p {
    text-align: left;
    }



/*************************** BIBLIOGRAPHY **********************************/

[data-chapter="<p>Bibliography</p>"] ul {
    font-size: var(--font-size-small);
}

[data-chapter="<p>Bibliography</p>"] li {
    break-inside: avoid;
    margin-bottom: calc(0.5 * var(--line-height-small));
}

[data-chapter="<p>Bibliography</p>"] h1 {
margin: 0 0 var(--line-height-big) 0 !important;
  font-size: var(--font-size-big);
  line-height: var(--line-height-big);
}

[data-chapter="<p>Bibliography</p>"] h3 {
font-size: var(--font-size);
font-family: var(--bold-font);
 line-height: var(--line-height);
 color: var(--accent-color);
 text-transform: none;
}

[data-chapter="<p>Bibliography</p>"] h4 {
    font-size: var(--font-size);
    margin-bottom: 0;
}


/****************************** COLOPHON **********************************/

[data-chapter="<p>Colophon</p>"] h1,
[data-chapter="<p>Colophon</p>"] h5 {
text-align: center;
font-size: var(--font-size);
font-family: var(--bold-font);
 line-height: var(--line-height);
 margin-top: 0;
 margin-bottom: var(--line-height);
 color: var(--accent-color);
 text-transform: none;
}

[data-chapter="Colophon"] u {
    color: var(--accent-color);
    font-family: var(--italic-font);
    font-size: var(--font-size-small);
    text-decoration: none;
    text-transform: uppercase;
    text-indent: 0mm;
}

[data-chapter="<p>Colophon</p>"] p {
     text-indent: 0;
     text-align: left;
     font-size: 8pt;
    }

[data-chapter="<p>Colophon</p>"] img {
    width: 30%;
    max-height: 10vh;
    object-fit: contain;
    margin: var(--line-height) 0 var(--line-height) 0;
    mix-blend-mode: multiply;
}



/****************************** PREVIOUSLY PUBLISHED ******************************/

[data-chapter="<p>Previously Published INC Etherport</p>"] h1, 
[data-chapter="<p>Previously Published INC Etherport</p>"] h4 {
text-align: center;
font-size: var(--font-size);
font-family: var(--bold-font);
 line-height: var(--line-height);
 margin-top: 0;
 margin-bottom: var(--line-height);
 color: var(--accent-color);
 text-transform: none;
    }

.chapter[data-chapter="<p>Previously Published INC Etherport</p>"] {
    page-break-before: always;
    }


/*********************** INDEXES *****************************/

.indexes ul {
    list-style-type: none;
    padding-left: 0;
}

.indexes {
    display: none;
  break-before: right;
  font-size: var(--font-size-small);
}

.index-entry {
    min-width: 3.25ch;
    display: inline-block;
}

.index-entry[style] {
    min-width: initial;
    display: initial;
}

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

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

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



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: 0;
}

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

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



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



/******************* MICRO TYPOGRAPHY ********************/


[data-chapter="Interconnecting Imaginaries"] h1 {
margin-left: -20px;
}