/*  
---------------------------------------------------
Meta
---------------------------------------------------  
*/
.meta p,
.meta ul {
  margin: 5px 0;
}

.item .meta p,
.item .meta ul {
  font-size: 85%;
}

.meta a {
  display: inline !important;
}

.meta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.meta ul li {
  display: inline;
}

.meta ul li + li::before {
  content: ",";
  display: inline;
  position: relative;
  left: -3px;
}

.item .meta {
  margin-top: var(--base-half-spacing);
}

.listing_short .item .meta {
  margin-top: 5px;
  font-size: 90%;
}

.item.item_has-bg .meta {
  margin: 0;
  padding: 0 var(--base-spacing) var(--base-spacing);
}

.component.meta.base-bg {
  margin-top: var(--base-spacing) !important;
  padding-top: var(--base-half-spacing) !important;
  border-width: var(--base-border-width) 0 0;
  /*    border-style:solid;*/
  border-color: rgba(var(--base-borders), 1);
  margin-left: 15px;
  padding-bottom: 0px;
}

@media (min-width: 768px) {
  .item.item_text-left .meta,
  .item.item_text-right .meta {
    position: absolute;
    bottom: 0;
  }
  .item.item_text-left .meta {
    left: 0;
    right: 40%;
  }
  .item.item_text-left:not(.item_has-bg) .meta {
    right: calc(40% + var(--base-spacing));
  }
  .item.item_text-right .meta {
    right: 0;
    left: 40%;
  }
  .item.item_text-right:not(.item_has-bg) .meta {
    left: calc(40% + var(--base-spacing));
  }
}