html, body {
  background: var(--background-color);
  color: var(--color);
}

.comment blockquote {
  word-break: break-word;
}

img {
  border: none;
}

a {
  color: #34345c;
}

a:visited {
  color: #34345c;
}

a:hover {
  color: #dd0000;
}

.js, .js a {
  color: black;
  text-decoration: none;
}

.js:hover, .js a:hover {
  color: red;
  text-decoration: underline;
}

.thumb, .nothumb {
  float: left;
  margin: 2px 20px;
}

.doubledash {
  vertical-align: top;
  clear: both;
  float: left;
}

.inline {
  vertical-align: top;
}

.reply {
  background: var(--darker-background-color);
  padding: 2px 10px 2px 2px;
}

.subreply {
  background-color: var(--even-darker-background-color);
}

.highlight {
  background: #d6bad0;
}

.unkfunc {
  color: #789922;
}

.postername {
  color: var(--dark-text-color);
  font-weight: bold;
  text-decoration: none;
}

.postertrip {
  color: #228854;
  text-decoration: none;
}

a.tooltip span, a.tooltip-red span {
  display: none;
}

.motd {
  font-weight: normal !important;
  position: relative
}

.patreon {
  background-color: #f1465a;
}

.patreon-link {
  color: rgb(5, 45, 73) !important;
  text-decoration: none;
}

.reply .fileinfo {
  margin-left: 20px;
}

.break-all {
  word-break: break-all;
}

@media only screen and (orientation: portrait) {
  /* Align with quoted-by */
  .comment blockquote {
    margin-left:  25px;
    margin-right: 0;
  }

  .subreply td input {
    width: calc(100% - 4px);
  }

  .subreply td textarea {
    width: calc(100% - 6px);
  }
}