.ss-q-short, .ss-q-long, .ss-q-other {
  font-family: inherit !important;
  background: #fff !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  padding: .5rem .75rem !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important; }

.ss-q-long {
  width: 100%; }

.ss-q-title {
  font-weight: 600;
  padding: 15px 0px 5px 0px; }

.error-message, .required-message, .ss-q-help {
  font-style: italic;
  font-size: 0.8em; }

.ss-grid-row {
  text-align: center;
  color: #666;
  border-bottom: 1px solid #d3d8d3;
  padding: 0; }

.ss-gridrow, .ss-gridnumber {
  text-align: center;
  padding: 15px 0px;
  font-size: 0.95em; }

.ss-gridrow {
  border-bottom: 1px solid #d3d8d3; }

.ss-gridnumbers {
  text-align: center; }

.ss-gridrow-leftlabel {
  text-align: left; }

li.ss-choice-item {
  list-style: none; }

.ss-choices {
  padding-left: 0px; }

.ss-form-entry {
  padding-left: 0px; }

#submit-page {
  display: none;
  height: 302px;
  text-align: center;
  font-family: inherit;
  font-size: 20px;
  padding-top: 14%;
  line-height: 30px;
  font-weight: bold;
  color: #222222; }

.sentence {
  text-align: center;
  font-size: 2em;
  min-height: 350px;
  margin: 50px 0px 5px 0px; }
  @media (max-width: 480px) {
    .sentence {
      font-size: 1.2em;
      min-height: 200px; } }

.sentence-container {
  width: 100%; }

.caption {
  font-size: 0.75em;
  line-height: 1.2em;
  color: #656565; }

.highlight-text {
  background-color: #ffee00;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px; }

.highlight_quote {
  background-color: #ffee00;
  font-weight: 600; }

@-webkit-keyframes yellowflash {
  0% {
    background-color: #ffee00;
    opacity: 0.2; }
  22% {
    background-color: #ffee00; }
  77% {
    background-color: #ffee00; }
  100% {
    background-color: #ffee00; } }

.yellowflash {
  -webkit-animation-name: yellowflash;
  -webkit-animation-duration: 700ms;
  -webkit-animation-iteration-count: 1;
  /*  -webkit-animation-timing-function: ease-in-out; */ }

.chosen-single {
  background-color: #fff;
  opacity: 1; }

@-webkit-keyframes grayflash {
  0% {
    background-color: #ccc;
    opacity: 0; }
  22% {
    background-color: #ccc; }
  77% {
    background-color: #ccc; }
  100% {
    background-color: #ccc; } }

.grayflash {
  -webkit-animation-name: grayflash;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: 1;
  /*  -webkit-animation-timing-function: ease-in-out; */ }

/* for randomizer button */
.playButton {
  cursor: pointer;
  width: 100px;
  background-color: #e03324;
  color: #fff;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  position: relative;
  margin: 0 auto 50px auto;
  border-radius: 3px;
  font-size: 1em;
  line-height: 1.5rem; }
  @media (max-width: 480px) {
    .playButton {
      font-size: 0.89em; } }

.timerLabel {
  float: left;
  text-transform: uppercase;
  padding: 10px 5px 10px 0px;
  font-size: 0.9em;
  color: #ccc; }

.progress-bar {
  height: 3px;
  background-color: #ffee00;
  bottom: 0;
  left: 0;
  width: 0;
  position: absolute;
  z-index: 1; }

.submission_meta {
  text-align: center;
  font-size: 1em;
  margin: 20px 0px 50px 0px;
  color: #888; }
  @media (max-width: 480px) {
    .submission_meta {
      font-size: 0.85em; } }

.legal_header {
  font-size: 1.4em;
  font-weight: 600;
  margin: 40px 0px 30px 0px; }

.legal_description {
  font-weight: 600;
  color: #525252; }

.legal_description_container {
  padding: 0px 0px 0px 25px; }
  @media (max-width: 480px) {
    .legal_description_container {
      padding: 0px; } }

.legal_art {
  padding: 0px 10px 0px 0px; }
  @media (max-width: 480px) {
    .legal_art {
      padding: 0px 0px 20px 0px; } }

.legal_graph {
  padding-bottom: 1.5rem; }

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