/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ==========================================================================
   BÀI VIẾT LIÊN QUAN (SINGLE POST) - GENZHOME PREMIUM
   ========================================================================== */
.nt-related-wrap { margin: 50px 0 20px 0; padding-top: 40px; border-top: 1px solid #e2e8f0; clear: both; width: 100%;}
.nt-related-title { font-size: 24px; font-weight: 900; color: #0f172a; text-transform: uppercase; margin-bottom: 25px; position: relative; padding-bottom: 10px;}
.nt-related-title span { color: #1e3a8a; }
.nt-related-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 4px; background: #e11d48; border-radius: 3px; }

.nt-blog-grid-rl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; }
.nt-blog-card-rl { background: #fff; border: 1px solid #f1f5f9; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: all 0.4s; box-shadow: 0 4px 15px rgba(15,23,42,0.03); text-decoration: none !important; }
.nt-blog-card-rl:hover { transform: translateY(-6px); box-shadow: 0 15px 30px rgba(15,23,42,0.08); border-color: #bfdbfe; }

.nt-blog-thumb-rl { width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: #f8fafc; border-bottom: 1px solid #f1f5f9; position: relative;}
.nt-blog-thumb-rl img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; display: block; }
.nt-blog-card-rl:hover .nt-blog-thumb-rl img { transform: scale(1.08); }

.nt-blog-content-rl { padding: 15px !important; display: flex; flex-direction: column; flex-grow: 1; }
.nt-blog-title-rl { font-size: 15px; font-weight: 800; color: #0f172a; line-height: 1.5; margin: 0 0 15px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
.nt-blog-card-rl:hover .nt-blog-title-rl { color: #1e3a8a; }

.nt-blog-btn-wrap-rl { margin-top: auto; border-top: 1px dashed #e2e8f0; padding-top: 10px; }
.nt-blog-btn-rl { display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; color: #64748b; transition: color 0.3s; text-transform: uppercase;}
.nt-blog-btn-rl::after { content: "→"; margin-left: 5px; font-size: 14px; transition: transform 0.3s; }
.nt-blog-card-rl:hover .nt-blog-btn-rl { color: #e11d48; } 
.nt-blog-card-rl:hover .nt-blog-btn-rl::after { transform: translateX(5px); }

@media (max-width: 767px) { .nt-blog-grid-rl { grid-template-columns: 1fr; gap: 15px; } .nt-related-title { font-size: 22px; } }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}