<commit_before>.home {

  .hero {
    margin-bottom: 30px;
    margin-top: 10px;

  }

  .hero-copy {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: $color-darkblue-2;
    margin-bottom: 10px;
    line-height: 1.3;
    .checklist-bullets {
      @include font-opensans;
    }
  }

  .step-card {

    &.inactive,
    &.inactive:hover {
      background-color: $white !important; // terrible, horrible, no good, very bad override over default hover
      .media-object-section {
        color: $color-mediumgray !important; // terrible, horrible, no good, very bad override over default hover
      }
    }

    .choice-section {
      cursor: pointer;
      display: inline-block;
      padding: 10px;
      color: $color-lightgray;
      background-color: $color-extralightgray;
      width: 50%;
      font-size: 18px;
      font-weight: normal;
      border: 2px solid $color-extralightgray;
      &:first-child {
        border-bottom-left-radius: $global-radius;
      }
      &:nth-child(2) {
        float: right;
        border-bottom-right-radius: $global-radius;
      }

      &.selected {
        font-weight: bold;
        background-color: $white;
        color: $color-darkblue-2;
        border-color: $color-darkblue-2;
        border-radius: 0.3rem;
      }
    }

    .choice-link {
      padding: 10px 0;
      border-top: 1px solid $color-extralightgray;
      border-top-left-radius: $global-radius;
      border-top-right-radius: $global-radius;
      background-color: $white;
      color: $color-darkblue-2;
    }
  }

  .choice-card {
    position: relative; // so that this becomes the relative parent for two 50% choice-section elements
    &:hover {
      background-color: initial;
    }
  }

  ul.step-group {
    .step-group-title {
      text-align: center;
      color: $white !important;
      box-shadow: 0px 1px 4px $color-mediumgray;

      .step-group-title-text {
        margin: 15px;
      }
    }

    &.plan .media-object { color: $color-darkblue-3; }
    &.launch .media-object { color: $color-darkblue-2; }
    &.grow .media-object { color: $color-darkblue; }

    .media-object:hover { color: $white; }

    &.accordion {
      margin-bottom: 0;
    }

    &.accordion,
    .accordion-content {
      border: none; // override for Foundation styling
    }

    .accordion-title {
      @include font-raleway;
      font-size: 20px;
      margin-bottom: 5px;
      border-radius: 0;<commit_msg>Stick toggle to bottom of step title on homepage<commit_after>.home {

  .hero {
    margin-bottom: 30px;
    margin-top: 10px;

  }

  .hero-copy {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: $color-darkblue-2;
    margin-bottom: 10px;
    line-height: 1.3;
    .checklist-bullets {
      @include font-opensans;
    }
  }

  .step-card {

    &.inactive,
    &.inactive:hover {
      background-color: $white !important; // terrible, horrible, no good, very bad override over default hover
      .media-object-section {
        color: $color-mediumgray !important; // terrible, horrible, no good, very bad override over default hover
      }
    }

    .choice-section {
      cursor: pointer;
      display: inline-block;
      padding: 10px;
      color: $color-lightgray;
      background-color: $color-extralightgray;
      width: 50%;
      font-size: 18px;
      font-weight: normal;
      border: 2px solid $color-extralightgray;
      &:first-child {
        border-bottom-left-radius: $global-radius;
      }
      &:nth-child(2) {
        float: right;
        border-bottom-right-radius: $global-radius;
      }

      &.selected {
        font-weight: bold;
        background-color: $white;
        color: $color-darkblue-2;
        border-color: $color-darkblue-2;
        border-radius: 0.3rem;
      }
    }

    .choice-link {
      padding: 10px 0;
      border-top: 1px solid $color-extralightgray;
      border-top-left-radius: $global-radius;
      border-top-right-radius: $global-radius;
      background-color: $white;
      color: $color-darkblue-2;
    }
  }

  .choice-card {
    position: relative; // so that this becomes the relative parent for two 50% choice-section elements
    &:hover {
      background-color: initial;
    }
  }

  ul.step-group {
    .step-group-title {
      text-align: center;
      color: $white !important;
      box-shadow: 0px 1px 4px $color-mediumgray;

      .step-group-title-text {
        margin: 15px;
      }
    }

    &.plan .media-object { color: $color-darkblue-3; }
    &.launch {
      .is-active .step-group-title { margin-bottom: 0; }
      .media-object { color: $color-darkblue-2; }
    }
    &.grow .media-object { color: $color-darkblue; }

    .media-object:hover { color: $white; }

    &.accordion {
      margin-bottom: 0;
    }

    &.accordion,
    .accordion-content {
      border: none; // override for Foundation styling
    }

    .accordion-title {
      @include font-raleway;
      font-size: 20px;
      margin-bottom: 5px;
      border-radius: 0;
{'fraction_non_alphanumeric': 0.130659253375695, 'fraction_numerical': 0.01687847498014297, 'mean_word_length': 2.058287795992714, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2541551', 'n_tokens_mistral': 1768, 'n_tokens_neox': 1656, 'n_words': 361}