<commit_before>// Testimonials -------------------------------------------------------------

// Full width wrapper
.testimonial-header {
  width: 100%;
  position: absolute;
  top: -55px; left: 0;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: @blue;
  text-align: center;
  text-shadow: -1px 1px 0 white;
}

#testimonials {
  @quoteHeight: 290px;

  position: relative;
  margin-bottom: @quoteHeight;
  background: @blueLighter;
  border: 1px solid @blueLight;
  border-left: none;
  border-right: none;
  z-index: 100;

  &:after {
    content: '';
    width: 100%;
    height: @quoteHeight;
    position: absolute;
    top: 81px;
    left: 0;
    #gradient > .vertical (rgba(215, 220, 227, 0.1), rgba(215, 220, 227, 0.0));
    background-color: transparent;
  }

  // Content container
  & > section {
    .container;
    height: 80px;

    .customer {
      .column(6);
      .ir;
    }


    a {
      display: block;
      position: relative;
      background: url("@{imgPath}/outer/home/home_sprite.png") no-repeat;

      span {
        content: '';
        display: block;
        background: url("@{imgPath}/outer/home/home_sprite.png") no-repeat;
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        opacity: 0;
        .transition(opacity 0.5s);
      }
    }

    a:hover span {
      opacity: 1;
    }
  }

  // Quotes
  & > section.quotes {
    position: absolute;
    height: auto;
    top: 80px; left: 50%;
    margin-left: -480px;
    z-index: 1000;
  }

  blockquote {
    position: relative;
    width: 380px;
    float: left;
    margin: 30px 10px 10px 68px;
    background: white;
    font-size: 13px;<commit_msg>Use class instead of hover<commit_after>// Testimonials -------------------------------------------------------------

// Full width wrapper
.testimonial-header {
  width: 100%;
  position: absolute;
  top: -55px; left: 0;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: @blue;
  text-align: center;
  text-shadow: -1px 1px 0 white;
}

#testimonials {
  @quoteHeight: 290px;

  position: relative;
  margin-bottom: @quoteHeight;
  background: @blueLighter;
  border: 1px solid @blueLight;
  border-left: none;
  border-right: none;
  z-index: 100;

  &:after {
    content: '';
    width: 100%;
    height: @quoteHeight;
    position: absolute;
    top: 81px;
    left: 0;
    #gradient > .vertical (rgba(215, 220, 227, 0.1), rgba(215, 220, 227, 0.0));
    background-color: transparent;
  }

  // Content container
  & > section {
    .container;
    height: 80px;

    .customer {
      .column(6);
      .ir;
    }


    a {
      display: block;
      position: relative;
      background: url("@{imgPath}/outer/home/home_sprite.png") no-repeat;

      span {
        content: '';
        display: block;
        background: url("@{imgPath}/outer/home/home_sprite.png") no-repeat;
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        opacity: 0;
        .transition(opacity 0.5s);
      }
    }

    a.scrolled span {
      opacity: 1;
    }
  }

  // Quotes
  & > section.quotes {
    position: absolute;
    height: auto;
    top: 80px; left: 50%;
    margin-left: -480px;
    z-index: 1000;
  }

  blockquote {
    position: relative;
    width: 380px;
    float: left;
    margin: 30px 10px 10px 68px;
    background: white;
    font-size: 13px;
{'fraction_non_alphanumeric': 0.17134502923976608, 'fraction_numerical': 0.04736842105263158, 'mean_word_length': 2.054464285714286, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '4716913', 'n_tokens_mistral': 1336, 'n_tokens_neox': 1158, 'n_words': 293}