@charset "UTF-8";
.dorna {
  /*shared styles*/ }
  .dorna .post-holder {
    margin-bottom: 15px;
    padding-bottom: 15px;
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-left: 15px; }
  .dorna .post-title {
    margin: 0 0 6px;
    font-size: 13pt; }
  .dorna .post-details {
    width: 100%; }
  .dorna figure {
    margin-left: 10px;
    float: right;
    width: 120px; }
    .dorna figure img {
      width: 80px;
      height: 80px; }
  .dorna .post-category {
    display: inline-block;
    font-size: 9pt; }
    .dorna .post-category a {
      color: #d04526; }
  .dorna .post-like {
    background: #ed1556 none repeat scroll 0 0;
    font-size: 10px;
    height: 15px;
    margin-bottom: 5px;
    padding: 0 6px;
    position: relative;
    float: left;
    margin-top: 3px; }
    .dorna .post-like a {
      background: transparent none repeat scroll 0 0;
      color: #fff; }
    .dorna .post-like ::after {
      border-left: 0 solid transparent;
      border-right: 8px solid transparent;
      border-top: 5px solid #ed1556;
      content: "";
      left: 0;
      position: absolute;
      right: auto;
      top: 14px; }
    .dorna .post-like i {
      margin-left: 3px; }
  .dorna .post-meta {
    color: #777;
    font-size: 9pt; }
    .dorna .post-meta .post-date {
      float: right;
      letter-spacing: 0.3px;
      color: #b1afaf;
      font-size: 10px; }
      .dorna .post-meta .post-date i {
        margin-left: 3px; }
    .dorna .post-meta .post-author {
      float: right;
      margin-left: 7px; }
      .dorna .post-meta .post-author img {
        border-radius: 80px;
        height: 16px;
        width: 16px;
        display: inline-block; }
        .dorna .post-meta .post-author img:hover {
          display: inline-block; }
      .dorna .post-meta .post-author a {
        color: #777; }
  .dorna .post-footer {
    border-bottom: 3px solid #222;
    border-top: 1px solid #e6e6e6;
    margin-top: 15px;
    padding: 7px 0;
    width: 100%;
    font-size: 9pt; }
    .dorna .post-footer a {
      color: #222; }
  .dorna .post-comment {
    float: right; }
  .dorna .post-readmore {
    float: left; }
  .dorna .post-title {
    font-size: 12px; }
    .dorna .post-title a {
      color: #545353;
      font-size: 12px; }
  .dorna .post-review-star {
    background: #f4b711 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 10px;
    height: 12px;
    line-height: 11px;
    margin: 5px 7px 5px 0;
    padding: 0 5px; }
    .dorna .post-review-star i {
      /*float: left;*/
      margin: 0 3px 0 0; }
      .dorna .post-review-star i.icon-star::before {
        content: "★";
        height: inherit; }
  .dorna .post-readmore-btn {
    background: #07af53;
    color: #fff;
    float: right;
    font-size: 10pt;
    line-height: 27px;
    height: 27px;
    margin-top: 20px;
    padding: 0 10px;
    text-transform: uppercase;
    -webkit-transition: background 0.3s linear 0s;
    transition: background 0.3s linear 0s; }
    .dorna .post-readmore-btn:hover, .dorna .post-readmore-btn:focus {
      background: #222 none repeat scroll 0 0;
      color: #fff;
      text-decoration: none; }
  .dorna .post-img {
    position: relative;
    overflow: hidden; }
    .dorna .post-img img {
      -webkit-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s; }
    .dorna .post-img > a {
      background: #000;
      display: block; }
    .dorna .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; }
    .dorna .post-img:hover .overlay-icon {
      display: block;
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-duration: 0.85s;
      animation-duration: 0.85s; }
  .dorna .overlay-icon.fa {
    color: #fff;
    display: none;
    font-size: 30px !important;
    height: 40px;
    left: 50%;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 40px;
    z-index: 9; }

@-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); } }