:root {
  --optonic-blue: #1c2463;
  --primary-color: #093491;
  --lightest-grey: #fcfcfc;
  --light-grey: #f5f5f5;
  --grey: #eee;
  --dark-grey: #444;

  --content-area-color: var(--lightest-grey);
}

.wy-nav-content-wrap {
  background-color: transparent; /* override */
}

.wy-grid-for-nav {
  min-height: 100%;
  height: inherit;
}

.wy-body-for-nav {
  background-color: var(--content-area-color);
}

.wy-nav-content {
  max-width: 50em;
  height: 100%;
  background-color: var(--content-area-color);
}

.wy-menu-vertical p.caption {
  color: white;
}

.wy-menu-vertical li.toctree-l1.current a,
.wy-menu-vertical li.current a {
  border: none;
}

.admonition.note .admonition-title {
  background: var(--primary-color) !important;
}

.admonition.note {
  background: #bbd7ec !important;
}

.highlight {
  background: #d6d6d6 !important;
}

/* Tables */

.rst-content table.docutils {
  width: 100%;
  min-width: 43em;
}

.rst-content table.docutils th {
  white-space: normal; /* override */
  vertical-align: top;
  padding: 8px 12px 4px;
}

.rst-content table.docutils td {
  white-space: normal; /* override */
  vertical-align: top;
  padding: 8px 12px 4px;
}

.rst-content table.docutils th p {
  font-weight: bold !important;
}

.rst-content table.docutils td p {
  line-height: 24px;
}

table,
th,
td {
  border: 1px solid #d6d6d6 !important;
}

table th p {
  margin-bottom: 0;
}

table td ul.simple:last-child {
  margin-bottom: 0;
}

dl.simple dt {
  padding: 2px 6px;
}

/* Field list nested in definition list */
dl > dd > dl.field-list {
  margin-bottom: 12px !important;
}
dl > dd > dl.field-list > dt {
  padding: 0 !important;
  min-width: 50px;
}
dl > dd > dl.field-list > dd p,
dl > dd > dl.field-list > dd > dl.field-list {
  margin-bottom: 0 !important;
}

dt:has(code)::after {
  content: "" !important;
}

.wy-nav-content a:not(.btn):hover {
  text-decoration: underline;
}

.wy-nav-content a:not(.btn) {
  color: var(--primary-color) !important;
}

div.admonition ul:last-child,
.ui.tab div[class^="highlight"]:last-child {
  margin-bottom: 0;
}

.navbar .navbar-menu > div > .navbar-item,
.navbar .navbar-menu > div > .navbar-item > .navbar-item {
  min-width: 80px;
  justify-content: center;
}

div.clearer {
  clear: both;
}

details,
details > summary {
  margin: 0 0 24px;
}