/**
 * Overrides
 */

/* Turn off errors by default */
.signup__error {
  display: none;
}

/* message */
.signup__message {
  display: none;
  font-size: 2rem;
  max-width: 40rem;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  padding: 2rem;
  margin: 2rem;
  background-color: #F0A747;
  color: #fff;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  text-align: center;
}

/* Don't show sub form by default */
.signup__subform {
  display: none;
}

/* Fake iframe */
.no-target {
  display: none;
}

/* Email only signup */
.signup-email-message {
  display: none;
}

/* Scheduled notes */
.signup-phone-midweek {
  display: none;
}
.signup-phone-postweek {
  display: none;
}

/* contingency */
body .contingency {
  display: none;
}
body.contingency .non-contingency {
  display: none;
}

/* text maintenance */
body .text-maintenance {
  display: none;
}
body.text-maintenance .non-text-maintenance {
  display: none;
}

/* Challenge image fixes */
.challenge:nth-of-type(2),
.challenge:nth-of-type(2) .challenge__details {
  background-color: #15bddd;
}
.challenge:nth-of-type(2).is-inactive .challenge__day {
  color: #15bddd;
  border-color: #15bddd;
}
.challenge:nth-of-type(2) .challenge__background {
  background-image: url("../static/images/challenge-blue.png");
}

.challenge:nth-of-type(3),
.challenge:nth-of-type(3) .challenge__details {
  background-color: #1da088;
}
.challenge:nth-of-type(3).is-inactive .challenge__day {
  color: #1da088;
  border-color: #1da088;
}
.challenge:nth-of-type(3) .challenge__background {
  background-image: url("../static/images/challenge-green.png");
}

.challenge:nth-of-type(4),
.challenge:nth-of-type(4) .challenge__details {
  background-color: #ef5492;
}
.challenge:nth-of-type(4).is-inactive .challenge__day {
  color: #ef5492;
  border-color: #ef5492;
}
.challenge:nth-of-type(4) .challenge__background {
  background-image: url("../static/images/challenge-pink.png");
}

.challenge:nth-of-type(5),
.challenge:nth-of-type(5) .challenge__details {
  background-color: #f05247;
}
.challenge:nth-of-type(5).is-inactive .challenge__day {
  color: #f05247;
  border-color: #f05247;
}
.challenge:nth-of-type(5) {
   background-color: #f05247;
}
.challenge:nth-of-type(5) .challenge__background {
  background-image: url("../static/images/challenge-red.png");
}

/* Some minor fixes */
.signup__step-done {
  text-align: center;
}

.note-to-self-logo {
  width: 300px;
  max-width: 100%;
}

body .signup__step {
  padding: 0 0 6rem;
}

.is-inactive {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.results__heading {
  max-width: 13em;
}
@media only screen and (max-width: 780px) {
  .results__heading {
    max-width: 9em;
  }
}
.results__heading a {
  color: #ef5492;
  text-decoration: none;
  border-bottom: 0.1em solid #15bddd;
  padding-bottom: 0;
}
.results__heading a:hover {
  color: #15bddd;
}

.results__date {
  text-decoration: none;
}
.results__date:hover {
  background-color: #ef5492;
}

.results__date span {
  font-size: 0.6em;
}
.results__date:hover span {
  color: #FFFFFF;
}

@media only screen and (max-width: 780px) {
  body .signup__error {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }

  .hero {
    background-position: left center;
  }
}

.signup__legal {
  max-width: 60rem;
  margin: 0 auto 1em auto;
  text-align: left;
}

.signup__button .fa,
.signup__next .fa,
.signup__back .fa {
  display: none;
}

.signup__button.disabled,
.signup__next.disabled,
.signup__back.disabled {
  opacity: 0.5;
}
.signup__button.disabled:hover,
.signup__next.disabled:hover,
.signup__back.disabled:hover {
  background-color: inherit;
  cursor: inherit;
}

.signup__button.disabled .fa,
.signup__next.disabled .fa,
.signup__back.disabled .fa {
  display: inline-block;
}

.signup__next.disabled .fa {
  margin-left: 0.5em;
}

.signup__button.disabled svg,
.signup__next.disabled svg,
.signup__back.disabled svg {
  display: none;
}