.main-content .articles, .secondary-content .articles {
  color: #333333;
  font-size: 14px;
  overflow: hidden; }
  .main-content .articles li, .secondary-content .articles li {
    clear: left;
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 0;
    overflow: hidden; }
    .main-content .articles li a, .secondary-content .articles li a {
      overflow: hidden; }
      .main-content .articles li a img, .secondary-content .articles li a img {
        border: 0; }
  .main-content .articles h2, .main-content .articles h3, .main-content .articles h4, .secondary-content .articles h2, .secondary-content .articles h3, .secondary-content .articles h4 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 10px; }
  .main-content .articles p, .secondary-content .articles p {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    margin-bottom: 10px; }
  .main-content .articles img, .secondary-content .articles img {
    float: left;
    margin-right: 10px; }
  .main-content .articles .date, .secondary-content .articles .date {
    text-transform: uppercase;
    margin-top: 3px; }
  .main-content .articles .featured, .secondary-content .articles .featured {
    float: left;
    height: auto;
    position: relative; }
    .main-content .articles .featured h2, .main-content .articles .featured h3, .main-content .articles .featured h4, .secondary-content .articles .featured h2, .secondary-content .articles .featured h3, .secondary-content .articles .featured h4 {
      font-size: 14px;
      height: auto; }
    .main-content .articles .featured h4, .secondary-content .articles .featured h4 {
      margin-top: 0; }
    .main-content .articles .featured a, .secondary-content .articles .featured a {
      color: inherit;
      display: block;
      height: auto;
      padding: 0; }
      .main-content .articles .featured a:hover img, .secondary-content .articles .featured a:hover img {
        outline: none !important; }
    .main-content .articles .featured img, .secondary-content .articles .featured img {
      display: block;
      max-width: 50%; }
    .main-content .articles .featured .intro, .secondary-content .articles .featured .intro {
      margin-bottom: 0; }
      .main-content .articles .featured .intro h3, .secondary-content .articles .featured .intro h3 {
        color: #666666; }

@media all and (min-width: 500px) {
  .main-content .articles li, .secondary-content .articles li {
    clear: none; }
  .main-content .articles li:hover, .secondary-content .articles li:hover {
    background-color: #e9f0fa; }
  .main-content .articles .featured, .secondary-content .articles .featured {
    margin-bottom: 0; }
    .main-content .articles .featured img, .secondary-content .articles .featured img {
      display: block;
      float: none;
      max-height: 100%;
      max-width: 100%; }
    .main-content .articles .featured h3, .secondary-content .articles .featured h3 {
      margin: 10px 0; }
    .main-content .articles .featured .intro p, .secondary-content .articles .featured .intro p {
      margin-left: 0;
      color: #666666; }
  .main-content .articles .non-desktop-edge, .secondary-content .articles .non-desktop-edge {
    margin-right: 0 !important; } }
@media all and (min-width: 868px) {
  .js .main-content .articles .featured, .js .secondary-content .articles .featured {
    margin-bottom: 10px;
    padding: 0; }
    .js .main-content .articles .featured img, .js .secondary-content .articles .featured img {
      margin: 0; }
    .js .main-content .articles .featured li, .js .secondary-content .articles .featured li {
      padding-top: 0;
      padding-left: 0; }
    .js .main-content .articles .featured .intro, .js .secondary-content .articles .featured .intro {
      background: rgba(255, 255, 255, 0.8);
      min-height: 90px;
      _height: 90px;
      padding: 10px 10px 15px;
      position: absolute;
      top: 105px;
      width: 93%; }
      .js .main-content .articles .featured .intro h2, .js .main-content .articles .featured .intro h3, .js .main-content .articles .featured .intro h4, .js .secondary-content .articles .featured .intro h2, .js .secondary-content .articles .featured .intro h3, .js .secondary-content .articles .featured .intro h4 {
        margin-top: 0;
        min-height: 35px; }
      .js .main-content .articles .featured .intro h2, .js .main-content .articles .featured .intro h3, .js .main-content .articles .featured .intro h4, .js .main-content .articles .featured .intro p, .js .secondary-content .articles .featured .intro h2, .js .secondary-content .articles .featured .intro h3, .js .secondary-content .articles .featured .intro h4, .js .secondary-content .articles .featured .intro p {
        color: #333333; }
  .js .main-content .non-desktop-edge, .js .secondary-content .non-desktop-edge {
    margin-right: 22px !important; } }