.text-wrap{
    /* 
        (this can be <a> or not !) 
    */
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 5px;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    width: 200px;
    min-height: 200px;
    max-height: 300px;
    overflow: hidden;
    vertical-align: top;
    margin: 2px;
    text-decoration: none;
}
.text-wrap:hover{
    background: rgb(240, 240, 240);
}
.dark .text-wrap{
    /* border: 1px solid #5a5858; */
}
.dark .text-wrap:hover{
    background: rgb(20, 20, 20);
}

.text-wrap .button.admin-color{
    position: absolute;
    top: 0;
    right: 0;
    font-size: .8rem;
}


.text-frame{
    /* border: 2px solid pink; */
    height: 200px;
}

.text-cover{
    /* border: 2px solid blue; */
    height: 200px;
    text-align: center;
}

.text-cover img{
    max-height: 95%;
    display: inline-block;
    margin-top: 2%;
    /* box-shadow: 0px 0px 5px black; */
}
.has-image .text-cover img{
    box-shadow: 0px 0px 10px black;
}

.text-title{
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
}
.text-title a{
    text-decoration: none;
}
.text-description{
    padding: 0 20px;
    border-radius: 10px;
    margin: 10px 0;
    font-size: .9rem;
    line-height: 1rem;
}

.provisional{
    position: absolute;
    top: 30px;
    right: 30px;
    color: red;
    font-family: Times;
    transform: rotate(10deg);
    font-size: .9rem;
    background: black;
    padding: 5px;
}
.provisional span{
    color: white;
}
.provisional i{
    color: grey;
}



.text-authors{
    font-size: .8rem;
    padding-left: 10px;
}



/* probably deprecated: */
.text-date,
.text-votes,
.vote-score,
.text-comment-summary,
.text-attributions,
.text-poster,
.more-comments,
.comment-summary,
h4.text-crit-title,
.text-comments{
    border: 10px solid pink;
}




@media screen and (max-width: 800px){
    .text-wrap{
        max-width: 48%;
    }
    .text-description{
        padding-left: 0;
    }
}