/**
 *
 */

.file-attach {
    font-size: 1.6rem;
    display: flex;
    overflow: hidden;
}
.file-attach .thumb {
    flex-shrink: 0;
    margin-right: 1.5em;
}
.file-attach .attach-content{
    overflow: hidden;
}
.file-attach header{
    margin-bottom: 1em;
    overflow: hidden;
}
.file-attach header p{
    margin-bottom: 0;
}
.file-attach .date{
    font-size: .875em;
    color:#a1a1a1;
}
.file-attach .caption{
    font-size: 1.25em;
    font-family: var(--fntfamily-title);
    font-weight: 600;
}
.file-attach .description{
    font-size: .875em;
}

.file-attach .caption,
.file-attach .description,
.file-link .title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** */

a.file-link{
    font-size: 1.6rem;
    text-decoration: none;
    color:inherit;
    display: flex;
    overflow: hidden;
}
.file-link .img{
    position: relative;
    flex-shrink: 0;
}
.file-link .icon:before{
    font-size: 40px;
    color:var(--color-link);
}
.file-link .content{
    margin-left: .5em;
    overflow: hidden;
}
.file-link .title{
    font-family: var(--fntfamily-title);
    font-weight: 600;
    display: block;
}
.file-link .meta{
    font-size: .75em;
    display: block;
    margin:0;
}

a.file-link:hover,
a.file-link:focus {
    color:var(--color-link-hover);
}