/* Blog-only layout corrections. Does not alter other site pages. */
.tp-blog-area .row > [class*="col-"] { min-width: 0; }
.tp-blog-area .tp-blog-left, .tp-blog-area .tp-blog-content-2, .tp-blog-area .tp-blog-post-content { min-width: 0; }
.tp-blog-area:not(.tp-blog-detail) .tp-blog-thumb { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #f5f5f5; }
.tp-blog-area:not(.tp-blog-detail) .tp-blog-thumb a { display: block; width: 100%; height: 100%; }
.tp-blog-area:not(.tp-blog-detail) .tp-blog-thumb a img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: center; }
.tp-blog-area:not(.tp-blog-detail) .tp-blog-text { overflow: hidden; overflow-wrap: anywhere; word-break: normal; line-height: 1.65; }
.tp-blog-area:not(.tp-blog-detail) .tp-blog-title-3 { overflow-wrap: anywhere; line-height: 1.35; }
.tp-blog-area .tp-blog-post-thumb { flex: 0 0 100px; margin-right: 18px; }
.tp-blog-area .tp-blog-post-thumb img { display: block; }
.tp-blog-area .tp-blog-post-content a { overflow-wrap: anywhere; }
.tp-blog-area.tp-blog-detail .details-content { min-width: 0; overflow-wrap: anywhere; }
.tp-blog-area.tp-blog-detail .details-content img, .tp-blog-area.tp-blog-detail .details-content video, .tp-blog-area.tp-blog-detail .details-content iframe { max-width: 100%; height: auto; }
.tp-blog-area.tp-blog-detail .details-content table { display: block; max-width: 100%; overflow-x: auto; }
.tp-blog-area.tp-blog-detail .details-content pre { overflow-x: auto; max-width: 100%; }
.tp-blog-pagenation ul { gap: 8px; }
.tp-blog-pagenation ul li { margin-right: 0; }
@media (max-width: 767px) {
  .tp-blog-area:not(.tp-blog-detail) .tp-blog-title-3 { font-size: 24px; }
  .tp-blog-area:not(.tp-blog-detail) .tp-blog-thumb { margin-bottom: 22px; }
  .tp-blog-area .tp-blog-post-thumb { flex-basis: 80px; margin-right: 14px; }
  .tp-blog-area .tp-blog-post-thumb a img { width: 80px; height: 80px; }
  .tp-blog-pagenation ul { gap: 6px; }
}