main {
    overflow: hidden;
    position: relative;
}

body {
    overflow: hidden;
}

main > .scroll-wrapper {
    overflow-y: auto;
    max-height: 100%;
}

.write-mode .scroll-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 0;
}

img {
    float: initial;
}

body > main > .scroll-wrapper > .navigation--inline {
        display: none;
}

body > header {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    overflow-y: none;
    padding: 0 1em;
    margin: 0;
}

.navigation--sidebar {
    flex: 1 0;
    overflow-y: auto;
    /* background: blue; */
    margin: 0;
    padding: left;
    /* color: white; */
    padding-left: 3em;
    margin-right: -1em;
    padding-right: 2em;
}

/*
.navigation--sidebar a,
.navigation--sidebar a:active,
.navigation--sidebar a:visited {
        color: currentColor;
}

.navigation--sidebar a:hover {
        text-decoration: underline;
}
*/

#nav-left {
        position: absolute;
        bottom: 0em;
        height: 0em;
        padding-top: 1em;
        background: none;
}

#nav-left:before {
    height: 1em;
    content: "Admin menu";
    display: block;
    position: absolute;
    bottom: 100%;
}

#nav-left:hover {
	height: initial;
	background: white;
}

nav#nav-right {
    right: 15px;
    background-color: transparent;
}

#logo {
    margin: 20px 0;
}

#logo img {
        max-width: 100%;
        width: 100%;
        float: initial;
        margin: 0;
        padding: 0;
}

/* ==========================================================================
   Fonts
   ========================================================================== */


@font-face {
       font-family: 'Philibert Italic';
       font-weight: normal;
       font-style: normal;
       src: url('https://collectiveioning.xpub.nl/static/pzi/fonts/Philibert/PhiliItaRus.woff2') format('woff2'),
            url('static/pzi/fonts/Philibert/PhiliItaRus.woff') format('woff');
   }
@font-face {
       font-family: 'Work Sans';
       font-weight: normal;
       font-style: normal;
       src: url('static/pzi/fonts/Work Sans/TTF/WorkSans-Regular.ttf') format('truetype'),
            url('static/pzi/fonts/Work Sans/WOFF2/WorkSans-Regular.woff2') format('woff2'),
            url('static/pzi/fonts/Work Sans/WOFF/WorkSans-Regular.woff') format('woff');
   }
@font-face {
       font-family: 'Sneaky Times';
       font-weight: normal;
       font-style: normal;
       src: url('static/pzi/fonts/sneakyTimes/Sneaky-Times.otf') format('opentype'),
            url('static/pzi/fonts/sneakyTimes/Sneaky-Times.woff2') format('woff2'),
            url('static/pzi/fonts/sneakyTimes/Sneaky-Times.woff') format('woff');
   }
   @font-face {
       font-family: 'Karrik';
       font-weight: normal;
       font-style: normal;
       src: url('static/pzi/fonts/Karrik/TFF/Karrik-Regular.ttf') format('truetype'),
            url('static/pzi/fonts/Karrik/WOFF2/Karrik-Regular.woff2') format('woff2'),
            url('static/pzi/fonts/Karrik/WOFF/Karrik-Regular.woff') format('woff');
   }
  @font-face {
       font-family: 'Karrik';
       font-weight: normal;
       font-style: italic;
       src: url('static/pzi/fonts/Karrik/TFF/Karrik-Italic.ttf') format('truetype'),
            url('static/pzi/fonts/Karrik/WOFF2/Karrik-Italic.woff2') format('woff2'),
            url('static/pzi/fonts/Karrik/WOFF/Karrik-Italic.woff') format('woff');
   }
   @font-face {
     font-family: 'Vollkorn';
     font-weight: normal;
     font-style: normal;
     src: url('static/pzi/fonts/Vollkorn/Vollkorn-Regular.ttf') format('truetype');
 }
   @font-face {
     font-family: 'Vollkorn';
     font-weight: normal;
     font-style: italic;
     src: url('static/pzi/fonts/Vollkorn/Vollkorn-Italic.ttf') format('truetype'); 
 }
   @font-face {
     font-family: 'Vollkorn';
     font-weight: bold;
     font-style: normal;
     src: url('static/pzi/fonts/Vollkorn/Vollkorn-SemiBold.ttf') format('truetype'); 
 }
   @font-face {
     font-family: 'Vollkorn';
     font-weight: bold;
     font-style: italic;
     src: url('static/pzi/fonts/Vollkorn/Vollkorn-SemiBold-Italic.ttf') format('truetype'); 
 }
/* Korean font */
   @font-face {
     font-family: 'Stylish';
     font-weight: normal;
     font-style: normal;
     src: url('static/pzi/fonts/Stylish/Stylish-Regular.ttf') format('truetype'); 
 }

/* ==========================================================================
   Content
   ========================================================================== */
body {
  font-family: "Karrik", Stylish, sans;
  font-size: 1em;
}
a, a:visited {
    font-weight: 500;
    color: blue;
}
h1, h2, h3, h4, h5, header h2 {
    font-family: "Philibert Italic";
    text-transform: initial;
    text-align: center;
    }
h2, header h2 {
    font-size: 6.2vw;
    text-transform: initial;
    text-align: center;
    margin-bottom: 1em;
    line-height: 1em;
    }
header h2 {
  margin-top: 0;
  margin-bottom: 0em;
    }
h2 + h3 {
    margin-top: 0.4em;
    margin-bottom: 6.4em;
        }
h3 {
  font-size: 1.7em;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
    }
p + h3 {
    margin-top: 3em;
    }
h3 + h3 {
    margin: 0;
    padding: 0;
    }
h3 + p {
    margin-top: 4em;
    }
h4 {
    font-size: 1em;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 0;
    text-decoration: none;
    letter-spacing: 0.03em;
    font-weight: normal;
}
h3 + h4 {
    margin-top: 2em;
    }
p {
    margin-bottom: 0;
    font-size: 1.2em;
line-height: 1.3em;
    }
p + p {
    text-indent: 3.5em;
    }
p + p.project__picture {
    text-indent: 0;
    }
blockquote {
    font-family: "Philibert Italic";
  font-size: 1em;
    }
img {
    max-width: 100%;
    display: block;
    object-fit: cover;
    width: 100%;
    }
title: Tancredi Di Giovanni figcaption p {
    font-family: "Karrik";
    margin-bottom: 2em;
    }
.credits,
.project__picture {
  font-size: 0.8em;
    }
    
.project__picture {
  font-size: 0.8em;
    }
audio, video {
    margin: 0;
    }
nav {
    font-family: inherit;
    line-height: inherit;
    }
.button {
    display: block;
}
dl.meta {
    display: none;
    }
.toc ul {
    list-style: none;
    font-size: 0.95em;
    line-height: 1.1em;
    position: relative;
}
.toc ul li {
    position: relative;
    margin-bottom: 11px;
}

.toc ul::before {
    content: " \005c ";
    font-family: "Philibert Italic";
    color: blue;
    position: absolute;
    right: calc(100% + 1em);
    top: .15em;
    display: inline-block;
    color: currentColor;
}

/*
.toc-link--active::after {
    content: "―";
    position: absolute;
    left: calc(100% + 2em);
    top: calc(50%);
    display: block;
}
.toc ul li::after {
	content: " \005c ";
	font-family: "Philibert Italic";
	color: blue;
	position: absolute;
	left: 0;
	bottom: -17px;
	display: inline-block;
	color: black;
}
.toc ul ul li::after {
	content: " / ";
	font-family: "Philibert Italic";
	color: blue;
	position: absolute;
	left: 0;
	bottom: -17px;
	display: inline-block;
	color: black;
}
*/

main header p.authors:after {
    content: "";
}
.authors {
    font-size: 2.5vw;
    text-align: left;
    line-height: 2.5vw;
    font-family: "Karrik";
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    margin-top: 0.2em;
}

main.thesis nav.toc {
    position: absolute;
    top: 2em;
    left: 2em;
    bottom: 0;
    width: 250px;
    opacity: .6;
}

body > main.thesis{
    position: relative;
}

main.thesis nav.toc:hover {
    opacity: 1;
}

main.thesis nav.toc a {
   color: currentColor;
   position: relative;
   display: block;
}

main.thesis nav.toc a:hover {
   /* color: blue; */
   text-decoration: underline;
}

header.thread h1 {
    font-family: "Karrik";
    font-size: .6em;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 1em;
    text-align: left;
}

header.thread {
    position: sticky;
    top: 0.5em;
    
}

.title--thread {
    font-family: "Karrik";
    text-align: left;
    padding: 0;
    margin: 0 0 .5em 0;
}
.toc.toc--thread {
    margin-left: 1em;
}

/*
  Smaller screen navigation
*/

@media screen and (max-width: 1800px) {

section.include {
    overflow: hidden;
}

main.thesis nav.toc {
    width: 320px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-right: 50px;
    top: 0;
    left: -280px;
    transition: left .15s;
    opacity: 1;
}

main.thesis nav.toc .toc {
    position: absolute;
    top: 0;
    left: 0;
    right: 40px;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 30px;
    border: .25vw inset beige;
    color: white;
    background: blue
}

main.thesis nav.toc:after {
    position: absolute;
    content: "Table of contents";
    top: 0px;
    bottom: 0;
    right: 0px;
    padding: 20px 5px;
    width: 30px;
    writing-mode: vertical-lr;
}

main.thesis nav.toc:hover {
    left: 0;
    transition: left .15s;
    z-index: 1;
}

}

/* ==========================================================================
   projects
   ========================================================================== */
main.project {
    background: #efefef;
}
   
.project p.intro {
    font-size: 1.6vw;
    line-height: 1.8vw;
}
.project .frame-container {
    border: .4vw inset lightgrey;
    margin-top: 10px;
    display: flex;
    margin-bottom: 2em;
}
    
.project article {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 25px;
    width: 95%;
    margin: auto;
    grid-template-rows: min-content min-content 500px;
}
.project .wide, 
.project header{
    grid-column-end: span 2;
    }
.project .higher {
    grid-row-end: span 2;
    }
/*header.project {
    position: absolute;
    width: 75%;
    height: auto;
}*/
.project .wide  p.intro,
.project p.wide.intro {
    width: 90%; 
    margin: auto;
    }
main.project h1 {
    font-size: 5.3vw;
    line-height: 5.6vw;
    margin: 0;
    padding: 0;
}
.project img {
    max-width: 100%;
    margin: 0;
    display: block;
    margin-bottom: 4px;
}
figcaption p {
    font-family: Karrik;
    font-size: 1vw;
    text-align: left;
    line-height: 1.1vw;
    margin-top: 10px;
}
.frame-container figcaption,
.wide figcaption  {
    position: absolute;
	bottom: -60px;
    }
iframe {
    margin-bottom: 10px;        
}
iframe#ether {
    margin: 0.5em !important;
}
.project iframe::hover {
    outline: 5px solid yellow;
}

p.project__picture::after,
div.project__intro::after,
.project__website::after {
    content: "/";
    font-family: "Philibert Italic";
    margin: 0;
    text-indent: 0;
    padding: 0;
    display: block;
    font-size: 31px;
    margin-top: 16px;
}
.project p.credits {
    font-size: 0.8vw;
}
p.credits::before {
    content: " ";
    }
.project .text {
    overflow-y: auto;
    border-bottom: 1px solid black;
    padding: 0 2em 0 0;
}
.project .pictures {
    overflow-y: auto;
    border-bottom: 1px solid black;
    padding-right: 1em;
}

.project header + div.text {
        margin-top: 13%;
    }
.project header + div.text + div.pictures {
     margin-top: 26%;
    }
/* .project header + div.frame-container,
.project header + video {
        margin-top: 13%;
    }  */
/* ==========================================================================
   thesis
   ========================================================================== */
main.thesis article {
    margin: 0 auto;
    max-width: 50em;
}
main.thesis h1 {
    font-size: 6.5em;
    font-family: "Philibert Italic";
    line-height: 1em;
    margin-bottom: 0;
    text-transform: capitalize;
}
main.thesis h2 {
    font-size: 3.1em;
    font-family: "Vollkorn";
    text-transform: none;
    line-height: 1.3em;
    margin-top: 0em;
    display: inline-block;
    padding: 0;
    text-transform: capitalize;
    margin-top: 0.1em;
}
main.thesis h3 {
    font-size: 2.5em;
}
.thesis h4 {
    font-size: 1.75em;
}
.thesis h5 {
    font-family: "Vollkorn";
    font-size: 1.4em;
    margin-top: 0;
}
main.thesis h3 + p {
    margin-top: 2em;
}
.authors {
}
main.thesis .authors {
    font-weight: bold;
    font-size: 1.75em;
    margin-top: .5em
}

main.thesis header {
    font-size: initial;
    margin-bottom: 5em;
}
main.thesis p {
    font-size: 1.4em;
    line-height: 1.25em;
    font-family: vollkorn, Stylish;
}
main.thesis p + p {
    text-indent: 0;
    margin-top: 1.3em;
}
main.thesis blockquote {
    font-size: 1em;
    font-family: var(--sans);
    margin: calc(1 * var(--line-height)) calc(2 * var(--line-height)) calc(1 * var(--line-height)) var(--line-height);
}
main.thesis blockquote p {
    font-family: "Karrik";
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.3em;
}

main.thesis figure {
    margin: calc(2 * var(--line-height)) 0;
}

main.thesis figure img {
    float: none;
    object-fit: initial;
    max-width: 100%;
    max-height: 70vh;
    width: initial;
    margin: 0 auto;
}

main.thesis figure figcaption {
    font-size: .8em;
    margin: calc(0.3 * var(--line-height)) var(--line-height);
    margin-left: 0;
}

main.thesis figure figcaption p {
    font-family: "Karrik";
    margin-top: 0;
}

main.thesis .footnote ol {
    margin-left: -.5em;
}

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

main.thesis .footnote ol p {
    margin-left: .5em;
}

main.thesis .footnotes h3,
main.thesis .references h3,
main.thesis .image-sources h3,
main.thesis .credits h3,
main.thesis .license h3 {
    font-family: "Vollkorn";
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.25em;
    text-align: left;
    margin-bottom: .7em;
    margin-top: 1.4em;
}

main.thesis .footnotes,
main.thesis .references,
main.thesis .image-sources,
main.thesis .credits,
main.thesis .license {
   margin-right: calc(2 * var(--line-height));
}

main.thesis .footnote hr {
    display: none;
}

main.thesis .references li,
main.thesis .image-sources li {
   font-size: 9pt;
   letter-spacing: .2px;
   margin-bottom: .65em;
   line-height: 1.3em;
}

/* ==========================================================================
   Tasks
   ========================================================================== */

main.tasks article {
    max-width: 40em;
    margin: auto;
}
main.tasks header {
    display: flex;
    flex-direction: row;
    font-size: 1em;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    margin-bottom: 1.5em;
    margin-top: 1em;
    position: sticky;
    top: 0;
}
.tasks header h1 {
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-align: left;
}
main.tasks p {
    font-family: "Vollkorn";
    font-size: 1.4em;
    line-height: 1.3em;
    text-indent: 0;
}
main.tasks header .authors {
    font-size: 1em;
    font-weight: bold;
}
main.tasks p + p {
    margin-top: 1.3em;
}

/* ==========================================================================
   issues
   ========================================================================== */
.issue article {
    overflow-y: auto;
    padding: 0 8vw 8vw 250px;
}
.issue .tagline {
   grid-row: 1;
   grid-column: 1;
   font-size: 2.5vw;
   text-transform: initial;
   text-align: left;
   line-height: 2.5vw;
   font-family: Karrik;
   margin: 0;
   padding: 0;
}
main.issue .toc {
   position: absolute;
    top: 18px;
   background: none;
   width: 200px;
   line-height: 1em;
}
.toc ul ul {
    margin-left: 29px;
    margin-top: 10px;
}
/*
.toc ul ul li {
    margin-bottom: 20px;
}
*/
.issue article h1 {
  font-size: 6.2vw;
  text-transform: initial;
  text-align: left;
  line-height: 6.6vw;
  font-family: Karrik;
  margin: 0;
  padding: 0;
}
.issue article h2 {
  font-size: 5vw;
  text-transform: initial;
  text-align: center;
  line-height: 5vw;
  font-family: Karrik;
  margin: 0;
  padding: 0;
}
.issue main header {
    margin: 0 0 0em -200px;
}
.issue header h2 {
    font-size: 2.9vw;
}
.issue h3 {
    font-family: "Karrik";
  text-align: left;
  font-size: 3.5vw;
    margin-top: 0.8em;
    }
.issue h2 + figure {
  width: 100%;
    }
    
.issue h2 + figure img {
  max-width: 100%;
  margin: 0;
  padding: 0;
  object-fit: cover;
  width: 100%; 
  margin-bottom: 1em;
    }
.issue p {
    margin-top: 0em;
    font-size: 1.9vw;
    line-height: 2.1vw;
}
.issue .intro {
    font-size: 2.6vw;
    line-height: 2.8vw;
}
.issue p + p {
    text-indent: 2em;
    margin-top: 0.3em;
}
.issue p + p.credits {
    text-indent: 0em;
    } 
.issue h3 {

    }
.issue h4 {
    font-size: 1.7vw;
    margin-top: 2em;
    margin-bottom: 0.4em;
    padding: 0;
    text-decoration: none;
    /* letter-spacing: 0.03em; */
    text-align: left;
    font-family: Karrik;
    text-transform: uppercase;
    }
.issue h3 + h4 {
    margin-top: 0.8em;
    } 
.issue figure {
    width: 44%;
    display: inline-block;
    margin: 10px 10px 10px 0;
    vertical-align: top;
}
.issue header + figure {
    width: 100%;
    }
.issue img {
    margin: 0;
    }   

.issue p.credits {
    font-size: 1vw;
    line-height: 1.4vw;
    margin-top: 1.4em;
    max-width: 40em;
}
#content {
    padding: 0 4em;
}

/* MANAGE LIST */
.manage_list li {
    clear: both;
}

.actions a {
    display: inline;
}

/** Threads */

main.thread {
    background: #f9f9f9;
}

body > header {
    border-right: .4vw inset lightgray;
    background: #fff;
}
section.include:hover {
    border-color: #ffffb6;
}
.thread > .scroll-wrapper {
    padding-left: 4em;
    padding-top: 4em;
}

section.include {
    max-height: 80vh;
    margin-bottom: 4em;
    margin-right: 4vw;
    border: 0.4vw inset lightgray;
    background: white;
    margin-left: 0vw;
    position: relative;
    display: flex;
    outline: 1px solid white;
}

section.include.active,
section.include:hover {
    border-color: #ffffb6;
}

section.include main {
    overflow-y: auto;
}
/* ==========================================================================
   home
   ========================================================================== */
   
.home-page {
    overflow: hidden;
}

.home-page #introduction, 
.home-page #thread--list, 
.home-page #pad--list {
    flex: 1 0;
    padding: 0px;
    border-right: 1px solid;
    height: 100%;
    }
    
    
.home-page #thread--list, 
.home-page #pad--list {
    display: grid;
    grid-template-rows: min-content min-content  min-content 1fr;
}

.home-page #introduction { 
    display: flex;
    flex-direction: column;
}

.home-page #introduction,
.home-page #thread--list, 
.home-page #pad--list {
        overflow-y: auto;
}

.home-page #logo img  {
    max-width: 78%;
	padding: 0;
	margin: 0;
}
.home-page .logo img  {
    max-width: 36%;
	padding: 0;
	margin: 0;
}
.home-page header {
    flex: 0 0;
    padding: 30px;
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
    overflow: initial;
}
.home-page header h1 {
    display: inline;
    }
#introduction__description {
    font-family: "Philibert Italic";
    padding: 30px;
    border-top: 1px solid;
    background-color: blue;
    color: white;
    flex: 1 0;
}
#caption {
    position: sticky;
    bottom: 0px;
    background: white;
    border-top: 1px solid black;
    font-size: .85em;
}
.home-page #caption ul {
    padding: 10px !important;
    margin-bottom: 0 !important;
}
#caption ul li {
    display: inline;
    margin-right: 1em;
}
.home-page .frame-container {
    background: blue;
	padding: 13px;
    }
.home-page iframe {
    width: 95% !important;
	height: 95% !important;
	position: absolute;
	outline: 0px !important;
    }
.home-page #pad--list {
        font-size: 1.2em;
}
.home-page #thread--list ul,
.home-page #pad--list ul {
    padding: 30px 30px 5em 30px;
}
.home-page #thread--list ul {
   padding: 29px 22px;
	border: 0.6vw inset lightgray;
	margin: 30px;
	background: white;
    }
.home-page #thread--list li {
	margin-bottom: 0.7em;
	font-size: 1.2em;
	color: blue;
}
.home-page #thread--list li::before {
    content: "/";
    font-family: vollkorn;
    padding-right: 6px;
    font-weight: bold;
    font-size: 1.3em;
    vertical-align: top;
    display: inline;
    color: blue;
}
.home-page #thread--list  {
    font-size: 1.2em;
      background: #f9f9f9;
    }
#thread--list ul p {
    font-family: "vollkorn";
    font-size: 0.8em;
    margin-top: 0.1em;
}
#thread--list header h2,
#pad--list header h2 {
    margin-top: 0;
	margin-bottom: 0em;
	font-size: 4.7em;
	text-align: left;
	display: none;
    }
#introduction__description h2 {
    font-size: 1.9em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0.4em;
    padding: 0;
    font-family: karrik;
}
#introduction__description .intro {
    font-family: Philibert Italic;
    letter-spacing: 0.01em;
    font-size: 1.4em;
    line-height: 1.2em;
}
#pad--list header,
#thread--list header {
    padding-top: 1em;
    padding-bottom: 0em;
    }
#thread--list header {
    padding-bottom: 0em;
    background: #f9f9f9;
    }
.home-page #thread--list h1,
.home-page #pad--list h1 {
	display: inline;
    }
.home-page header p {
    font-size: 1.1em;
	line-height: 1.2em;
}
.home-page p.intro {
   font-size: 1.2em;
    line-height: 1.3em;
   font-family: "Karrik";
   margin-top: .5em;
}
.home-page #pad--list li.issue a::before,
.home-page #caption li.issue::before,
.bio article li.issue a::before  {
    content: "\26AD";
    font-family: vollkorn;
    padding-right: 6px;
    font-weight: bold;
    vertical-align: baseline;
    display: inline;
    font-size: 1.3em;
    /* color: blue; */
}
.home-page #pad--list li.project a::before,
.home-page #caption li.project::before,
.bio article li.project a::before  {
    content: "\26AE";
    font-family: vollkorn;
    padding-right: 6px;
    font-weight: bold;
    font-size: 1.3em;
    vertical-align: baseline;
    display: inline;
    /* color: blue; */
}
.home-page #pad--list li.thesis a::before,
.home-page #caption li.thesis::before,
.bio article li.thesis a::before  {
    content: "\26AF";
    font-family: vollkorn;
    padding-right: 6px;
    font-weight: bold;
    font-size: 1.3em;
    vertical-align: baseline;
    display: inline;
    /* color: blue; */
}
.home-page #pad--list li.bio a::before,
.home-page #caption li.bio::before,
.bio article li.bio a::before  {
    content: "\2B58";
    font-family: vollkorn;
    padding-right: 6px;
    font-weight: bold;
    font-size: 1.3em;
    vertical-align: baseline;
    display: inline;
    /* color: blue; */
}
.home-page #pad--list li a::before,
.home-page #caption li::before,
.bio article li a::before   {
    content: "\27C2";
    font-family: vollkorn;
    padding-right: 6px;
    font-weight: bold;
    font-size: 1.3em;
    vertical-align: baseline;
    display: inline;
    color: blue;
}
.home-page #pad--list li a::before:hover  {
    color: black;
    }
    
nav span::before {
     content: "\2B58";
    font-family: vollkorn;
    padding-right: 6px;
    font-weight: bold;
     font-size: 1.3em;
    vertical-align: top;
    display: inline;
    }
nav span {
    margin-right: 14px;
    }
#pad--list li {
    line-height: 1.4em;
    }
li.thesis a,
li.issue a,
li.project a {
    font-family: "Philibert Italic";
    letter-spacing: 0.02em;
    }
.home-page li p {
    font-size: 1em;
}
.home-page #thread--list li {
    margin-bottom: 1em;
    font-size: 1.2em;
	color: blue;
}
#introduction__description .intro a {
    font-family: Karrik;
    color: inherit;
    }
#introduction__description .intro a:hover {
	text-decoration: underline;
}
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_7_publication.md"],
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_7_intro.md"] ,
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_9_intro.md"] ,
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_9_publication.md"], 
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_9_research.md"] ,
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_8_intro.md"] , 
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_8_publication.md"],
.home-page a[href="//collectiveioning.xpub.nl/r/special-issues::special_issue_8_research.md"],
.home-page a[href="//collectiveioning.xpub.nl/r/Tancre::ilinx_for_thread.md"],
.bio a[href="//collectiveioning.xpub.nl/r/Tancre::ilinx_for_thread.md"], 
.bio a[href="//collectiveioning.xpub.nl/r/Tancre::ilinx_for_thread.md"]
 {
    display: none;
    }
/* ==========================================================================
   bios
   ========================================================================== */
.bio .authors {
    display: none;
}
/* ==========================================================================
   other pages
   ========================================================================== */
.colophon h1,
.introduction h1,
main.bio h1  {
    font-size: calc(2.1 * var(--font-size));
    }
.colophon header {
    margin-bottom: 1em;
    }
.introduction h3  {
   margin-top: 2em;
    }
.introduction h3 + p {
    margin-top: 1em;
}
.colophon article,
.introduction article,
.bio article {
    max-width: 50em;
    margin: 0 auto;
    margin-bottom: 10px;
    }
.colophon dl,
.introduction dl {
    margin-top: 2em;
    }
.colophon dt,
.introduction dt,
.bio dt {
    font-family: karrik;
    display: block;
    font-size: 1.4em;
    margin-top: 1em;
    font-style: normal;
    font-weight: 100;
    margin-bottom: 0.1em;
}
.colophon dd,
.introduction dd,
.bio dd {
    display: inline;
    margin: 0;
    font-size: 1.4em;
    margin-bottom: 5em;
    font-family: "vollkorn";
    line-height: 1.3em;
}
.colophon p,
.introduction p,
.bio article li,
.bio p {
	font-size: 1.4em;
}
.bio p + p {
    margin-top: 1.3em;
    text-indent: 0;
}
.bio article li{
    font-size: 1.2em;
    }
.bio article ul {
    margin-top: 1em;
}
dt::after {
    content: " ";
}
main.bio h1 {
        font-family: karrik;
    }

/* ==========================================================================
    Lightbox
    ========================================================================== */

.lightbox {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  display: flex;
  flex-direction: row;
  padding: 1em;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.lightbox--figure {
    text-align: center;
    width: initial;
    max-width: initial;
    max-height: 100%;
    padding: 0;
    margin: 0;
    /* display: grid;
    grid-template-rows: 1fr min-content;
    grid-template-columns: 1fr; */
}

.lightbox--figure img {
  max-height: 80vh;
  max-width: 100vh;
  width: initial;
  height: initial;
  margin: auto;
}

.lightbox--caption {
  text-align: left;
  margin-top: .5em;
}

.lightbox--caption p {
  text-align: left;
  margin-top: .5em;
  font-size: 1.3em;
}

.lightbox--close {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 1.5em;
  height: 1.5em;
  z-index: 1;
  color: var(--note-color);
  cursor: pointer;
}

.lightbox--close:hover,
.popup--close:hover {
  color: black;
}

.lightbox--close:before, 
.lightbox--close:after{
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 1.5px);
  content: ' ';
  background: currentColor;
}

.lightbox--close:before {
  transform: rotate(45deg);
}

.lightbox--close:after {
  transform: rotate(-45deg);
}

figure img {
    cursor: zoom-in;
}
.print,
[alt="print"] {
    display: none !important;
    }