/* Profile 
    Created on : Mar 25, 2017, 10:26:55 PM
    Author     : hudhaifa
*/
/* Timeline RTL */
.tl-block::before {
  left: auto;
  right: 32px;
}
.tl-ball {
  left: auto;
  right: 0;
}
.tl-content {
  margin-left: auto;
  margin-right: 92px;
}
.tl-content::before {
  left: 100%;
  right: auto;
  border-left: 12px solid #eee;
  border-right: 0;
}
.tl-content .tl-content-title {
  float: left;
}
.tl-content .tl-content-text {
  float: right;
}
.tl-content .tl-content-place {
  float: right;
}
.tl-content .cd-read-more {
  float: left;
}
.tl-content .cd-date {
  float: right;
}
@media (max-width: 979px) {
  .tl-block {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  }
  .tl-block::before {
    left: auto !important;
    right: 18px !important;
  }
  .tl-content {
    margin-left: auto;
    margin-right: 52px;
  }
  .tl-content::before {
    border-left: 7px solid #eee;
    border-right: 0;
    /*display: none;*/
  }
  .tl-content .tl-content-title {
    float: none;
    text-align: center;
  }
  .tl-ball .tl-ball-content .tl-ball-text {
    display: none;
  }
}
/*# sourceMappingURL=profile-rtl.css.map */