/* SET FONT FAMILY ON ALL non-body-text elements */
/*header, nav, h1, button, label, input {
  font-family:var(--heading-font);
  font-stretch:expanded;
}
*/
@import "minion.css";

:root {
  --main-page-margins: 10%;
  --page-margin-left: 10%;
  --footer__max-height: 4em;
  --main-content__page-note-number: var(--red);
  --main-content__page-note-number-background: white;
}
p, h1, h2, h3, h4, h5, nav, div.author {
  font-family: "Iosevka Etoile Web","Iosevka Web", sans-serif;
}
pre, code {
  font-family: "Iosevka Etoile Web","Iosevka Web", monospace;
  color:#444;
  }
  
footnote-call {
  font-variant-numeric: lining-nums;
}
.fig.panel code {
  display:block;
  text-align:left;
}  
/* FRAME ELEMENTS */
main#main-page {
  grid-template-areas:
        'title'
        'article';
    grid-template-rows: minmax(65px,auto) 1fr;
    overflow:hidden;
    height:100%;
    display:grid;
}
body.article p {
  font-family:'Noto sans', sans-serif;
  font-size:1.1em;
  line-height:1.75em;
  max-width:initial;
}

h1.title {
  padding-left:var(--page-margin-left);
  grid-area:title;
  font-weight:inherit;
}
.affiliation, .author-notes {
  display:block;
}
.main-page {
  grid-area:article;
  overflow:hidden auto;
  height:100%;
  position:relative;
}
.main-page > div.author {
  font-size:1.2em;
  margin-bottom:2em;
  line-height:2em;
}
div.author .contrib {
  font-size:1.2em;
}
aside {
  padding: 1em;
  border: var(--line-thin) solid black;
  background-color: var(--yellow);
  display:none;
  overflow-y:auto;
  overflow-x:hidden;
}
body > aside {
  grid-area:right;
}
a.toc {
  text-decoration:none;
  font-family:"Iosevka Web", sans-serif;
  color:black;
  font-size:.95em;
}
.toc ul,
.toc ul ul,
.toc ul ul ul,
.toc ul ul ul ul
{
  padding-inline-start:2em;
  text-indent:-2em;
}
.toc ul ul,
.toc ul ul ul,
.toc ul ul ul ul
{
  margin-inline-start:-1em;
}
thead th {
  position:static;
}

#make-pdf {
  display:none;
}
footer button.pdf {
  position:absolute;
  top:1em;
  right:1em;
  border:white;
  background-color:var(--red);
  font-weight:bold;
  outline: solid var(--line-hair) white;
}

footer .pipe {
  display:none;
}
@media screen {
  footer, 
  footer summary,
  footer a:link,
  footer a:visited,
  footer a[href]:hover {
    color: #def;
  }
}
@media print {
  footer {
    font-size:.7rem;
/*    line-height:1.65em;*/
  }
  footer, 
  a {
    color: var(--blue);
  }
  footer i {
    font-family: "Iosevka Web";
    font-style:italic;
    
  }
  footer .pipe {
    display:none;
  }
}

.abstract,
details.abstract > p,
.keywords {
  font-family: "Iosevka Etoile Web","Iosevka Web", sans-serif;
  max-width:45em;
}
.abstract summary,
.keywords summary {
  font-size:1.1em;
  font-weight:bold;
  color:var(--blue);
}

/*  PAGE ELEMENTS */

p {
  line-height:var(--text-line-height) ;
}
p + div.thumbholder {
  margin-top:1em;
}
div.thumbholder + p {
  margin-top: 1em;
}
blockquote {
    margin-left:6mm;
    padding-left:0;
}

.editing-link {
  display:none;
}
.refyear {
  color: var(--red);
}
.traditional .refauth {
  padding-inline-end: .3em;
}

/*  tables, examples */
.caption,
.extract .list-item-label,
.extract .list-item-title
{
  font-family: "Iosevka Etoile Web","Iosevka Web", sans-serif;
}

.extract .list-item-label
{
  display:inline-block; 
  font-weight:bold;
  color: var(--blue);
}
table[rules=none],
table[rules=none] tbody
{
  border:none;
}

/*  CODE styling */
.xmlcode-element, .css-selectors, .css-open, .css-close {
  color: var(--blue);
}
.xmlcode-elementname, .css-selectors {
  font-weight:bold;
}
.xmlcode-attributename, .css-property {
  color:var(--red);
}
.xmlcode-attributevalue, .css-value {
  font-weight:bold;
  color: var(--purple);
}
.xmlcode-text {
  color:black;
}
tt,
pre,
code:not([code-type]) {
  color: var(--red);
}
tt, pre, code {
    font-family: "Iosevka Etoile Web", "Iosevka Web", sans-serif;
    font-size:.85em;
    line-height:1.65em;
} 
code[code-type] {
    color: #444;
}

@media screen { 
  p code,
  p > code,
  p > tt {
    font-size: .9em;
  }
}
@media print { 
  p code,
  p > code,
  p > tt {
    font-size: .9em;
  }
}

p > a, li > a {
  text-decoration:none;
}

/*  OTHER */

.octicon-container button {
  display:none;
}
.mini-orcid-icon {
  margin-inline-end:1em;
}
.mini-ror-icon::before {
  content:'';
}

/*  MEDIA QUERIES */
@media screen and (min-width:1500px) {
  body > aside { 
    display:block;
    border: solid var(--line-medium) black;
    border-left:none;
    border-right:none;
  }
  .main-page > aside, details.toc { display:none; }
}
@media print {
  header {
    display:none !important;
  }
  main#main-page {
    display:block;
    overflow:scroll;
  }
  h1.title {
    border:none;
    background-color:white;
    font-weight:bold;
  }
  .main-page {
    padding:0;
    background-color:white;
    height:auto;
  }
  .main-page > .author {
    padding-left:var(--page-margin-left);
  }
  div.thumbholder img {
    max-width:12cm;
  }
}