/*
  SHOWCASE

  - GENERAL
  - SHOWCASE RECENT
  - FILTER
  - PORTFOLIO

*/

/* GENERAL ------------------------------------------ */
/* -------------------------------------------------- */
.showcase {
  float: left;
  position: relative;
  width: 100%;
}

.showcase_fix {
  width: 670px;
}

.showcase .item {
  position: relative;
}

.showcase .item .relative {
  border: 1px solid #bababa;
  margin-bottom: 7px;
  overflow: hidden;
}

.showcase .item .image {
  margin: 7px;
}

.showcase .item img {
  
}

.showcase a.over {
  position: absolute;
  right: 7px;
  bottom: 7px;
  background: #313131;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 6px;
}

.showcase a.zoom {
  bottom: 32px;
}

.showcase a.over:hover,
.showcase a.over:focus {
  text-decoration: none;
  color: #fff;
}


/* SHOWCASE RECENT ---------------------------------- */
/* -------------------------------------------------- */
.showcase_recent {
  width: 476px;
}

.showcase_recent .item .image {
  height: 142px;
  overflow: hidden;
}

.recent_work {
  margin-top: 5px;
}


/* FILTER ------------------------------------------- */
/* -------------------------------------------------- */
ul.filters {
  
}

ul.filters li {
  float: left;
  margin: 0 15px 0 0;
}

ul.filters li, ul.filters li a {
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
}

ul.filters li a {
  color: #757575;
  font-weight: 700;
  text-transform: capitalize;
}

ul.filters li a:hover,
ul.filters li a:focus {
  color: #313131;
}

ul.filters li a.current {
  
}

/* PORTFOLIO ---------------------------------------- */
/* -------------------------------------------------- */
.portfolio img {
  border: 1px solid #bababa;
  padding: 7px;
}

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}