/* widget_tag_cloud */
.widget_tag_cloud,
.tagcloud {
  span {
    padding: 5px 6px;
    margin: 0 3px 9px;
    text-align: center;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1;
    transform: skew(-22deg);
    background: linear-gradient(to top, $colorMain 0%,$colorMain4 69%, $colorMain3 100%);
    font-weight: 400;
    border-image-slice: 1;
    &:hover {
      opacity: 1 !important;
      background: linear-gradient(to bottom, $colorMain 0%,$colorMain4 69%, $colorMain3 100%);
    }
    a {
      font-size: 16px !important;
      font-style: italic;
      display: inline-block;
      transform: skew(22deg);
      color: $lightColor;
    }
  }
}

.post.has-post-thumbnail,
.post.format-link,
.post.format-aside {
  .tagcloud {
    position: absolute;
    top: 0;
    left: 4px;
    z-index: 10;
    span:first-child {
      margin-left: -13px;
      &:before {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 1.5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 15px 12px 0;
        border-color: transparent #db3321 transparent transparent;
        transform: skew(22deg) !important;
      }
    }
  }
}
