@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,1000,3000,4000,7000,9001,1001,3001,4001,7001,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,1000,3000,4000,7000,9001,1001,3001,4001,7001,900&display=swap");
main {
  background: #ffffff;
}

body.archive main {
  background: none;
}
body.archive main article {
  background: white;
}

nav {
  background: #442874;
}
nav ul li a, nav ul li a:visited {
  color: #ffffff;
  background: #ffffff00;
}
nav ul li a:hover, nav ul li a:visited:hover {
  color: #fd9928;
  background: #7b6c99;
}

.button {
  background: #442874;
  color: white;
}
.button:hover {
  background: #7b6c99;
  color: white;
  text-shadow: 1px 1px 2px black;
}

footer#colophon {
  background: #1d1033;
  background: -moz-linear-gradient(0deg, #1d1033 14%, #442874 79%);
  background: -webkit-linear-gradient(0deg, #1d1033 14%, #442874 79%);
  background: linear-gradient(0deg, #1d1033 14%, #442874 79%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1033",endColorstr="#442874",GradientType=1);
}

a {
  color: #442874;
}

nav {
  z-index: 3;
}
nav ul li:last-of-type a {
  background: #ff6a0640;
}

a.play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: grid;
  align-items: center;
  justify-items: center;
}
a.play:hover .playbutton {
  box-shadow: 1px 1px 2px #00000070;
  margin-top: 2px;
  margin-left: 2px;
}
a.play .playbutton {
  background: #fd9928;
  padding: 0.25em;
  border-radius: 100%;
  width: 2em;
  height: 2em;
  display: grid;
  justify-items: center;
  align-items: center;
  box-shadow: 3px 3px 5px #00000070;
}
a.play .playbutton span {
  width: 0;
  height: 0;
  border-top: 0.6em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-left: 1em solid #d9e9ff;
  display: block;
  left: 0.1em;
  position: relative;
}

body {
  font-family: "Lato", sans-serif;
}

nav ul li a {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
}

h1 {
  font-weight: 300;
  line-height: 1em;
  color: white;
  text-shadow: 1px 1px 1px #000000b0;
}
h1.entry-title {
  max-width: 999px;
  margin: 1em auto;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  font-size: 2.8em;
}
@media only screen and (max-width: 768px) {
  h1.entry-title {
    font-size: 1.8em;
    margin: 1em auto 0.25em auto;
  }
}

h2 {
  font-style: italic;
  font-size: 2.3em;
  margin: 0 0 1em 0;
  color: #442874;
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 2.1em;
  }
}

section h2 {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #why, #rrpmod {
    font-size: 0.7em;
  }
}

#mod1 ul, #mod2 ul {
  padding: 0;
  margin: 0 0 0 1.5em;
}
@media only screen and (max-width: 768px) {
  #mod1 ul, #mod2 ul {
    font-size: 0.8em;
    grid-column: 1/span 2;
  }
}
#mod1 ul li, #mod2 ul li {
  font-size: 1.2em;
  margin-bottom: 1em;
  list-style: none;
}
#mod1 ul li:before, #mod2 ul li:before {
  content: "•";
  color: #fd9928;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

body {
  background: #fd9928;
}

header {
  display: grid;
  background: #1d1033;
  background: -moz-linear-gradient(0deg, #1d1033 14%, #442874 79%);
  background: -webkit-linear-gradient(0deg, #1d1033 14%, #442874 79%);
  background: linear-gradient(0deg, #1d1033 14%, #442874 79%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1033",endColorstr="#442874",GradientType=1);
}
@media only screen and (min-width: 768px) {
  header {
    grid-template-columns: 1fr max-content;
    background: none;
  }
}
header .site-branding {
  width: 80px;
  padding: 0.25em;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  header .site-branding {
    width: 160px;
    padding: 1em;
    margin: 0;
  }
}
@media only screen and (min-width: 1540px) {
  header .site-branding {
    width: 20vmin;
  }
}

.splash {
  display: grid;
  position: relative;
  padding: 1em 1em 10em 1em;
  background: #fd9928;
  background: -moz-linear-gradient(top, #fd9928 0%, #fd5a28 100%);
  background: -webkit-linear-gradient(top, #fd9928 0%, #fd5a28 100%);
  background: linear-gradient(to bottom, #fd9928 0%, #fd5a28 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fd9928", endColorstr="#fd5a28",GradientType=0 );
}
@media only screen and (min-width: 768px) {
  .splash {
    height: 45vmin;
  }
}
.splash .content {
  top: 40px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .splash .content {
    margin: -4em auto 0 auto;
    align-self: center;
    justify-self: center;
    width: 100%;
    max-width: 1333px;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  .splash .content .button {
    max-width: 200px;
    display: inline-block;
    line-height: 1em;
    text-align: center;
  }
}
.splash .background {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  opacity: 0.2;
}

.button {
  padding: 1em 2em;
  box-shadow: 3px 3px 15px -5px black;
  border-radius: 2em;
  text-decoration: none;
  font-weight: bold;
  color: white;
  position: relative;
  top: -2px;
  left: -2px;
  text-shadow: 1px 1px 1px #000000b0;
  transition: all 0.1s linear;
}
.button:hover {
  box-shadow: 1px 1px 15px -7px black;
  top: 0px;
  left: 0px;
  text-shadow: 0px 0px 1px #000000b0;
  transition: all 0.1s linear;
}

article {
  max-width: 999px;
  margin: 1em auto;
  display: block;
}

main {
  display: grid;
}

.page-take-action #twitter {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-gap: 2em;
  row-gap: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .page-take-action #twitter {
    grid-template-columns: 1fr;
  }
}
.page-take-action #twitter .feed {
  font-size: 0.7em;
  font-weight: 300;
	display:grid;
}

.video {
  width: 320px;
  border: 8px solid #f7f7f7;
  box-shadow: 2px 2px 20px #0000005c;
  position: relative;
  top: -2px;
  border-radius: 0.5em;
}
@media only screen and (max-width: 768px) {
  .video {
    width: 100%;
    max-width: 320px;
  }
}
.video img {
  display: grid;
  width: 100%;
  border-radius: 0.5em;
}
.video:hover {
  box-shadow: 0px 0px 10px #00000070;
  top: 0px;
}

#reopen {
  max-width: 1333px;
  grid-gap: 1em;
  margin: 1em auto;
  font-size: 2.75em;
  font-size: clamp(1rem, 6.85vw, 4.5em);
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 1em 1em;
}
@media only screen and (min-width: 768px) {
  #reopen {
    grid-template-columns: 1fr max-content;
    font-size: clamp(1rem, 4.75vw, 4.5em);
    padding: 0;
  }
}
#reopen .video {
  width: 100%;
  border: 12px solid #f7f7f7;
  box-shadow: 2px 2px 20px #0000005c;
  position: relative;
  top: -2px;
  justify-self: end;
  border-radius: 0.5em;
}
#reopen .video img {
  display: grid;
  width: 100%;
  border-radius: 0.5em;
}
#reopen .video:hover {
  box-shadow: 0px 0px 10px #00000070;
  top: 0px;
}
#reopen .stack {
  justify-self: center;
}
#reopen .stack span {
  display: block;
  line-height: 0.9em;
}
#reopen .stack span.a {
  text-transform: uppercase;
  font-weight: 300;
  color: black;
  letter-spacing: 0.15em;
}
#reopen .stack span.b {
  text-transform: uppercase;
  font-weight: 900;
  color: #b5d3fb;
  font-size: 1.66em;
  text-shadow: 1px 1px 1px #000000b0;
}
#reopen .stack span.c {
  color: #fd9928;
  font-style: italic;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000000b0;
}

footer#colophon {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  padding: 2em;
}
@media only screen and (min-width: 768px) {
  footer#colophon {
    grid-template-columns: 100px 1fr;
    padding: 2em 6em;
  }
}

section {
  padding: 1em 1em;
}
@media only screen and (min-width: 768px) {
  section {
    padding: 3em 1em;
  }
}

p.employ {
  margin: 0;
  font-size: 1.8em;
  font-size: clamp(1em, 2.5vw, 2.25em);
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  background: #442874;
  padding: 0.25em 1em;
  color: white;
}
p.employ b {
  color: #fd9928;
}

section#hear {
  text-align: center;
  background: #d9e9ff;
  display: grid;
  justify-items: center;
}
section#hear h2 {
  font-size: clamp(1em, 4vw, 4em);
  margin: -16px auto 16px auto;
  text-shadow: none;
}

#videos {
  margin: 0;
  padding: 0;
  display: grid;
  width: 100%;
  max-width: 999px;
  grid-template-columns: 1fr;
  grid-gap: 2em;
}
@media only screen and (min-width: 768px) {
  #videos {
    grid-template-columns: 1fr 1fr;
  }
}
#videos div {
  display: grid;
  height: 0;
  padding-bottom: 58%;
  margin: 1em;
  float: left;
  border: 10px solid white;
  position: relative;
  box-shadow: 2px 2px 20px #0000005c;
  border-radius: 2em;
}

section#why {
  display: grid;
  justify-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  section#why {
    padding-bottom: 14em;
    margin-bottom: -10em;
  }
}
section#why .content {
  display: grid;
  max-width: 768px;
  grid-gap: 2em;
}
@media only screen and (min-width: 768px) {
  section#why .content {
    grid-template-columns: 1fr 1fr;
  }
}
section#why .content .image {
  padding-bottom: 56%;
  border: 7px solid #f7f7f7;
  box-shadow: 2px 2px 20px #0000005c;
  background-size: cover;
  background-position: center center;
  border-radius: 1.5em;
}
section#why .content p {
  text-align: center;
  font-size: 1.6em;
  line-height: 1.3em;
}
section#why .content p b {
  display: block;
  line-height: 1em;
  font-size: 2em;
  font-style: italic;
}
section#why .content p b sup {
  font-size: 0.5em;
}
section#why .content .col_1 {
  display: grid;
  grid-gap: 1em;
}
section#why .content .col_1 p b {
  color: #442874;
}
section#why .content .col_2 {
  display: grid;
  grid-gap: 1em;
}
section#why .content .col_2 p b {
  color: #fd9928;
}

.site-info {
  font-size: 0.75em;
  opacity: 0.5;
  text-align: right;
  justify-self: end;
  transition: all 0.1s linear;
  color: white;
}
.site-info:hover {
  opacity: 0.85;
  transition: all 0.1s linear;
}
.site-info a {
  text-decoration: none;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 2px black;
}
.site-info a:hover {
  color: #d9e9ff;
}

.ferris_wheel {
  border: 0;
  box-sizing: content-box !important;
  transform: translateX(0%) translateY(2%) scale(0.65, 0.65);
  position: absolute;
  right: 0;
  bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .ferris_wheel {
    position: absolute;
    bottom: 39px;
    right: 10%;
    transform: translateX(-40%) translateY(-82%) scale(1.75, 1.75);
  }
}

#sendemail {
  background: #fd9928;
  background: -moz-linear-gradient(top, #fd9928 0%, #fd5a28 100%);
  background: -webkit-linear-gradient(top, #fd9928 0%, #fd5a28 100%);
  background: linear-gradient(to bottom, #fd9928 0%, #fd5a28 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fd9928", endColorstr="#fd5a28",GradientType=0 );
}
@media only screen and (min-width: 768px) {
  #sendemail {
    padding-top: 12em;
    margin-top: -10em;
  }
}
#sendemail .content {
  width: max-content;
  margin: 0 auto;
}
#sendemail .content a {
  text-decoration: none;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  grid-gap: 1em;
  position: relative;
  top: -4px;
  left: -2px;
  transition: all 0.1s linear;
}
#sendemail .content a:hover {
  top: 0;
  left: 0;
  transition: all 0.1s linear;
}
#sendemail .content a img {
  width: 50px;
}
@media only screen and (min-width: 768px) {
  #sendemail .content a img {
    width: 120px;
  }
}
@media only screen and (max-width: 768px) {
  #sendemail .content a img {
    width: 35px;
  }
}
#sendemail .content h2 {
  color: white;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1.4em;
  font-size: 1em;
  margin: 0;
  font-size: 1em;
}
@media only screen and (min-width: 768px) {
  #sendemail .content h2 {
    font-size: 2em;
  }
}
@media only screen and (min-width: 1540px) {
  #sendemail .content h2 {
    font-size: 3em;
  }
}
#sendemail .content h2 b {
  display: block;
  font-weight: 900;
  font-size: 2.1em;
  letter-spacing: -0.05em;
}
#sendemail .content h2 b span {
  color: #d9e9ff;
}

#sendletter {
  background-image: url("https://capa.local/wp-content/uploads/2021/01/CAPA1.png");
  background-size: cover;
  box-shadow: 2px 2px 20px #0000005c;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  width: 100%;
  display: grid;
  justify-items: center;
  align-items: center;
  max-width: 1333px;
  position: relative;
  z-index: 1;
  padding: 2em 0;
  border-radius: 2em;
}
@media only screen and (max-width: 768px) {
  #sendletter {
    padding: 1em;
    border-radius: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  #sendletter {
    height: 20em;
    border: 7px solid #f7f7f7;
  }
}
#sendletter .button {
  font-size: 2em;
  background: #442874b0;
}
@media only screen and (max-width: 768px) {
  #sendletter .button {
    font-size: 1em;
  }
}
#sendletter .button:hover {
  background: #442874;
}

#primary {
  max-width: 999px;
  margin: 0 auto 2em;
  padding: 2em;
  border-radius: 2em;
}
@media only screen and (max-width: 768px) {
  #primary {
    padding: 1em;
    border-radius: 0;
  }
}

.bctt-ctt-text a {
  font-weight: 400;
  font-size: 1em;
}

h2.missing {
  font-style: normal;
  font-weight: 300;
  line-height: 1.4em;
  margin: 0;
  font-size: 23px;
  margin-top: 11px;
  margin-bottom: 2em;
}

.ctf-header-no-bio {
  color: #fd9928;
}

.ctf-tweet-text a {
  color: #442874;
  text-decoration: none;
}
.ctf-tweet-text a:hover {
  color: #7b6c99;
}

.ctf-author-screenname, .ctf-author-name {
  text-decoration: none;
  font-weight: bold;
  color: #1b95e0 !important;
}

.ctf-author-screenname {
  color: #949494 !important;
}

.ctf-tweet-date {
  text-decoration: none;
  font-weight: bold;
  color: #bdbdbd !important;
}

.splash h1 {
  text-transform: uppercase;
  font-size: 2em;
  font-size: clamp(1em, 8.5vw, 2.5em);
  font-weight: 300;
}
@media only screen and (min-width: 768px) {
  .splash h1 {
    font-size: 3em;
    top: 0;
  }
}
.splash h1 b {
  font-weight: 900;
  font-size: 1.52em;
  color: #b5d3fb;
}
.splash h1 span {
  font-size: 1.025em;
  font-weight: 900;
  line-height: 1em;
  top: -0.11em;
  position: relative;
}

nav {
  border-radius: 0 0 0 1em;
  justify-self: end;
  align-self: start;
}
nav ul li a {
  padding: 1em 2em;
  text-align: center;
  transition: all 0.1s ease-in;
}
nav ul li a:hover {
  padding: 1.3em 2em 0.7em;
  transition: all 0.1s ease-out;
}
nav ul li:first-of-type a {
  border-radius: 0 0 0 1em;
}

body.archive nav a {
  color: white;
}
body.archive a {
  text-decoration: none;
  color: black;
}
body.archive article {
  background: white;
  padding: 1.5em;
  border-radius: 1em;
  box-shadow: 5px 5px 10px #00000070;
  position: relative;
  top: -5px;
  left: -5px;
  transition: all 0.1s ease-out;
}
@media only screen and (max-width: 768px) {
  body.archive article {
    font-size: 0.8em;
  }
}
body.archive article a {
  text-decoration: none;
  color: black;
}
body.archive article:hover {
  top: 0px;
  left: 0px;
  transition: all 0.1s ease-out;
}
body.archive article:hover .the-date {
  margin-left: -1.5em;
  transition: all 0.1s ease-in;
}
body.archive article h2 {
  color: black;
  text-shadow: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2em;
  font-size: 2em;
}
@media only screen and (max-width: 768px) {
  body.archive article h2 {
    font-size: 1.5em;
  }
}
body.archive article .the-date {
  background: #442874;
  color: white;
  padding: 0.33em 1em;
  display: grid;
  margin-left: -2em;
  justify-self: start;
  justify-items: start;
  width: max-content;
  margin-bottom: 1em;
  box-shadow: 2px 2px 5px #00000070;
  transition: all 0.15s ease-in;
}

body.single article h1.entry-title {
  color: black;
  text-shadow: none;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  line-height: 1.2em;
  font-size: 2.2em;
  text-align: left;
}
body.single article .the-date {
  background: #442874;
  color: white;
  padding: 0.33em 1em;
  display: grid;
  margin-left: -2.5em;
  justify-self: start;
  justify-items: start;
  width: max-content;
  margin-bottom: 1em;
  box-shadow: 2px 2px 5px #00000070;
}
@media only screen and (max-width: 768px) {
  body.single article .the-date {
    margin-left: -1em;
  }
}

body.category-inthenews a {
  display: grid;
}
@media only screen and (min-width: 768px) {
  body.category-inthenews a article {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 2em;
    row-gap: 0;
    font-size: 1em;
  }
  body.category-inthenews a article .the-date {
    grid-area: 1/1/2/3;
  }
  body.category-inthenews a article .entry-title {
    grid-area: 2/2/3/3;
    align-self: end;
    margin: 0;
    font-size: 1.8em;
  }
  body.category-inthenews a article .source-logo {
    grid-area: 2/1/4/2;
    width: 200px;
    align-self: center;
  }
  body.category-inthenews a article .entry-content {
    grid-area: 3/2/4/3;
    align-self: start;
    margin: 0;
  }
}

.continue {
  display: grid;
  align-items: center;
  justify-items: start;
  grid-gap: 1em;
  border-radius: 0.5em;
  grid-template-columns: auto 1fr;
}
.continue a {
  text-decoration: none;
  color: #bbbbbb;
  font-size: 1.5em;
}
.continue a:nth-of-type(2) {
  width: 120px;
}

ul.chart {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.chart li {
  display: grid;
  grid-template-columns: auto 100px 1fr 50px 1fr;
  grid-gap: 0.75em;
  margin-bottom: 15px;
}
ul.chart li b {
  text-align: center;
}
ul.chart li * {
  margin: 0;
  display: grid;
  align-items: center;
}
ul.chart li span {
  background: #fd9928;
  color: white;
  padding: 1em;
  text-align: center;
  line-height: 1em;
  font-size: 0.8em;
  font-weight: bold;
}
ul.chart li p {
  background: #eeeeee;
  padding: 1em;
  font-size: 0.8em;
}
ul.chart li img {
  align-self: center;
}
@media only screen and (max-width: 768px) {
  ul.chart li {
    grid-template-columns: auto 1fr;
    margin-bottom: 3em;
    text-align: center;
  }
  ul.chart li span {
    padding: 0.4em;
    border-radius: 2em;
  }
  ul.chart li b {
    display: none;
  }
  ul.chart li img {
    width: 50px;
  }
  ul.chart li img:nth-of-type(even) {
    grid-column: 1/3;
    transform: rotate(90deg);
    width: 50px;
    margin: -0.75em auto;
  }
  ul.chart li p {
    grid-column: 1/3;
    border-radius: 0.5em;
  }
  ul.chart li p:nth-of-type(2) {
    font-weight: bold;
  }
}

#mod1 ul {
  padding: 0;
  list-style: none;
  padding: none;
  margin: 0;
}
#mod1 ul li {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1em;
  margin-bottom: 1em;
  align-items: center;
}
#mod1 ul li:before {
  content: "";
  background-image: url("../img/bullet.svg");
  background-position: center center;
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  display: inline-block;
}

.subject {
  display: grid;
  grid-template-columns: auto auto;
  background: #eeeeee;
  border: 1px solid #cccccc;
  position: relative;
  width: max-content;
  float: left;
}
@media only screen and (max-width: 768px) {
  .subject {
    width: 100%;
    font-size: 0.8em;
    grid-column: 1/span 2;
  }
}
.subject i {
  position: absolute;
  top: 2px;
  left: 1.5em;
  font-style: normal;
  font-size: 0.5em;
  text-transform: uppercase;
}
.subject .copy {
  background: #cccccc;
  font-size: 2em;
  padding: 0 0.25em;
}
.subject #subtext {
  padding: 0.75em;
}

.letter {
  display: grid;
  grid-template-columns: auto auto;
  background: #eeeeee;
  border: 1px solid #cccccc;
  position: relative;
  grid-column: span 2;
}
.letter i {
  position: absolute;
  top: 2px;
  left: 1.5em;
  font-style: normal;
  font-size: 0.5em;
  text-transform: uppercase;
}
.letter .copy {
  background: #cccccc;
  font-size: 2em;
  padding: 0 0.25em;
  position: absolute;
  top: 0;
  right: 0;
}
.letter #lettertext {
  padding: 1.75em;
}
.letter #lettertext p {
  margin-bottom: 1em;
}

.steps {
  display: grid;
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 4px solid #442874;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .steps {
    padding: 0em;
    grid-gap: 1em;
    grid-template-columns: 1fr;
    padding-bottom: 1em;
  }
}
.steps h3 {
  grid-column: 1/span 2;
  margin: 0;
}
.steps p {
  margin: 0;
}
.steps .button {
  grid-column: 2;
}
@media only screen and (max-width: 768px) {
  .steps .button {
    grid-column: 1/span 2;
  }
}
.steps ul {
  padding: 0;
  margin: 0 0 0 1.5em;
}
@media only screen and (max-width: 768px) {
  .steps ul {
    font-size: 0.8em;
    grid-column: 1/span 2;
  }
}
.steps ul li {
  font-size: 1.2em;
  margin-bottom: 1em;
  list-style: none;
}
.steps ul li:before {
  content: "•";
  color: #fd9928;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#step3 {
  border-bottom: none;
  padding-bottom: 0;
}

#step1 p {
  grid-column: span 2;
}

ul.graphics {
  margin: 0;
  padding: 0;
  list-style: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2em;
}
@media only screen and (max-width: 768px) {
  ul.graphics {
    grid-template-columns: 1fr;
  }
}
ul.graphics li {
  list-style: none;
  display: grid;
  justify-items: center;
  grid-gap: 1em;
  margin-bottom: 1em;
}
ul.graphics li .title {
  font-size: 0.8em;
}
ul.graphics li .button {
  padding: 0.4em 1em;
  font-size: 0.9em;
}
ul.graphics li img {
  border: 1px solid #eeeeee;
  box-shadow: 2px 2px 5px #cccccc;
}

#twitter h1 {
  color: #442874;
  text-shadow: none;
}
@media only screen and (max-width: 768px) {
  #twitter h1 {
    font-size: 1em;
    text-align: center;
    line-height: 1.2em;
  }
  #twitter h1:nth-of-type(2) {
    font-size: 2em;
  }
}
#twitter h1:nth-of-type(2) {
  margin-top: 2em;
}

@media only screen and (max-width: 768px) {
  .tweets h3 {
    font-size: 0.8em;
    text-align: center;
  }
}

body.page-id-139 {
  background: #442874;
}
body.page-id-139 main#primary {
  background: none;
  max-width: 1333px;
}
@media only screen and (max-width: 768px) {
  body.page-id-139 main#primary {
    padding: 0em;
    width: 100%;
  }
}
body.page-id-139 main#primary article {
  background: white;
  padding: 2em;
  border-radius: 2em;
  box-shadow: 2px 0px 20px 11px #00000085;
  margin-top: 5em;
}
@media only screen and (max-width: 768px) {
  body.page-id-139 main#primary article {
    border-radius: 0;
    padding: 1em;
  }
}
@media only screen and (max-width: 768px) {
  body.page-id-139 h2 {
    font-size: 1.5em;
  }
}

.next-down {
  transform: rotate(90deg);
  width: 90px;
  display: block;
  margin: -45px auto 40vh auto;
}

#step4 {
  grid-template-columns: auto 1fr;
  grid-gap: 1em;
  align-items: center;
  overflow-x: clip;
  position: relative;
}
#step4 h2, #step4 h3 {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  #step4 h2, #step4 h3 {
    font-size: 0.8em;
  }
}

#rrpmod {
  padding: 8em 2em;
}
@media only screen and (max-width: 768px) {
  #rrpmod {
    padding: 0.5em;
  }
}
#rrpmod .inner {
  display: grid;
  justify-items: center;
}
#rrpmod .inner .button {
  background: #fd9928;
  background: -moz-linear-gradient(top, #fd9928 0%, #fd5a28 100%);
  background: -webkit-linear-gradient(top, #fd9928 0%, #fd5a28 100%);
  background: linear-gradient(to bottom, #fd9928 0%, #fd5a28 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fd9928", endColorstr="#fd5a28",GradientType=0 );
}
#rrpmod .inner h2 {
  color: white;
  text-shadow: 1px 1px 3px black;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 900;
  line-height: 1em;
}
#rrpmod .inner h2 span {
  display: block;
  font-size: 0.6em;
  font-weight: normal;
}

.checkbox {
  width: 60px;
  height: 60px;
  border: 9px solid #fd9928;
  cursor: pointer;
  grid-area: 1/1/2/2;
  margin-top: 35px;
}
.checkbox.checked_:after {
  content: "✓";
  color: green;
  font-size: 5em;
  position: relative;
  top: -40px;
}

.unchecked {
  position: absolute;
  left: 75px;
  transition: all 0.2s linear;
}
.unchecked.hide {
  left: 3000px;
  transition: all 0.2s linear;
}

.checked {
  position: absolute;
  left: -3000px;
  transition: all 0.2s linear;
}
.checked.show {
  left: 75px;
  transition: all 0.2s linear;
}

h1.entry-title.rrp {
  background: #ff6b11d9;
  padding: 2em;
  margin-top: 17vh;
  border-radius: 1em;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  h1.entry-title.rrp {
    font-size: 1.6em;
    padding: 0.75em 0.75em 2em;
    border-radius: 0;
  }
}
h1.entry-title.rrp:after {
  content: "The Amusement Park Industry has spent many months preparing to responsibly reopen. Click through the plan to learn more.";
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  text-transform: initial;
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid white;
}

#rrpmod .inner {
  background: #442874bd;
  padding: 2em;
  border-radius: 2em;
  width: 100%;
  margin: 0 auto;
  max-width: 832px;
}

.shouldreopen {
  background: #442874;
  text-align: center;
  padding: 3em 1em;
  font-size: 0.8em;
  display: grid;
}
@media only screen and (max-width: 768px) {
  .shouldreopen {
    font-size: 10px;
    font-size: 2.8vw;
  }
}
@media only screen and (min-width: 999px) {
  .shouldreopen {
    font-size: 2vmax;
    font-size: clamp(12px, 2vmin, 22px);
  }
}
.shouldreopen h2, .shouldreopen h3, .shouldreopen p {
  margin: 0;
  line-height: 1.2em;
}
.shouldreopen h2 {
  color: white;
  line-height: 1.05em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 6px solid #ffffff1a;
  display: inline-block;
}
.shouldreopen h3 {
  color: white;
  font-weight: normal;
  line-height: 2em;
  text-transform: uppercase;
}
.shouldreopen h3 b {
  font-weight: 900;
  color: #b5d3fb;
}
.shouldreopen h3 b.orange {
  color: #fd9928;
}
.shouldreopen h3 b.hash {
  text-transform: initial;
  font-size: 2em;
}
.shouldreopen h3 span {
  display: block;
  text-shadow: 1px 1px 1px #000000b0;
}
.shouldreopen h3 span:first-of-type {
  font-size: 0.8em;
  line-height: 1.2em;
}
.shouldreopen h3 span:nth-of-type(2) {
  font-size: 0.96em;
  line-height: 1em;
  color: #b5d3fb;
}
.shouldreopen h3 span:last-of-type {
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 0;
}
.shouldreopen a.button {
  background: #fd7328;
  justify-self: center;
  margin-top: 1em;
  padding: 0.5em 1em;
}
@media only screen and (max-width: 768px) {
  .shouldreopen a.button {
    font-size: 0.76em;
  }
}
.shouldreopen a.button b {
  font-weight: 900;
  text-transform: initial;
}

.shouldreopen .inner-container {
  max-width: 1600px;
  grid-template-columns: auto max-content;
  display: grid;
  width: min-content;
  grid-gap: 1em;
  align-items: center;
  margin: 0 auto;
  justify-items: center;
}
@media only screen and (max-width: 768px) {
  .shouldreopen .inner-container {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=theme.css.map */