@import "_common";
@import "../_site-variables";

.byline{
    .block;
    padding:5px 0;
    margin:5px 0 15px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    text-transform:uppercase;
    
    .meta{
        line-height:28px;
        font-size:0.875em;
        float:left;
        
        .date{
            padding-right:5px;
            font-size:0.875em;
        }
        .author{
            display:inline-block;
            text-transform:uppercase;
            font-size:0.875em;
        }
    }
    .social-sharing{
        display:inline-block;
        float:right;
        margin:0;
        padding:0;
        width:auto;
        border:0;
        clear:none;
    }
}
.list-meta{
    .block;
    padding:5px 0;
    margin:0 0 5px 0;
    font-size:0.875em;
    .date{
        padding-right:5px;
    }
}

@media only screen and (max-width:767px){
    .byline{
        .meta{
            .block;
        }
    }
}
@media only screen and (min-width:768px){
    .byline{
        .meta{
            display:inline-block;
            float:left;
            margin-right:10px;
        }
    }
}

body.page{
    .list-meta{
        display:none;
    }
}