.checkbox-validation-message {
  display: block;
  font-size: 16px;
  color: $purple;
  font-weight: $weight-sbold;
  margin: 6px 0;
}

.schoolfinder-results {
  list-style: none;
  margin: 16px 0;
  padding: 0;

  a {
    display: block;
    padding: 8px 0;

    @include media($tablet) {
      padding: 0;
    }

    &:hover {
      text-decoration: none;

      span {
        text-decoration: underline;
      }
    }

    &.is-selected {
      span {
        color: #000;

        &:before {
          content: "\2713\00a0";
          color: $purple;
        }
      }

      &:hover span {
        text-decoration: none;
      }
    }
  }

  em {
    display: block;
    color: $med-gray;
    font-weight: $weight-normal;
    font-style: normal;

    @include media($tablet) {
      display: inline;

      &:before {
        content: "\00a0\2014\00a0"; // em-dash
      }
    }
  }
}

.schoolfinder-showmore {
  font-size: $font-small;

  a {
    position: relative;
    display: inline-block;
    padding-right: 24px;

    &:after {
      @include icomoon-icon;
      content: " \e609";
      color: $med-gray;
      font-size: 16px;
      position: absolute;
      top: 1px;
      right: 6px;
      transform: rotate(0deg);
    }
  }
}

.schoolfinder-help {
  border: 1px solid $light-gray;
  border-radius: $sm-border-radius;
  margin-bottom: 16px;
  padding: 16px;

  ol {
    margin: 0 0 27px;
  }
}
