﻿.related-temp--taha .post-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 8px;
  padding-bottom: 0; }
  .related-temp--taha .post-holder .post-title {
    font-size: 10pt;
    margin-top: 4px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    .related-temp--taha .post-holder .post-title a {
      color: #222;
      -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s; }
  .related-temp--taha .post-holder figure {
    margin-left: 10px;
    margin-right: 0px; }
    .related-temp--taha .post-holder figure img {
      width: 71px; }
  .related-temp--taha .post-holder .post-img {
    position: relative;
    overflow: hidden; }
    .related-temp--taha .post-holder .post-img img {
      -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s; }
    .related-temp--taha .post-holder .post-img > a {
      display: block; }
    .related-temp--taha .post-holder .post-img:hover a img {
      display: block;
      background: rgba(0, 0, 0, 0.6);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0.7; }
    .related-temp--taha .post-holder .post-img:hover .overlay-icon {
      display: block;
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-duration: 0.85s;
      animation-duration: 0.85s; }
  .related-temp--taha .post-holder:hover .post-title a {
    color: #ff6a00; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
