.blog-tags {
  display: none; }

.tag {
  background-color: #ab8c6d;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px;
  position: relative;
  font-family: avenir-light;
  font-size: 10px;
  margin-left: 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  letter-spacing: 2px; }

.tag::before {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  border-right: 10px solid #ab8c6d;
  content: " ";
  left: -10px;
  top: calc(50% - 10px); }

[data-tags="true"] {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
  justify-content: center; }

.post-hero-photo:first-of-type:last-of-type {
  width: 100%; }

.tag:nth-child(1n) {
  background-color: #ab8c6d; }

.tag:nth-child(1n)::before {
  border-right: 10px solid #ab8c6d; }

.tag:nth-child(2n) {
  background-color: #84927c; }

.tag:nth-child(2n)::before {
  border-right: 10px solid #84927c; }

.tag:nth-child(3n) {
  background-color: #6b616b; }

.tag:nth-child(3n)::before {
  border-right: 10px solid #6b616b; }

.tag:nth-child(4n) {
  background-color: #824a54; }

.tag:nth-child(4n)::before {
  border-right: 10px solid #824a54; }

.tag:nth-child(5n) {
  background-color: #5c6370; }

.tag:nth-child(5n)::before {
  border-right: 10px solid #5c6370; }