/**
 * @file
 * The CSS file for articles on the site.
 *
 * 1 COLUMN
 *
 */


/*************
*  CATEGORY  *
*************/

article.node-generic-list,
article.node-contextual-list {
  width: 100%;
}

    article.node-generic-list .field-name-field-gl-image img,
    article.node-contextual-list .views-field-field-header-images img {
      height: auto;
      width: 100%;
    }

  article.node-generic-list .field-name-field-gl-image,
  article.node-contextual-list .field-name-field-cl-image {
    margin-bottom: 2em;
  }

  article.node-generic-list .triangle-up,
  article.node-contextual-list .triangle-up {
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 0 12.5px 12px 12.5px;
    bottom: 0;
    height: 0px;
    left: 50%;
    margin-left: -12.5px;
    position: absolute;
    width: 0px;
  }

  article.node-contextual-list .field-name-field-main-article .views-row p {
    width: 90%;
  }

  article.node-generic-list .view-generic-list > .view-content,
  article.node-contextual-list .field-name-field-articles .view-contextual-list > .view-content {
    margin-right: -1em;
  }

  article.node-generic-list .views-row,
  article.node-contextual-list .field-name-field-articles .views-row {
    width: 33.33333%;
  }

  article.node-generic-list .views-row-1,
  article.node-contextual-list .field-name-field-articles .views-row-1,
  article.node-generic-list .views-row-4,
  article.node-contextual-list .field-name-field-articles .views-row-4,
  article.node-generic-list .views-row-7,
  article.node-contextual-list .field-name-field-articles .views-row-7,
  article.node-generic-list .views-row-10,
  article.node-contextual-list .field-name-field-articles .views-row-10 {
    clear: left;
  }

    article.node-generic-list .views-row .inner,
    article.node-contextual-list .field-name-field-articles .views-row .inner {
      margin-right: 1em;
    }

  article.node-generic-list .field-name-field-articles,
  article.node-contextual-list .field-name-field-articles {
    padding: 20px;
  }

  article.node-generic-list .item-list ,
  article.node-contextual-list .item-list {
    margin: 0 auto;
    width: 100%;
  }

  article.node-generic-list .item-list a,
  article.node-contextual-list .item-list a {
    background-size: 100% 100%;
    color: #FFF;
    display: block;
    padding: 2% 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }

  article.node-generic-list .item-list a:hover,
  article.node-contextual-list .item-list a:hover {
    background: transparent url(../../images/loadmore_h.png) no-repeat 0px 0px;
    background-size: 100% 100%;
  }