input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  box-shadow: none;
}

/* Dark mode button: */
.theme-switcher {
  background-color: transparent;
  background-image: url("openmwMoon.png");
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  position: fixed;
  right: 0.8em;
  top: 0.6em;
  z-index: 3;
  border: none;
  height: 1.6em;
  width: 1.6em;
  font-size: 20px;
  color: #404040;
  transition: all 0.1s ease-in-out;
}

body,
.wy-nav-content-wrap,
.wy-nav-content,
.section,
.highlight,
.rst-content div[class^="highlight"],
.wy-nav-content a,
.btn-neutral,
.btn,
footer,
.wy-nav-side,
.wy-menu-vertical li,
.wy-menu-vertical a,
.wy-side-nav-search .wy-dropdown,
.wy-side-nav-search a,
.wy-side-nav-search input,
html.writer-html4 .rst-content dl:not(.docutils) > dt,
html.writer-html5
  .rst-content
  dl[class]:not(.option-list):not(.field-list):not(.footnote):not(
    .glossary
  ):not(.simple)
  > dt,
.rst-content code,
.rst-content tt,
html.writer-html4 .rst-content dl:not(.docutils) dl:not(.field-list) > dt,
html.writer-html5
  .rst-content
  dl[class]:not(.option-list):not(.field-list):not(.footnote):not(
    .glossary
  ):not(.simple)
  dl:not(.field-list)
  > dt,
code,
.rst-content code.xref,
.rst-content tt.xref {
  transition: all 0.2s ease-in-out;
}

/* Copied from luadoc.css: */

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* Lua function tables */
table.function_list {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-collapse: collapse;
}
table.function_list td {
  border-width: 1px;
  padding: 3px;
  border-style: solid;
  border-color: #cccccc;
}

table.function_list td.name {
  background-color: #f0f0f0;
}
table.function_list td.summary {
  width: 100%;
}

dl.table dt,
dl.function dt {
  border-top: 1px solid #ccc;
  padding-top: 1em;
}
dl.table dd,
dl.function dd {
  padding-bottom: 1em;
  margin: 10px 0 0 20px;
}
dl.table h3,
dl.function h3 {
  font-size: 0.95em;
}

/* Lua code blocks */
pre.example {
  background-color: #333333;
  border: 1px solid #414141;
  padding: 10px;
  margin: 10px 0 10px 0;
  overflow-x: auto;
  font-weight: bold;
}

/* Other code blocks */
/* Option 1: Dark Console */
div.highlight {
  background-color: #333333;
  border: 1px solid #414141;
  padding: 10px;
  margin: 10px 0 10px 0;
  overflow-x: auto;
  color: #e4e4e4;
  font-weight: bold;
}
/* Option 2: Soft Beige */
/* div.highlight {
    background-color: #e0dad5;
    border: 1px solid #2c2c2c;
    padding: 10px;
    margin: 10px 0 10px 0;
    overflow-x: auto;
    color: #131313;
    font-weight: bold;
} */

/* Lua code text */
pre.example code {
  color: #e4e4e4;
  background-color: #333333;
  border: none;
  white-space: pre;
  padding: 0px;
  font-weight: bold;
}

/* Links */
a:not(:link) {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  cursor: inherit;
}
a:link {
  font-weight: bold;
  color: #6696b6;
  text-decoration: none;
}
a:visited {
  font-weight: bold;
  color: #4d6a91;
  text-decoration: none;
}
a:link:hover {
  text-decoration: underline;
}

/* Main Page */
div.wy-nav-content {
  background-color: #efefef;
}

/* Section Headers */
span.caption-text {
  color: #747575;
}

/* Search Bar Container */
div.wy-side-nav-search {
  background-image: url("header.jpeg");
  background-size: cover;
  background-position: center;
}

/* List */
li {
  margin: -4px 0;
}

/* Toctree List */
div.toctree-wrapper.compound {
  background-color: #e2e2e2;
  padding: 16px;
  border: 1px solid #cccccc;
  margin-bottom: 16px;
}

/* table.function_list {
    background: #cfcfcf;
    border-color: #4e4e4e;
    border: 1px solid #6e6e6e;
}

td.name {
    background-color: #cfcfcf;
    border: 1px solid #9c9c9c;
}

td.summary {
    background-color: #dfdfdf;
    border: 1px solid #9c9c9c;
} */

.wy-nav-top {
  background-image: url("header.jpeg");
  background-size: cover;
  background-position: center;
}

/* Logo Hover Effect */
img.logo {
  --a: 2deg;
  width: 250px;
  aspect-ratio: 1;
  border-radius: 20px;
  transform: perspective(400px)
    rotate3d(var(--r, 1, -1), 0, calc(var(--i, 1) * var(--a)));
  -webkit-mask: linear-gradient(135deg, #000c 40%, #000, #000c 60%) 100% 100%/250%
    250%;
  transition: 0.4s;
  cursor: pointer;
}

img.logo:hover {
  --i: -1;
  -webkit-mask-position: 0 0;
}