//
// Posts Events Styles
// --------------------------------------------------


// Events list
//
//==
.posts-list {
  .post-events {
    .event {
      color: @text-muted;

      .fa-stack {
        margin-right: @line-height-computed / 3;

        &>.fa-stack-2x {
          color: @post-panel-border;
        }

        &>.fa-inverse {
          position: relative;
          bottom: 1px;
        }
      }

      img {
        border-radius: @border-radius-small;
        height: 18px;
        width: 18px;
      }

      a {
        &:link, &:visited {
          color: @state-hover;
          font-weight: bold;
        }

        &:hover {
          color: @state-hover;
          text-decoration: underline;
        }

        &:active, &:focus {
          color: @state-clicked;
          text-decoration: underline;
        }
      }

      form {
        display: inline-block;
        margin: 0px;
        margin-left: @line-height-computed / 2;
        padding: 0px;
        .opacity(0.2);
        transition-duration: 100ms;
        position: relative;
      }

      &:hover, &:active {
        form {
          .opacity(1);
        }
      }
    }

    .divider {
      padding-left: @line-height-computed / 4;
      color: @post-panel-border;

      div {
        display: inline-block;
        margin-left: @line-height-computed / 2;
        position: relative;
        left: 1px;
        bottom: 2px;

        font-size: @font-size-small;

        abbr {
          &:hover {
            color: @text-muted;
          }
        }
      }
    }
  }
}