article.blox {
  float: left;
  clear: none;
  width: 30%;
  margin-right: 10px;

  cursor: pointer; }
  article.blox:nth-of-type(3n+3) {
    margin-right: 0; }
  article.blox:hover .featured::before {
    opacity: 1; }
  article.blox .featured {
    position: relative; }
    article.blox .featured::before {
      position: absolute;
      content: '';
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out; }
  article.blox .content {
	  padding: 5px 0!important;
  }
  
  article.blox .content p {
	  line-height:18px;
  }