/*
 * Base: reset, page background, type and links.
 * Ported rule by rule from the 2018 Enjin theme (#118997, design/replica/styles.css) in its
 * original order. No modern reset: Enjin's line-height:1 and content-box sizing shape every box.
 */

/* No background on the root: the body's fixed texture then fills the whole window at every scroll
   position, as on the 2018 page (the replica build had added a black root background; DECISIONS 44). */
:root {
  color-scheme: dark;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
sub,
sup,
var,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
header,
nav,
section,
footer {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

:focus {
  outline: 0;
}

/* Not in the 2018 theme (David's choice): a subtle outline for keyboard focus, so keyboard users
   can see where they are. :focus-visible means mouse clicks never show it. */
:focus-visible {
  outline: 1px dotted #e9bd7f;
  outline-offset: 1px;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

* {
  margin: 0;
  padding: 0;
}

a img {
  border: none;
}

h2 {
  font-size: 18px;
  font-weight: normal;
}

h3 {
  font-size: 14px;
}

input:-webkit-autofill {
  color: black !important;
}

html,
body {
  height: 100%;
}

.clearing {
  clear: both;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

p {
  line-height: 150%;
}

/* The texture is fixed to the window and, with no root background, covers it at every scroll
   position. */
body {
  background-color: #000;
  background-image: url('/img/theme/page-bg.jpg');
  background-repeat: repeat;
  background-position: left top;
  background-attachment: fixed;
  color: #d1cab3;
}

a {
  color: #e9bd7f;
}

a:hover,
a:focus {
  color: #fff;
}

body {
  margin: 0;
}

img {
  max-width: none;
}

/* Phones (below 768px; DECISIONS 84): no automatic text inflation when a phone turns sideways. */
@media (max-width: 767.98px) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
}