.dki-linkpreview-container{
    cursor: pointer;
}

.dki-linkpreview-container,
.dki-linkpreview-container * {
    box-sizing : border-box;
}

.dki-linkpreview-container .dki-linkpreview-title{
    font-size: 1em;
    margin-bottom: 0.5em;
}

.dki-linkpreview-container .dki-linkpreview-thumb {
    flex: 0 0 125px;
    height: 65px;
    margin-right: 1em;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border: 1px solid #e2e2e2;
}

.dki-linkpreview-container.vertical .dki-linkpreview-thumb {
    flex: 0 0 65px;
    width: 125px;
    margin-bottom : 10px;
    border-width : 0;
}
.dki-linkpreview-container.card .dki-linkpreview-thumb {
    width: 100%;
    margin-right : 0;
    border-width : 0;
    border-bottom : 1px solid #DDD;
}
.dki-linkpreview-container.card:not(.noborder)  {
    border : 1px solid #DDD;
}

.dki-linkpreview-container .dki-linkpreview-description{
    font-size: 0.8em;
    color: #888;
}


.dki-linkpreview-container.card .flex > *:not(img) {
    padding : 1em 10px 0.5em 10px;
}
.dki-linkpreview-container.card .flex > *:last-child{
    padding-bottom : 10px;
    padding-top: 0;
}


.dki-linkpreview-container.card.hoverOpen {
    border-radius: 3px;
}
.dki-linkpreview-container.card.hoverOpen,
.dki-linkpreview-container.card.hoverOpen:before,
.dki-linkpreview-container.card.hoverOpen:after {
    transition : opacity 250ms, background-color 250ms ease;
}
.dki-linkpreview-container.card.hoverOpen:before,
.dki-linkpreview-container.card.hoverOpen:after {
    content : ' ';
    position : absolute;
    cursor : pointer;
    opacity : 0;
}
.dki-linkpreview-container.card.hoverOpen:hover {
    position : relative;
}
.dki-linkpreview-container.card.hoverOpen:hover:before {
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    background-color:#000;
    opacity : 0.2;
    z-index : 1;
    border-radius: 3px;
}
.dki-linkpreview-container.card.hoverOpen:hover:after{
    top : 50%;
    left : 50%;
    transform : translate(-50%,-50%);
    content : 'Open';
    font-size : 1.75em;
    color : #FFF;
    font-weight : bold;
    z-index : 2;
    opacity : 1;
    text-shadow : 0px 0px 5px rgba(0,0,0,0.5);
}
.dki-linkpreview-parent.unvisited .dot-container,
.dki-linkpreview-parent.unvisited.dot-container{
    position : relative;
}
.dki-linkpreview-parent.unvisited .dot-container:after,
.dki-linkpreview-parent.unvisited.dot-container:after {
    content : " ";
    width : 14px;
    height : 14px;
    border : 2px solid #FFF;
    position : absolute;
    right : -8px;
    top : -8px;
    border-radius : 50%;
    background-color: #6D2496;
    display: block;
    z-index : 3;
    box-sizing : content-box;
}