.post__meta {
  font-size: $meta-font-size;
  color: $meta-color;
  font-weight: $meta-font-weight;
}

.post__category {
  font-weight: bold;
}

.post__tag {
  background: $tag-background-color;
  border-radius: 2px;
  color: $tag-color;
  font-size: $tag-font-size;
  font-weight: bold;
  padding: 2px 6px;
}

.post__title {
  background-image: -webkit-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(left, $gradient-color-1, $gradient-color-2); /* For old Opera (11.1 to 12.0) */
  background-image:         linear-gradient(to right, $gradient-color-1, $gradient-color-2); /* Standard syntax; must be last */
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text; 
 }
 
.post__subtitle {
  display: block;
  font-size: $post__subtitle-font-size;
  font-style: italic;
  padding: 0 0 1rem 0;
}

.post--navigation {
  width: 800px;
  max-width: calc(100% - 0px);
  margin: 0 auto;
  margin-top: 60px;
  a {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: $post--navigation-color;
    border: 2px solid $post--navigation-color;
    line-height: 1.25;
    text-transform: uppercase;
    &:hover {
      padding: 14px;
      border-width: 3px;
    }
    &:nth-child(2) {
      margin-top: 10px;
    }
    &:first-child:last-child {
      width: 100%;
    }
  }
  .fa {
    font-size: 0.8rem;
  }
  .post--navigation-prev {
    text-align: left;
    .fa {
      padding-right: 10px;
    }
    .navigation-tittle {
      padding-left: 4px;
    }
  }
  .post--navigation-next {
    text-align: right;
    .fa {
      padding-left: 10px;
    }
    .navigation-tittle {
      padding-right: 4px;
    }
  }
}
.post--navigation-single a {
  text-transform: none;
}

#references {
  li {
    font-size: 0.9rem;
  }
}