/* Individual effects */
/*---------------*/
/***** Honey *****/
/*---------------*/
figure.effect-honey {
  background: #444444; }

figure.effect-honey .image_holder,
figure.effect-honey img {
  /* opacity: 1; */
  /* -webkit-transition: opacity 0.35s; */
  /* transition: opacity 0.35s; */ }

figure.effect-honey:hover .image_holder,
figure.effect-honey:hover img {
  opacity: 0.5;
  }

figure.effect-honey figcaption::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background: #444444;
  content: '';
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0); }

figure.effect-honey .card-header {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em 1.5em;
  width: 100%;
  text-align: center;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0); }


figure.effect-honey .card-header i {
  font-style: normal;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0); }

figure.effect-honey figcaption::before,
figure.effect-honey .card-header {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s; }

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover .card-header,
figure.effect-honey:hover .card-header i {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }


@media (max-width: 767px) {
   figure.effect-honey {
    max-height: 140px; }
}


.icon-eye::before {
  content: '\e000'; }

.icon-paper-clip::before {
  content: '\e001'; }

.icon-heart::before {
  content: '\e024'; }