/*
	Theme Name: Heroics
	Theme URI: http://heroics.co.uk
	Description: Book Deck Wordpress Theme
	Version: 1.1
	Author: Heroics
	Author URI: http://heroics.co.uk
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

#instagramfeed #content {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
#instagramfeed #content .post {
  position: relative;
  width: 280px;
  height: 280px;
  background: #000;
  display: block;
  overflow: hidden;
}
#instagramfeed #content .post .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
#instagramfeed #content .post ul {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background:#e32526;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  color: #FFF;
}
#instagramfeed #content .post ul li {
  text-align: center;
  line-height: 50px;
}
#instagramfeed #content .post:hover .image {
  opacity: .5;
  -webkit-transform: scale(1.15) translate3d(0, 0, 0);
          transform: scale(1.15) translate3d(0, 0, 0);
}
#instagramfeed #content .post:hover ul {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}