<commit_before>/*
 * PRX footer component
 */
footer {
  background: #fff;
  font-size: 0.857rem;
  padding-bottom: 67px;
  max-width: 1060px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  footer {
    font-size: 1rem;
    padding-top: 3rem;
    padding-right: 30px;
    padding-left: 30px;
  }
}

/*
 * Columns of footer content
 */
.columns {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
}

/*
 * Individual sections
 */
.columns section {
  flex-basis: 96px;
  -ms-flex-preferred-size: 96px;
  -webkit-flex-basis: 96px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
.columns section:first-child {
  flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  -o-box-flex: 6;
  -ms-box-flex: 6;
  box-flex: 6;
  -webkit-flex-grow: 6;
  flex-grow: 6;
  margin-top: -1px;
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0.75rem;
  text-align: center;
}
.columns section h3 {
  display: block;
  line-height: 3rem;
}
.columns section a {
  display: block;
}
@media screen and (min-width: 768px) {
  .columns section:first-child {
    flex-basis: 290px;
    -ms-flex-preferred-size: 290px;
    -webkit-flex-basis: 290px;
    border: none;
  }
  .columns section h3, .columns section a {
    font-size: 14px;
  }
}

/*
 * Projected content in left-most column
 */
.columns .footer-left {
  font-size: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
}
.columns .footer-left >>> p {
  font-size: 1em;
  padding-right: 15px;
  padding-left: 15px;
}
.columns .footer-left >>> p a {
  font-size: inherit;
  display: inline;
  line-height: 1em;
}
.columns .footer-left >>> a {
  display: block;
  line-height: 3rem;
  font-size: 1.125em;
}
@media screen and (min-width: 768px) {
  .columns .footer-left {
    padding-top: 3rem;
    font-size: 12px;
  }
}

/*
 * Social icons
 */
ul.social {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
ul.social a {
  display: block;
  text-align: center;
  font-size: 20px;
  margin: 0 14px;
}
@media screen and (min-width: 768px) {
  ul.social {
    padding-top: 30px;
  }
}<commit_msg>update footer color and font style, remove extraneous flexbox for older browsers<commit_after>/*
 * PRX footer component
 */
footer {
  background: #1c1c1c;
  color: #bebebe;
  font-size: 0.857rem;
  padding-bottom: 67px;
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  footer {
    font-size: 1rem;
    padding-top: 3rem;
    padding-right: 30px;
    padding-left: 30px;
  }
}

/*
 * Columns of footer content
 */
.columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

/*
 * Individual sections
 */
.columns section {
  flex-basis: 96px;
  flex-grow: 1;
  flex-shrink: 1;
}
.columns section:first-child {
  flex-basis: 100%;
  flex-grow: 6;
  margin-top: -1px;
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0.75rem;
  text-align: center;
}
.columns section h3 {
  display: block;
  line-height: 3rem;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.columns section a {
  display: block;
  color: #a3a3a3;
}
.columns section a:hover, .columns section a:focus {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .columns section:first-child {
    flex-basis: 290px;
    border: none;
  }
  .columns section h3, .columns section a {
    font-size: 14px;
  }
}

/*
 * Projected content in left-most column
 */
.columns .footer-left {
  font-size: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
}
.columns .footer-left >>> p {
  font-size: 1em;
  padding-right: 15px;
  padding-left: 15px;
}
.columns .footer-left >>> p a {
  font-size: inherit;
  display: inline;
  line-height: 1em;
  color: #bebebe;
  text-decoration: underline;
}
.columns .footer-left >>> a {
  display: block;
  line-height: 3rem;
  font-size: 1.125em;
  color: #bebebe;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .columns .footer-left {
    padding-top: 3rem;
    font-size: 12px;
  }
}

/*
 * Social icons
 */
ul.social {
  display: flex;
  justify-content: center;
}
ul.social a {
  display: block;
  text-align: center;
  font-size: 20px;
  margin: 0 14px;
}
@media screen and (min-width: 768px) {
  ul.social {
    padding-top: 30px;
  }
}
{'fraction_non_alphanumeric': 0.15659912895284983, 'fraction_numerical': 0.039765195985608785, 'mean_word_length': 2.89240972733972, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 21, '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': '1217612', 'n_tokens_mistral': 2326, 'n_tokens_neox': 2103, 'n_words': 498}