@charset "utf-8";
/* CSS Document */

.portfolioFilter {
  padding: 15px 0;
}

.portfolioFilter a {
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  border: 2px solid #6DBE45;
  padding: 4px 18px;
  border-radius: 16px;
  /*display: inline-block;*/
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
}
.portfolioFilter a:hover {
  background: #EEE;
}

.portfolioFilter a.current {
  background: #7E9B57;
  border: 2px solid #7E9B57;
  color: #f9f9f9;
}
.portfolioContainer a:focus {outline:none;}
.portfolioContainer{
  border: 1px solid #eee;
  border-radius: 3px;
}
.portfolioContainer img {
  margin: 1rem 1.6rem;
  width:auto;
  height:220px;
}
.portfolioContainer p {text-align:center;}
.portfolioContainer p strong { font-size:0.75rem;}
.portfolioContainer div img {  -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.portfolioContainer div:hover img { opacity:0.5; }

.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;
  transition-duration: 0.8s;
}

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

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}