/*  
---------------------------------------------------
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);
}

@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));
    }

}