.berkeley {
  border-bottom: none;
  position: relative;
  perspective: 500;
  min-height: 144px;
  padding: 5px 40px !important;
  .featured-thumb {
    border: solid 1px @accent;
    padding: 8px;
    position: relative;
    .postedon {
      position: absolute;
      background: fade(black,50%);
      a { color: darken(@background,0%); }
      position: absolute;
      padding: 3px;
      font-size: 12px;
      left: 50%;
      bottom: 5px;
      font-weight: lighter;
      opacity: 0;
    }
    &:hover {
      img {
        -webkit-filter: brightness(0.8);
        filter: brightness(0.8);
        .transform(none);
      }

    }
  }
  .out-thumb {
    background: desaturate(@sbg, 10%);
    position: relative;
    text-align: center;
    padding: 10px 0;
    h1.entry-title {
      font-size: 14px;
      margin: 2px;
      a {
        color: @accent;
      }
    }
  }
  &:hover {
    .out-thumb {
      &:after {
        background: @accent;
        .transform(scale(1.2));
      }
    }
  }
  @media screen and (max-width: 768px) {
    overflow: hidden;
    position: relative;

  }

}
/* Code to make way for large first post on homepage */
.blog.paged .haxel:nth-child(even) {
  clear: none;
}
.blog.paged .haxel:nth-child(odd) {
  clear: left;
}