/* Retro guestbook: loaded only on pages using the retro-guestbook template. */
.retro-guestbook {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}
.retro-guestbook hr {
  border: 0;
  height: 4px;
  background: repeating-linear-gradient(90deg, red 0 10px, orange 10px 20px, yellow 20px 30px, lime 30px 40px, cyan 40px 50px, blue 50px 60px, magenta 60px 70px);
  margin: 1.5em 0;
}
.rgb-thanks {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  color: yellow;
  text-shadow: 2px 2px 0 red;
}
.rgb-empty, .rgb-count {
  text-align: center;
  color: aqua;
}
.rgb-entry {
  border-collapse: collapse;
  border: 3px ridge silver;
  background: #000080;
  color: #fff;
}
.rgb-entry th, .rgb-entry td {
  border: 2px inset silver;
  vertical-align: top;
  text-align: left;
}
.rgb-entry th {
  background: #c0c0c0;
  color: #000;
  white-space: nowrap;
}
.rgb-number {
  font-size: 1.3em;
  color: #800000 !important;
}
.rgb-name {
  font-weight: bold;
  color: yellow;
}
.rgb-name a {
  color: aqua;
}
.rgb-name a:visited {
  color: violet;
}
.rgb-location {
  font-weight: normal;
  font-style: italic;
  color: #ccc;
  margin-left: .5em;
}
.rgb-message {
  overflow-wrap: anywhere;
}
.rgb-meta, .rgb-date {
  font-size: .9em;
  color: #ccc;
}
.rgb-sign {
  text-align: center;
  color: magenta;
}
.rgb-form {
  background: #c0c0c0;
  color: #000;
  border: 3px outset #fff;
  padding: 1em;
  text-shadow: none;
}
.rgb-form input[type="text"],
.rgb-form input[type="url"],
.rgb-form select,
.rgb-form textarea {
  font-family: "Courier New", monospace;
  border: 2px inset #fff;
  background: #fff;
  color: #000;
  max-width: 100%;
}
.rgb-form textarea {
  width: 100%;
  min-height: 8em;
}
.rgb-form button,
.rgb-form input[type="submit"] {
  font-family: inherit;
  background: #c0c0c0;
  border: 3px outset #fff;
  padding: .3em 1.2em;
  cursor: pointer;
}
.rgb-form button:active {
  border-style: inset;
}
.rgb-form .form-field {
  margin-bottom: .8em;
}
.rgb-form .form-label label {
  font-weight: bold;
}
.rgb-form .required {
  color: red;
}
.rgb-form .basic-captcha .form-input-prepend {
  display: inline-flex;
  align-items: center;
  gap: .5em;
}
.rgb-form .reload-captcha-button {
  width: 2em;
  height: 2em;
  padding: .2em;
}
.rgb-form .notices, .retro-guestbook .notices {
  padding: .5em;
  border: 2px dashed;
  font-weight: bold;
}