@font-face {
    font-family: "slabage";
    src: url("icons/SnellRoundhandLTStd-Scr.otf") format("opentype");
    font-weight: 400; /* normal */
    /* Add stanzas for font-weight: 700 (bold) and 900 (black) if needed;
     * the "slabage" font is a subset that contains only the characters needed
     * for the word Balisage, as Snell is not a free font.
     */
}

:root {
  /* set theme colours for the page header that balisage-proceedings.css
   * will override:
   */
    --theme-page-header-background-color: white;
    --theme-page-header-text-color: black;
}

html { }

body {
    background-color: white;
    color: black;
}

div.page-links { background-color:black; color: white; font-family: sans-serif; font-size: 80%; padding: 0.5em }
div.page-links > * { margin: 0px }
div.page-links a { color: white }

div { }

.navbar { 
  display:block;
  padding-left: 0.5em;
  padding-right: 0.5em }

.page-header { margin: 0em;
               padding-left: 0.25em }

h2.page-header { margin-top: 10px; font-size: 120% }

div.article, div.content
{ margin: 0.5em }

div.content
{ padding-bottom: 0.5em }

div.abstract, div.author-block, div.toc, div.box, div.equation, div.citation-block, details.citation-block
{
  border: thin solid lightgrey;
  margin-top: 0.5em;
  padding: 0.5em 
}

div.citation-block, details.citation-block { font-size: 90%; font-family: sans-serif }

div.article > p, div.section > p {  line-height: 140% }

p.citation { font-size: 90%;
   margin-left: 1em; text-indent: -1em }

p.citation small { font-size: 100% }

div.index
{
  background-color: white;
  border: thin solid lightgrey;
  margin-top: 0.5em;
  padding: 0.25em 
}

div.toc ul { margin-bottom: 0em;
  margin-top: 0.5em;
  font-size: 90%;
  padding-left: 1em;
  list-style-position: outside }

div.toc dl { margin-bottom: 0em;
  font-size: 90% }

dl dl { margin-top: 0em }

div.index dl { margin: 0em;
  font-size: 90% }

div.confgroup { margin: 0.5em;
  font-size: 120% }
  
span.conftitle { font-weight: bold;
  font-style: italic }

div.box { font-family: sans-serif;
  font-size: 90%;
  text-align: center }

div.appendix { }

div.author { }

div.bibliography { }

div.bibliomixed { }

div.blockquote { }

div.caption { }

div.figure-contents > pre.programlisting {
 font-size: 100%
}

pre {
    white-space: pre-wrap;
    /* allow really long words to be broken: */
    word-wrap: break-word; /* IE, Ege, compat */
    overflow-wrap: anywhere; /* newer browsers */
}

pre.programlisting,
div.equation,
div.variablelist,
div.figure,
div.table-wrapper,
div.notice,
div.note,
div.mediaobject
{
  margin-top: 0.5em;
  border: medium solid lightgrey;
  padding: 0.5em;
  font-size: 85%
}

div.figure-contents,
div.mediaobject h5 { margin-top: 0.5em; margin-bottom: 0em }

div.figure-contents { margin-top: 0.5em }

div.figure-contents div.mediaobject
{ margin: 0em;
  border: none;
  padding: 0em }

table.variablelist { border-collapse: collapse }

div.figure-float { }

div.folder { margin: 0em }

div.footnote { }

div.footnotes { }

div.itemizedlist { }

div.legalnotice { }

div.legalnotice-block {
  margin-bottom: 2ex;
}

div.mediaobject { }

div.section { }

div.table-caption { }

div.titlepage { }

div.toc
{
  font-family: sans-serif
}

blockquote.blockquote { }

h1, h2, h3, h4, h5, h6
{
   font-family: sans-serif 
}

h5.keywords {
  display: inline;
}

.subtitle
  { margin-top: 0.5ex }

.title, div.article > .subtitle
{ margin-bottom: 0em;
}

h2.title { font-size: 125% }
h3.title { font-size: 115%; font-style: italic }
h4.title { font-size: 105% }
h5.title { font-size: 95%; font-style: italic }
h6.title { font-size: 85% }

p.title { margin-top: 0em }

div.index p.title { font-weight:normal; font-size: 90% }

h3.title { font-style: italic }
div.note h3.title { margin: 0em;
  font-size: 90%;
  font-style: italic }

pre.programlisting > .title,
div.variablelist > .title,
div.figure > .title,
div.table-wrapper > .title,
div.notice > .title,
div.note > .title
  { margin-top: 0em;
    font-style: normal }

div.itemizedlist,
div.orderedlist { margin-top: 0.5em }

div.itemizedlist > ul,
div.orderedlist > ol { margin-top: 0px }

div.article > h2.title { font-size: 160% }

h3.author { margin:0em }

h5.author-email { margin-top: 0.25em; margin-bottom: 0em; font-size: 100% }

h3.notice-title { margin-top:0em;
  margin-bottom: 1em }
 
div.author { margin-top:0.5em;
  margin-bottom:0em }

div.affiliation, div.affiliation > * { margin:0em }

p { margin-top: 0.5em;
    margin-bottom: 0em }

div.toc p,
p.notice { margin: 0em }

p.title
{
  font-family: sans-serif;
  font-weight: bold
}

p.bibliomixed { margin-left: 1em; text-indent: -1em }

blockquote > p.attribution { text-align: right; margin-top: 0.5ex }

table.table { margin-top: 0.5em }

col { }

thead { }

tbody { }

tr { }

th
{
  background-color: lightgrey;
  padding-left: 0.5em;
  padding-right: 0.5em 
}

td
{
  padding-left: 0.5em;
  padding-right: 0.5em;
  vertical-align: top
}


td > *:first-child { margin-top: 0px }

table.variablelist > tbody > tr > td { vertical-align: text-top;
  border-top: thin solid lightgrey; padding-top: 1ex; padding-bottom: 1ex }
  
table.variablelist > tbody > tr:first-child > td { border-top: none }

/*td.varlist-item { border-left: medium solid lightgrey }*/

ul { }

li { }

  
dl p, li p
{ margin-top: 0.25em 
}

dt
{ margin-left: 1em;
  text-indent: -1em
}
div.index dl dt { margin-left: 2.5em }

div.variablelist td { vertical-align: text-top }

dd { }

td p, th p, dd p
{ margin-top: 0.25em;
  margin-bottom: 0em 
}

hr { }

br { }

img { border: none; max-width: 100% }

b { }

code.code { }

code.email { }

i { }

strong { }

sup { font-size: 70% }

span.ital
{ font-style: italic 
}

span.bold
{ font-weight: bold 
}

span.bital
{ font-weight: bold;
  font-style: italic 
}

span.rom
{ font-weight: normal;
  font-style: normal 
}

span.under
{ text-decoration: underline 
}

span.appendix { }

span.bibliography { }

span.citation { }

span.firstname { }

span.jobtitle { }

span.orgname { }

span.othername { }

span.section { }

span.surname { }

span.term
{ font-family: sans-serif;
  font-weight: bold;
  font-size: 90% 
}

.smaller { font-size:85% }

.doi { font-family: monospace }

a
{ color: darkslategrey;
  text-decoration: none 
}

a.email { }

a.footnote { }

a.para { }

a.xref { font-family: sans-serif;
  font-size: 80% }

a:hover { text-decoration: underline }

img.toc-icon { vertical-align: text-top }

div.skipnav {
  display: none;
}

div#balisage-header h2.year-logo {
    margin-right: 3em; /* leave room for the year */
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 1rem;
    position: relative;
    background-color: var(--theme-page-header-background-color, #6999CC);
    color: var(--theme-page-header-text-color, black);
    width: calc(142pt);
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5;
}
div#balisage-header h2.year-logo span.name {
    font-family: "slabage";
    font-weight: normal;
    font-size: 40pt;
    line-height: 56pt;
    display: block;
    z-index: 2;
    color: black;
}
div#balisage-header h2.year-logo span.subhed {
    font-family: "PT Sans Narrow";
    display: block;
    z-index: 4;
    font-size: 14pt;
    line-height: 12pt;
    font-weight: bold;
    letter-spacing: 0.1pt;
    color: var(--theme-page-header-text-color, black);
    margin-top: -21px;
    margin-left: 7pt;
}
div#balisage-header h2.year-logo span.year {
    font-family: "PT Sans Narrow";
    font-size: 26pt;
    line-height: 40.5pt;
    display: block;
    position: absolute;
    transform-origin: bottom left;
    transform: rotate(-90deg) translate(-0.2em, 1.15em);
    color: var(--theme-page-header-text-color, black);
    opacity: 0.75;
    font-weight: bold;
    letter-spacing: -1pt;
    font-weight: bold;
    top: 9pt;
    left: 100%;
}

div#balisage-header>a {
    display: block;
    float: right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    height: 100px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: black;
    color: var(--theme-page-header-text-color, black);
}
div#balisage-header>nav.breadnav {
  display: none; /* no breadcrumbs in print */
}

div#balisage-header a.event-logo {
    float: left;
    display: block;
    margin-left: 3rem; /* make room for the menu */
}

h2.inline-heading {
    display: inline;
    font-size: 1rem;
}

details.toc {
  margin-top: 1.5rem;
}

a.smallinfo-inlinemediainfo {
    border-style: solid;
    border-color: black;
    border-radius: 0.3em;
    border-width: 0.3em;
    background-color: black;
    color: white;
    font-weight: bold;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}
a.smallinfo-inlinemediainfo::before {
    content: '[';
}
a.smallinfo-inlinemediainfo::after {
    content: ']';
}