/* Classic SEQTA 404 page — scoped under html.bsplus-kitten-404 so it never leaks into the SPA. */

html.bsplus-kitten-404 {
  background: #333;
}
html.bsplus-kitten-404 body {
  background: #333;
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 12pt;
  color: #aaa;
  margin: 8px;
  padding: 0;
  display: block;
  line-height: normal;
  letter-spacing: normal;
}

html.bsplus-kitten-404 .bsplus-kitten-404-hidden {
  display: none !important;
}

html.bsplus-kitten-404 .bsplus-kitten-404 {
  width: 600px;
  margin: 64px auto;
  background: #222;
  border-radius: 4px;
  box-shadow: -1px -1px rgba(0, 0, 0, 0.5),
    1px 1px rgba(255, 255, 255, 0.2);
  padding: 0 0 8px;
  text-align: center;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > h1 {
  background: #612;
  background-image: repeating-linear-gradient(
      135deg,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0) 8px,
      rgba(0, 0, 0, 0.05) 8px,
      rgba(0, 0, 0, 0.05) 16px
    ),
    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  color: #fff;
  padding: 8px;
  border-radius: 4px 4px 0 0;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  font-size: 150%;
  font-weight: normal;
  margin: 0 0 16px;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > p {
  padding: 8px;
  margin: 0;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  font-style: italic;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > p > a {
  color: #729fcf;
  text-decoration: none;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > .kitten {
  font-size: 70%;
  padding: 24px 0;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > .kitten > p {
  color: #666;
  font-style: italic;
  margin: 0 0 8px;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > .kitten > .attrib {
  color: #333;
  font-size: 80%;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > .kitten > .attrib > a {
  color: inherit;
  text-decoration: none;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > .kitten > img {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 0 4px #000;
}

html.bsplus-kitten-404 .bsplus-kitten-404 > a {
  display: block;
  padding: 8px;
  margin: 0 8px 0 auto;
  width: 100px;
  text-align: center;
  color: #444;
  background: #111;
  text-decoration: none;
  font-size: 80%;
  border-radius: 4px;
  box-shadow: inset 1px 1px rgba(0, 0, 0, 0.5);
}
