.post {
    position: relative;
    margin-bottom: 32px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
}

.post .post-body p.h5 {
    margin-top: 24px;
    margin-bottom: 26px;
}

@media (max-width: 768px) {
    .post .post-body p.h5 {
        margin-top: 12px;
        margin-bottom: 26px;
    }
}

.post-header {
    padding: 24px;
    padding-bottom: 12px;
}

.post-media-meta {
    padding: 24px;
    padding-bottom: 0px;
    width: 100%;
    transition: all 0.2s;
}

.post-media-meta p {
    margin-top: 24px;
    font-size: 17px;
}
.post-media-meta .h3{
    font-size: 23px;
}

.post .post-body .text-truncate-img {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset !important;
    -webkit-line-clamp: 2;
}

/* post-dropdown-menu */
.post-dropdown-menu {
    padding: 12px;
}

.post-dropdown-menu .dropdown-item {
    padding: 0px;
    margin-bottom: 16px;
}

.post-dropdown-menu .dropdown-item:last-child {
    margin-bottom: 0px;
}

.post-dropdown-menu .action .h6 {
    margin-left: 8px;
}

.colored-text-wrapper {
    border-radius: 18px;
    background: var(--bg-light-grey);
    border: 1px solid #ddd;
    padding-left: 20px;
    padding-right: 20px;
}

.publisher-emojis {
    bottom: 25px;
    right: 20px;
}