/* Post loop styles */

/* Post Wrapper ------------------------------------------------ */

.post-wrapper{
    background: #fff;
    border-radius: 20px;
    max-width: 700px;
    margin: 20px auto;
    overflow: hidden;
    
    -webkit-box-shadow: -2px 5px 25px -4px rgba(0,0,0,0.09); 
    box-shadow: -2px 5px 25px -4px rgba(0,0,0,0.09);
}


/* Post Header ------------------------------------------------ */

.post-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 20px;
}

.post-header h4{
    line-height: 1;
}

.post-header .meta-sm{
    font-size: 13px;
    color: #666;
}

.post-header-inner {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}


.post-avatar{
    width: 48px;
    height: 48px;
    background: whitesmoke;
    border-radius: 50px;
    margin-right: 15px;
}

/* Post Text ------------------------------------------------ */

.post-text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 20px;
    padding-top: 0;
}

/* .post-text span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 300px;
    font-size: 14px;
} */

.post-text span{
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* Post Preview ------------------------------------------------ */

.post-media-preview{
    position: relative;
    height: 500px;
    width: 100%;
    background: #333;
}

/* Post Footer ------------------------------------------------ */

.post-footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding-bottom: 10px;
}

.post-action-cont, .post-comments-cont{
    padding: 10px 20px;
    width: 100%;
}

.post-action-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    border-bottom: 1px solid #ccc;
}

/* Format styles : "File" ---------------------------------------*/

.file-prev-cont{
    position: absolute;
    left:0;right:0;
    top:0;bottom:0;
    background-image: url('http://plugin-tests.local/wp-content/uploads/2020/10/IMG_2400.jpg');
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}


/* Click blocker ---------------------------------------------------*/

#dfp-click-blocker {
    position: fixed;
    left:0; right:0;
    top:0; bottom: 0;
    background: rgba(255,255,255,0.05);
    z-index: 2147483642;
}