/**********************************************************************\

Common styles for Blank Aspect pages

\**********************************************************************/

.alignCentre {
  text-align: center;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.continuationList {
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-top: 0.1em;
}

.list {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.monospace {
  font-family: monospace;
}

.noBottomMargin {
  margin-bottom: 0;
}

.noTopBottomMargin {
  margin-top: 0;
  margin-bottom: 0;
}

.noTopMargin {
  margin-top: 0;
}

a {
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a.external {
  padding-right: 1.3em;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

a.hideHover:hover {
  background-color: transparent;
  filter: brightness(1.0);
}

a img {
  border-style: none;
}

abbr {
  border-bottom: 1px dotted;
}

body {
  margin: 1.5em 3.0em;
  line-height: 150%;
}

div.example {
  display: table-cell;
  border: 1px solid;
  margin: 0.4em 0;
  padding: 0.3em 0.6em;
  font-size: 100%;
}

div.figure {
  margin: 2.0em 2.0em;
  font-style: italic;
  font-size: 83%;
}

div.image {
  margin-left: 2.0em;
}

div#lastModified {
  display: table;
  width: 100%;
  font-style: italic;
  font-size: 83%;
}
div#lastModified > div {
  display: table-row;
}
div#lastModified > div > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0.6em 0;
}
div#lastModified > div > div.image {
  text-align: right;
}

div.section {
  margin-top: 2.0em;
  padding-bottom: 1.5em;
  border-bottom: 3px solid;
}

div#title {
  display: flex;
  align-items: center;
  padding: 0.5em 1.5em;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
div#title > div {
  display: block;
  font-size: 160%;
  font-weight: bold;
  padding-right: 0.75em;
}

div#tocPlaceholder {
  border: 1px solid;
  padding: 1.0em;
}

dl.basic {
  margin-top: 0;
  margin-bottom: 0.7em;
}
dl.basic dd {
  margin-left: 2.0em;
}
dl.basic dt {
  margin-top: 0.4em;
  margin-left: 1.0em;
  font-weight: bold;
}
dl.basic dt.noBold {
  font-weight: normal;
}

h1 {
  font-weight: bold;
  font-size: 160%;
  text-align: center;
  margin-bottom: 1.5em;
}

h2 {
  font-weight: bold;
  font-size: 144%;
  margin-top: 1.5em;
  margin-bottom: 1.0em;
}

h3 {
  font-weight: bold;
  font-size: 128%;
  margin-top: 1.5em;
  margin-bottom: 1.0em;
}

h4 {
  font-weight: bold;
  font-size: 112%;
  margin-top: 1.5em;
  margin-bottom: 0.8em;
}

h5 {
  font-weight: bold;
  font-size: 100%;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
}

li.spaced {
  margin-bottom: 0.3em;
}

li.tocLevel1 {
  padding-left: 0;
  font-weight: bold;
}

li.tocLevel2 {
  font-weight: normal;
}

li.tocLevel3 {
  font-weight: normal;
}

ol.decimal {
  list-style-type: decimal;
}

ol.lowerAlpha {
  list-style-type: lower-alpha;
}

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

p.tableId {
  font-style: italic;
  font-size: 83%;
  margin: 0 2.0em 1.5em 2.0em;
}

p.tocLink {
  font-size: 82%;
  margin-top: 0;
  margin-bottom: 1.5em;
}

sub {
  font-size: 80%;
}

sup {
  font-size: 80%;
}

table {
  border-collapse: collapse;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  line-height: 150%;
}

th {
  border: 1px solid;
  padding: 0.2em 0.6em;
  text-align: left;
}

ul.toc {
  list-style: none;
}
ul.toc li {
  margin-left: -1.0em;
}

@media (prefers-color-scheme: light) {
  :root {
    --background-color: #F6F6F2;
  }

  .hiddenText {
    color: var(--background-color);
  }

  a:hover {
    filter: brightness(2.0);
  }

  a.external {
    background-image: url("../images/externalLink-light.svg");
  }

  abbr {
    border-bottom-color: #808080;
  }

  body {
    color: #000000;
    background-color: var(--background-color);
  }

  div.example {
    background-color: #F6F4DC;
    border-color: #E2E0C8;
  }
  div.example code {
    color: #404040;
  }

  div.section {
    border-bottom-color: #B4B8C8;
  }

  div#title {
    background-color: #E8ECF0;
    border-top-color: #D0D4D8;
    border-bottom-color: #D0D4D8;
  }
  div#title > div {
    color: #304868;
  }

  div#tocPlaceholder {
    border-color: #C0C0C0;
  }

  h1, h2, h3, h4, h5,
  h1 code, h2 code, h3 code, h4 code, h5 code {
    color: #304868;
  }

  th {
    background-color: #DEE2F0;
    border-color: #B4B8C8;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #202020;
  }

  .hiddenText {
    color: var(--background-color);
  }

  a:hover {
    filter: brightness(1.25);
  }

  a.external {
    background-image: url("../images/externalLink-dark.svg");
  }

  abbr {
    border-bottom-color: #A0A0A0;
  }

  body {
    color: #F4F4F4;
    background-color: var(--background-color);
  }

  div.example {
    background-color: #303448;
    border-color: #586070;
  }
  div.example code {
    color: #E0E0E0;
  }

  div.section {
    border-bottom-color: #606888;
  }

  div#title {
    background-color: #303448;
    border-top-color: #606480;
    border-bottom-color: #606480;
  }
  div#title > div {
    color: #E0C8A8;
  }

  div#tocPlaceholder {
    border-color: #606060;
  }

  h1, h2, h3, h4, h5,
  h1 code, h2 code, h3 code, h4 code, h5 code {
    color: #E0C890;
  }

  th {
    background-color: #303848;
    border-color: #606060;
  }
}

/*--------------------------------------------------------------------*/