.pthgtf_timeline {
  list-style: none;
  width: 100%;
  
  li {
    width: 100%;
    font-family: 'Helvetica Neue', Helvetica, 'Open Sans', 'Source Sans Pro', Arial, sans-serif;
    overflow: hidden;

    figure {
      width: 15%;
      float: left;
      margin-right: 10px;
      
      img {
        max-width: 100%;
      }
    }
    
    &.style_one {
      padding-bottom: 10px;
      margin-top: 10px;
      border-bottom: 1px solid #E0E0E0;
      
      &:last-child {
        border: none;
        padding-bottom: 0;
      }
      
      &:first-child {
        margin-top: 0;
      }
      
      &:hover {
        border-bottom: 1px solid #BDBDBD;
        
        &:last-child {
          border: none;
        }
      }
      
      p {
        font-size: 14px;
        line-height: 18px;
        color: #333;
        margin: 0;
      }
      
      a {
        font-size: 13px;
        color: #BDBDBD;
        
        &:hover {
          color: #55acee;
        }
      }
    }
    
    &.style_two {
      padding-bottom: 15px;
      margin-top: 15px;
      border-bottom: 1px solid #E0E0E0;
      
      &:last-child {
        border: none;
        padding-bottom: 0;
      }
      
      &:first-child {
        margin-top: 0;
      }
      
      &:hover {
        border-bottom: 1px solid #BDBDBD;
        
        &:last-child {
          border: none;
        }
      }
      
      figure {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 20px;
        overflow: hidden;
        background-size: cover;
      }
      
      .meta {
        margin-bottom: 10px;
        overflow: hidden;
        color: #BDBDBD;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px;
        width: 100%;
        
        .time {
          float: right;
        }
        
        .author {
          float: left;
        }
      }
      
      p {
        font-size: 13px;
        line-height: 18px;
        color: #333;
        margin: 0;
      }
    }
  }
}