.paras {
  padding: 0.25rem;
}

* {
  box-sizing: border-box;
}

body, img, a, div, span, button, form, figure, figcaption,
p, em, strong, h1, h2, h3, h4, h5, h6, input, iframe,
table, td, th, tr, ol, ul, small, li, hr, base, section, i, q, b, u, dt, dl, dd {
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  text-decoration: none;
}

body {
  font-family: sans-serif;
  font-style: normal;
  background-attachment: fixed;
  font-size: large;
  color: white;
  z-index: 50;
}

H1, H2, H3, H4, H5, H6, em, strong, b {
  font-weight: bold;
  text-align: center;
}

p, iframe, ol, ul, h1, h2, h3, h4, h5, h6 {
  padding: 0.25rem;
}

strong, u {
  text-decoration: underline;
}

i {
  font-style: italic;
  font-weight: normal;
}

ul {
  list-style-type: square;
}

ul ul {
  list-style-type: disc;
}

ul ul li {
  font-style: italic;
}

ul, ol {
  padding: 0 0 0 2rem;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
  text-align: left;
}

li {
  margin: 0.25rem 0.25rem 0.25rem 0;
}

dt {
  font-weight: bold;
  color: #ebebeb;
}

dd {
  padding-left: 2rem;
}

hr {
  height: 0px;
  background: transparent;
  width: 100%;
  clear: both;
}

h1, .h1 {
  font-size: 1.4rem;
  color: white;
}

h2, .h2 {
  font-size: 1.2rem;
  color: white;
}

h3, .h3 {
  font-size: 1.1rem;
  color: white;
}

h1, h2, h3, h4, h5, h6 {
  width: 100%;
  padding: 0.5rem;
  text-shadow: 2px 2px 2px black;
}

H4 {
  font-size: 1.06rem;
}

H5 {
  font-size: 1.03rem;
}

H6 {
  font-size: 1rem;
}

p, dl {
  margin: 0;
  padding: 0.25rem;
}

a:link, a:visited, a, .anchor:link, .anchor:visited, .anchor {
  color: yellow;
  cursor: pointer;
}
a:hover, .anchor:hover {
  color: orange;
}
a:active, .anchor:active {
  color: orangeRed;
}

a.enc-lnk {
  display: inline-block;
  border: 0px solid black;
}
a.enc-lnk img.enc-img,
a.enc-lnk img.enc-img-hover {
  height: 1em;
  width: auto;
  vertical-align: top;
  display: inline-block;
}
a.enc-lnk img.enc-img-hover {
  display: none;
}

.block {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}

.inline-block {
  display: inline-block;
}

.preload {
  height: 1px;
  width: 1px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.tbl {
  display: table;
  width: 100%;
}

.grp {
  display: contents;
}

.row {
  display: table-row;
}

.cel, .hdr {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.cel.left, .hdr.left {
  text-align: left;
}
.cel.top, .hdr.top {
  vertical-align: top;
}

table {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  border-style: solid;
  border-width: 0.25rem;
  border-radius: 0.25rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
  padding: 0;
  width: 100%;
  border-radius: 0.5rem;
}

td {
  border-style: solid;
  border-width: 0.25rem;
  border-radius: 0.25rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 0.5rem;
  margin: 0;
  border-radius: 0;
  text-shadow: 0px 0px 2px black;
}

th {
  border-style: solid;
  border-width: 0.25rem;
  border-radius: 0.25rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: black;
  background-color: rgba(255, 255, 255, 0.3);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding: 0.5rem;
  margin: 0;
  border-radius: 0;
  text-shadow: 0px 0px 2px white;
  font-weight: bold;
}

.center {
  text-align: center;
}

button, button:visited, .button, .button:visited {
  width: 10rem;
  font-weight: bold;
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: yellow;
  background-color: rgba(0, 255, 0, 0.2);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
}
button:hover, .button:hover {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: yellow;
  background-color: rgba(0, 255, 0, 0.3);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
}
button:active, .button:active {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: #b87700;
  background-color: rgba(0, 26, 26, 0.3);
  border-top-color: rgba(0, 0, 0, 0.9);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.5);
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3);
}

figure {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.4);
  background-clip: content-box;
  border: 0.25rem solid transparent;
  max-width: 20rem;
}
figure.top.right {
  float: right;
  margin: 0 0 0 0.5rem;
  border-width: 0;
  border-radius: 0 0 0 1.5rem;
}
figure.top.right img {
  border-radius: 0;
}
figure.top.right figcaption {
  border-radius: 0 0 0 1.5rem;
}
figure.top.left {
  float: left;
  margin: 0 0.5rem 0 0;
  border-width: 0;
  border-radius: 1.5rem 0 0 0;
}
figure.top.left img {
  border-radius: 1.5rem 0 0 0;
}
figure.top.left figcaption {
  border-radius: 0 0 1.5rem 0;
}
figure.half {
  max-width: 12.4rem;
}
figure.bottom.right {
  float: right;
  margin: 0 0 0 0.5rem;
  border-radius: 1.5rem 0 0 0;
  border: 0;
}
figure.bottom.right img {
  border-radius: 1.5rem 0 0 0;
}
figure.bottom.right figcaption {
  border-radius: 0;
}
figure.right {
  float: right;
  margin: 0 0 0.5rem 0.5rem;
  border-radius: 1.5rem 0 0 1.5rem;
  border-width: 0;
}
figure.right img {
  border-radius: 1.5rem 0 0 0;
}
figure.right figcaption {
  border-radius: 0 0 0 1.5rem;
}
figure.left {
  float: left;
  margin: 0 0.5rem 0.5rem 0;
  border-radius: 0 1.5rem 1.5rem 0;
  border-width: 0;
}
figure.left img {
  border-radius: 0 1.5rem 0 0;
}
figure.left figcaption {
  border-radius: 0 0 1.5rem 0;
}
figure.bottom.left {
  float: left;
  margin: 0 0.5rem 0 0;
  border-radius: 0 1.5rem 0 0;
  border: 0;
}
figure.bottom.left img {
  border-radius: 0 1.5rem 0 0;
}
figure.bottom.left figcaption {
  border-radius: 0;
}
figure.center {
  margin: 0 auto 0.5rem auto;
}
figure.center figcaption {
  border-radius: 0 0 1.5rem 1.5rem;
}
figure img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  max-height: 24rem;
}
figure figcaption {
  max-width: 100%;
  font-style: italic;
  background: rgba(85, 85, 85, 0.9);
  color: white;
  font-size: 0.7rem;
  padding: 0.25rem;
}

body {
  background: #3d3d3d url(/img/bkg/hats-only-sml.png) repeat;
}

#page-wrapper {
  max-width: 60rem;
  margin: 0 auto;
}

.podcast-name {
  color: yellow;
  font-style: italic;
}

.shade-default {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.15);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
}

.logo {
  float: right;
  max-width: 15rem;
}

.menu {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.15);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
  text-align: center;
  vertical-align: top;
}
.menu .button {
  display: inline-block;
}

.homepage .menu a.homepage, .homepage .menu a.homepage:visited, .homepage .menu a.homepage:hover, .homepage .menu a.homepage:active,
.episodes .menu a.episodes,
.episodes .menu a.episodes:visited,
.episodes .menu a.episodes:hover,
.episodes .menu a.episodes:active,
.reasons .menu a.reasons,
.reasons .menu a.reasons:visited,
.reasons .menu a.reasons:hover,
.reasons .menu a.reasons:active,
.contact .menu a.contact,
.contact .menu a.contact:visited,
.contact .menu a.contact:hover,
.contact .menu a.contact:active,
.games .menu a.games,
.games .menu a.games:visited,
.games .menu a.games:hover,
.games .menu a.games:active,
.games .menu a.games-home,
.games .menu a.games-home:visited,
.games .menu a.games-home:hover,
.games .menu a.games-home:active,
.isaiah-or-engrish .menu a.isaiah-or-engrish,
.isaiah-or-engrish .menu a.isaiah-or-engrish:visited,
.isaiah-or-engrish .menu a.isaiah-or-engrish:hover,
.isaiah-or-engrish .menu a.isaiah-or-engrish:active,
.isaiah-or-engrish .menu a.games,
.isaiah-or-engrish .menu a.games:visited,
.isaiah-or-engrish .menu a.games:hover,
.isaiah-or-engrish .menu a.games:active,
.wheel-of-affect .menu a.wheel-of-affect,
.wheel-of-affect .menu a.wheel-of-affect:visited,
.wheel-of-affect .menu a.wheel-of-affect:hover,
.wheel-of-affect .menu a.wheel-of-affect:active,
.wheel-of-affect .menu a.games,
.wheel-of-affect .menu a.games:visited,
.wheel-of-affect .menu a.games:hover,
.wheel-of-affect .menu a.games:active,
.bless-me-daddy .menu a.bless-me-daddy,
.bless-me-daddy .menu a.bless-me-daddy:visited,
.bless-me-daddy .menu a.bless-me-daddy:hover,
.bless-me-daddy .menu a.bless-me-daddy:active,
.bless-me-daddy .menu a.games,
.bless-me-daddy .menu a.games:visited,
.bless-me-daddy .menu a.games:hover,
.bless-me-daddy .menu a.games:active {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: white;
  background-color: rgba(219, 219, 219, 0.2);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
  cursor: default;
}

.title .subtitle {
  color: #ececec;
  font-style: italic;
  font-weight: normal;
}

mark.disagrees {
  font-style: italic;
  color: white;
  background: rgba(88, 0, 0, 0.8);
  display: inline-block;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

span.sister, em, span.brother, span.elder, strong, span.guest {
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
}

.brother, .paul, .Paul, em {
  color: #90c0ff;
}

.sister, .patience, .Patience, strong {
  color: #ffc0ff;
}

.elder, .guest, .Guest {
  color: #ffffc0;
}

.episodes .date, .episodes .count {
  color: black;
  text-shadow: none;
}
.episodes td.title {
  background: rgba(0, 0, 0, 0.288);
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
}
.episodes tr.trailer .about {
  color: black;
  text-shadow: 0px 0px 4px #dadada;
}
.episodes tr.free .about {
  color: #002015;
  text-shadow: 0px 0px 4px #00b400;
}
.episodes tr.special .about {
  color: #00293c;
  text-shadow: 0px 0px 4px #0064e7;
}
.episodes tr.paid .about {
  color: #380000;
  text-shadow: 0px 0px 4px yellow;
}
.episodes .back-to-all-episodes .button {
  display: inline-block;
  width: 15rem;
}
.episodes .book-season h3 {
  text-align: left;
}

.episode {
  padding: 0.5rem;
}
.episode h1, .episode h2, .episode h3, .episode h4, .episode h5, .episode h6 {
  text-align: left;
}
.episode img, .episode video {
  display: block;
  max-width: 30%;
  margin: 0 auto;
}
.episode img.episode-image, .episode video.episode-image {
  display: inline-block;
  max-width: 50%;
  margin: 0;
}
.episode pre {
  color: #a0ffa0;
  text-shadow: 2px 2px 2px black;
  font-weight: bold;
}
.episode .player .cel {
  width: 50%;
}
.episode .player video {
  max-width: 100%;
}

.reasons .book-cover {
  height: 8rem;
  width: auto;
}
.reasons i {
  font-size: 2rem;
  vertical-align: middle;
}
.reasons i.i-book {
  font-size: 2.4rem;
}
.reasons .cel {
  border-top: 0.25rem solid rgba(255, 255, 255, 0.1);
  padding: 0.5rem;
}
.reasons .cel:last-child {
  background: rgba(0, 0, 0, 0.2);
  color: white;
}
.reasons .cel:last-child .subtitle {
  color: #cecece;
  font-size: 1rem;
  font-style: italic;
}
.reasons h2, .reasons h3 {
  text-align: left;
}
.reasons h3 {
  background: rgba(0, 0, 0, 0.3);
}

.episode.guid-2021-04-10 .decorated-pages {
  text-align: center;
  position: relative;
  padding: 0;
}
.episode.guid-2021-04-10 .decorated-pages .vmiddle {
  display: inline-block !important;
  vertical-align: middle;
  max-width: 30%;
  min-width: 16rem;
}

.feed-link {
  font-weight: bold;
}
.feed-link p {
  text-align: center;
}
.feed-link input {
  font-size: 1.1rem;
  font-weight: bold;
  color: white;
  font-family: monospace;
  width: 100%;
  text-shadow: 1px 1px 1px black;
  text-align: center;
}
.feed-link input:link, .feed-link input:visited, .feed-link input {
  color: yellow;
  cursor: pointer;
}
.feed-link input:hover {
  color: orange;
}
.feed-link input:active {
  color: orangeRed;
}

.wheel-of-affect .wheelhouse {
  position: relative;
}
.wheel-of-affect .wheelhouse svg {
  height: 100%;
  width: 100%;
  vertical-align: bottom;
}
.wheel-of-affect .wheelhouse .spinbutton {
  position: absolute;
  height: 20%;
  width: 20%;
  top: 40%;
  left: 40%;
  border-radius: 50%;
  border-width: 2vw;
  background: rgba(0, 128, 0, 0.5);
  margin: 0 !important;
}
.wheel-of-affect .wheelhouse .spinbutton:hover {
  border-style: solid;
  border-width: 50%;
  border-radius: 50%;
  margin: 0.25rem;
  padding: 0.25rem;
  color: yellow;
  background-color: rgba(0, 180, 0, 0.555);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
}
.wheel-of-affect .wheelhouse .spinbutton:active {
  border-style: solid;
  border-width: 50%;
  border-radius: 50%;
  margin: 0.25rem;
  padding: 0.25rem;
  color: #b87700;
  background-color: rgba(0, 10, 1, 0.508);
  border-top-color: rgba(0, 0, 0, 0.9);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.5);
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3);
}

.bless-me-daddy form {
  background: rgba(255, 255, 255, 0.5);
}
.bless-me-daddy .control {
  margin: 0 2rem;
  position: relative;
}
.bless-me-daddy .control input {
  width: 100%;
  font-size: 1.3rem;
  font-family: "Courier Prime", monospace;
  text-align: left;
  padding: 0.6rem 0.3rem;
}
.bless-me-daddy .control select {
  margin: 0.3rem;
}
.bless-me-daddy .generate {
  text-align: center;
}
.bless-me-daddy .generate .nay-pdf, .bless-me-daddy .generate .yay-pdf {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.15);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
  width: 90% !important;
  font-size: 1.2rem;
}
.bless-me-daddy .generate .nay-pdf .i-pdf, .bless-me-daddy .generate .yay-pdf .i-pdf {
  font-size: 1.5rem;
  vertical-align: middle;
}
.bless-me-daddy .generate .yay-pdf, .bless-me-daddy .generate .yay-pdf:visited {
  width: 10rem;
  font-weight: bold;
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: yellow;
  background-color: rgba(0, 255, 0, 0.2);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
}
.bless-me-daddy .generate .yay-pdf:hover {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: yellow;
  background-color: rgba(0, 255, 0, 0.3);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(0, 0, 0, 0.07);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(255, 255, 255, 0.15);
  text-shadow: 1px 1px 1px black;
}
.bless-me-daddy .generate .yay-pdf:active {
  border-style: solid;
  border-width: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.25rem;
  padding: 0.25rem;
  color: #b87700;
  background-color: rgba(0, 26, 26, 0.3);
  border-top-color: rgba(0, 0, 0, 0.9);
  border-right-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  border-left-color: rgba(0, 0, 0, 0.5);
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.3);
}
.bless-me-daddy form [class^=nay], .bless-me-daddy form [class^=yay] {
  text-align: center;
  display: none;
}
.bless-me-daddy form.nay-blessdate .nay-blessdate, .bless-me-daddy form.yay-blessdate .yay-blessdate, .bless-me-daddy form.nay-blessnumber .nay-blessnumber, .bless-me-daddy form.yay-blessnumber .yay-blessnumber, .bless-me-daddy form.nay-name-full .nay-name-full, .bless-me-daddy form.yay-name-full .yay-name-full, .bless-me-daddy form.nay-birthdate .nay-birthdate, .bless-me-daddy form.yay-birthdate .yay-birthdate, .bless-me-daddy form.nay-birthplace .nay-birthplace, .bless-me-daddy form.yay-birthplace .yay-birthplace, .bless-me-daddy form.nay-father .nay-father, .bless-me-daddy form.yay-father .yay-father, .bless-me-daddy form.nay-mother .nay-mother, .bless-me-daddy form.yay-mother .yay-mother, .bless-me-daddy form.nay-patriarch .nay-patriarch, .bless-me-daddy form.yay-patriarch .yay-patriarch, .bless-me-daddy form.nay-stake .nay-stake, .bless-me-daddy form.yay-stake .yay-stake, .bless-me-daddy form.nay-tribe-defined .nay-tribe-defined, .bless-me-daddy form.yay-tribe-defined .yay-tribe-defined {
  display: block;
  font-size: 0.7rem;
  line-height: 0.6rem;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.bless-me-daddy form.nay-blessdate .blessdate input, .bless-me-daddy form.nay-blessnumber .blessnumber input, .bless-me-daddy form.nay-name-full .name-full input, .bless-me-daddy form.nay-birthdate .birthdate input, .bless-me-daddy form.nay-birthplace .birthplace input, .bless-me-daddy form.nay-father .father input, .bless-me-daddy form.nay-mother .mother input, .bless-me-daddy form.nay-patriarch .patriarch input, .bless-me-daddy form.nay-stake .stake input, .bless-me-daddy form.nay-tribe-defined .tribe-defined input {
  background: rgba(255, 177, 177, 0.5);
}
.bless-me-daddy form.yay-blessdate .blessdate input, .bless-me-daddy form.yay-blessnumber .blessnumber input, .bless-me-daddy form.yay-name-full .name-full input, .bless-me-daddy form.yay-birthdate .birthdate input, .bless-me-daddy form.yay-birthplace .birthplace input, .bless-me-daddy form.yay-father .father input, .bless-me-daddy form.yay-mother .mother input, .bless-me-daddy form.yay-patriarch .patriarch input, .bless-me-daddy form.yay-stake .stake input, .bless-me-daddy form.yay-tribe-defined .tribe-defined input {
  background: rgba(170, 255, 170, 0.5);
}
.bless-me-daddy form .tribe-defined {
  display: none;
}
.bless-me-daddy form.nay-tribe-select .tribe-select .control, .bless-me-daddy form.nay-hs .hs .control, .bless-me-daddy form.nay-spawn .spawn .control, .bless-me-daddy form.nay-spouse .spouse .control, .bless-me-daddy form.nay-gender .gender .control, .bless-me-daddy form.nay-mission .mission .control {
  background: rgba(255, 177, 177, 0.5);
}
.bless-me-daddy form.nay-tribe-select .tribe-select .control select, .bless-me-daddy form.nay-hs .hs .control select, .bless-me-daddy form.nay-spawn .spawn .control select, .bless-me-daddy form.nay-spouse .spouse .control select, .bless-me-daddy form.nay-gender .gender .control select, .bless-me-daddy form.nay-mission .mission .control select {
  color: maroon;
}
.bless-me-daddy form.yay-tribe-select .tribe-select .control, .bless-me-daddy form.yay-hs .hs .control, .bless-me-daddy form.yay-spawn .spawn .control, .bless-me-daddy form.yay-spouse .spouse .control, .bless-me-daddy form.yay-gender .gender .control, .bless-me-daddy form.yay-mission .mission .control {
  background: rgba(170, 255, 170, 0.5);
}
.bless-me-daddy form.yay-tribe-select .tribe-select .control select, .bless-me-daddy form.yay-hs .hs .control select, .bless-me-daddy form.yay-spawn .spawn .control select, .bless-me-daddy form.yay-spouse .spouse .control select, .bless-me-daddy form.yay-gender .gender .control select, .bless-me-daddy form.yay-mission .mission .control select {
  color: #006507;
}
.bless-me-daddy form.meh-tribe-select .tribe-select .control {
  background: rgba(249, 255, 127, 0.3);
}
.bless-me-daddy form.meh-tribe-select .tribe-select .control select {
  color: #654f00;
}
.bless-me-daddy form.meh-tribe-select .tribe-defined {
  display: block;
}
.bless-me-daddy form .yay-pdf {
  display: none;
}
.bless-me-daddy form .nay-pdf {
  display: inline-block;
}
.bless-me-daddy form.yay-blessdate.yay-blessnumber.yay-name-full.yay-birthdate.yay-birthplace.yay-father.yay-mother.yay-patriarch.yay-stake.yay-hs.yay-spawn.yay-spouse.yay-gender.yay-mission.yay-tribe-select .yay-pdf, .bless-me-daddy form.yay-blessdate.yay-blessnumber.yay-name-full.yay-birthdate.yay-birthplace.yay-father.yay-mother.yay-patriarch.yay-stake.yay-hs.yay-spawn.yay-spouse.yay-gender.yay-mission.meh-tribe-select.yay-tribe-defined .yay-pdf {
  display: inline-block;
}
.bless-me-daddy form.yay-blessdate.yay-blessnumber.yay-name-full.yay-birthdate.yay-birthplace.yay-father.yay-mother.yay-patriarch.yay-stake.yay-hs.yay-spawn.yay-spouse.yay-gender.yay-mission.yay-tribe-select .nay-pdf, .bless-me-daddy form.yay-blessdate.yay-blessnumber.yay-name-full.yay-birthdate.yay-birthplace.yay-father.yay-mother.yay-patriarch.yay-stake.yay-hs.yay-spawn.yay-spouse.yay-gender.yay-mission.meh-tribe-select.yay-tribe-defined .nay-pdf {
  display: none;
}
.bless-me-daddy .heading {
  font-size: 0.8rem;
  color: black;
  text-shadow: none;
  text-align: left;
  padding-bottom: 0;
}
.bless-me-daddy p {
  color: black;
  text-shadow: none;
}
.bless-me-daddy .pbless-header {
  font-size: 1.2rem;
  text-align: left;
  font-weight: bold;
  border-bottom: 0.1rem solid black;
}
.bless-me-daddy .pbless-logo {
  width: 30%;
}
.bless-me-daddy .pbless-logo img {
  width: 80%;
  height: auto;
  text-align: center;
}
.bless-me-daddy .pbless-controls {
  border-bottom: 0.1rem solid black;
}
.bless-me-daddy .right-of-logo .cel, .bless-me-daddy .argh .cel, .bless-me-daddy .dates .cel, .bless-me-daddy .folks .cel, .bless-me-daddy .blessing .cel {
  border-top: 0.1rem solid black;
}
.bless-me-daddy .blessnumber, .bless-me-daddy .birthplace, .bless-me-daddy .mother, .bless-me-daddy .stake {
  border-left: 0.1rem solid black;
}
.bless-me-daddy .selects {
  background: rgba(0, 0, 255, 0.1);
}
.bless-me-daddy .selects .control, .bless-me-daddy .selects input {
  border-radius: 0.3rem;
}

@media all and (max-width: 35rem) {
  .tbl, .grp, .row, .cel, .hdr {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
}
@media all and (max-width: 30rem) {
  .logo {
    float: none;
    display: block;
    margin: 0 auto;
  }
}