.archive-blogs-container{--blog-chinh:#12823c;--blog-dam:#0b3d26;--blog-nhat:#e8f5ec;--blog-nen:#f3f8f5;--blog-chu:#1a1a1a;--blog-phu:#555555;--blog-xam:#8a8a8a;--blog-vien:#e5e5e5;--blog-anh:#e3e3e3;font-family:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--blog-chu);padding:24px 0 60px}.archive-blogs-container *,.archive-blogs-container *::before,.archive-blogs-container *::after{box-sizing:border-box}.archive-blogs-container :where(h1,h2,h3,h4,p,ul,ol){margin:0;padding:0}.archive-blogs-container :where(ul,ol){list-style:none}.archive-blogs-container a{color:inherit;text-decoration:none;transition:color .25s}.archive-blogs-container img{display:block;max-width:100%;height:auto;background:var(--blog-anh);color:#fff0;font-size:0}.archive-blogs-container img:not([src]){content:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.archive-blogs-container .archive-blogs-khung{max-width:1340px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}.archive-blogs-container .archive-blogs-breadcrumb ol{display:flex;flex-wrap:wrap;font-size:14px;color:var(--blog-phu)}.archive-blogs-container .archive-blogs-breadcrumb li+li::before{content:"/";margin:0 8px;color:var(--blog-xam)}.archive-blogs-container .archive-blogs-breadcrumb a{color:var(--blog-chinh)}.archive-blogs-container .archive-blogs-breadcrumb a:hover{color:var(--blog-dam);text-decoration:underline}.archive-blogs-container .archive-blogs-sidebar{position:sticky;top:24px;display:grid;gap:32px}.archive-blogs-container .archive-blogs-widgettieude p{position:relative;padding-bottom:12px;font-size:22px;line-height:1.3;font-weight:700}.archive-blogs-container .archive-blogs-widgettieude p::after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:2px;background:var(--blog-chinh)}.archive-blogs-container .archive-blogs-baimoi ul{display:grid;gap:16px;margin-top:20px}.archive-blogs-container .archive-blogs-baimoi li{display:grid;grid-template-columns:192px minmax(0,1fr);gap:16px;align-items:start}.archive-blogs-container .archive-blogs-baimoi li p{overflow:hidden;border-radius:8px}.archive-blogs-container .archive-blogs-baimoi li img{width:100%;aspect-ratio:192 / 123;object-fit:cover;transition:transform .5s}.archive-blogs-container .archive-blogs-baimoi li:hover img{transform:scale(1.06)}.archive-blogs-container .archive-blogs-baimoi h3{font-size:15px;line-height:1.45;font-weight:700;text-transform:uppercase}.archive-blogs-container .archive-blogs-baimoi h3 a:hover{color:var(--blog-chinh)}.archive-blogs-container .archive-blogs-hotline a{display:flex;align-items:center;justify-content:center;gap:14px;height:64px;border-radius:8px;background:var(--blog-chinh) url(/wp-content/themes/thongtacphutho/assets/images/icons/icon-dien-thoai-trang-lon.png) calc(50% - 98px) center / 24px 24px no-repeat;padding-left:40px;color:#fff;font-size:26px;font-weight:700;letter-spacing:.5px;transition:background-color .25s,transform .25s,box-shadow .25s}.archive-blogs-container .archive-blogs-hotline a:hover{background-color:var(--blog-dam);transform:translateY(-2px);box-shadow:0 12px 24px rgb(11 61 38 / .2)}.archive-blogs-container .archive-blogs-banner{margin-bottom:16px}.archive-blogs-container .archive-blogs-banner p{overflow:hidden;border-radius:8px}.archive-blogs-container .archive-blogs-banner img{width:100%;aspect-ratio:830 / 165;object-fit:cover}.archive-blogs-container .archive-blogs-main>h1{margin-top:18px;font-size:32px;line-height:1.3;font-weight:700;color:var(--blog-chinh)}.archive-blogs-container .archive-blogs-danhsach{margin-top:24px}.archive-blogs-container .archive-blogs-item{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--blog-vien)}.archive-blogs-container .archive-blogs-item:first-child{padding-top:0}.archive-blogs-container .archive-blogs-itemanh p{overflow:hidden;border-radius:8px}.archive-blogs-container .archive-blogs-itemanh img{width:100%;aspect-ratio:290 / 194;object-fit:cover;transition:transform .5s}.archive-blogs-container .archive-blogs-item:hover .archive-blogs-itemanh img{transform:scale(1.06)}.archive-blogs-container .archive-blogs-itemnoidung h2{font-size:24px;line-height:1.4;font-weight:700;text-transform:uppercase;color:var(--blog-dam)}.archive-blogs-container .archive-blogs-itemnoidung h2 a:hover{color:var(--blog-chinh)}.archive-blogs-container .archive-blogs-itemmota{margin-top:10px}.archive-blogs-container .archive-blogs-itemmota p{font-size:14px;color:var(--blog-phu);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-blogs-container .archive-blogs-itemmeta{margin-top:10px}.archive-blogs-container .archive-blogs-itemmeta p{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;color:var(--blog-xam)}.archive-blogs-container .archive-blogs-itemmeta span:last-child{color:var(--blog-chu)}.archive-blogs-container .archive-blogs-phantrang{margin-top:32px}.archive-blogs-container .archive-blogs-phantrang ul{display:flex;flex-wrap:wrap;gap:8px}.archive-blogs-container .archive-blogs-phantrang a,.archive-blogs-container .archive-blogs-phantrang span{min-width:40px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--blog-vien);border-radius:6px;font-size:14px;font-weight:700;transition:background-color .25s,border-color .25s,color .25s}.archive-blogs-container .archive-blogs-phantrang a:hover{border-color:var(--blog-chinh);color:var(--blog-chinh)}.archive-blogs-container .archive-blogs-phantrang span[aria-current]{background:var(--blog-chinh);border-color:var(--blog-chinh);color:#fff}@media (max-width:1199px){.archive-blogs-container .archive-blogs-item{grid-template-columns:220px minmax(0,1fr);gap:20px}.archive-blogs-container .archive-blogs-itemnoidung h2{font-size:20px}}@media (max-width:767px){.archive-blogs-container .archive-blogs-main>h1{margin-top:12px;font-size:26px}.archive-blogs-container .archive-blogs-danhsach{margin-top:16px}.archive-blogs-container .archive-blogs-item{grid-template-columns:1fr;gap:14px;padding:20px 0}.archive-blogs-container .archive-blogs-itemanh img{aspect-ratio:3 / 2}.archive-blogs-container .archive-blogs-itemnoidung h2{font-size:18px}}@media (max-width:1199px){.archive-blogs-container .archive-blogs-khung{grid-template-columns:minmax(0,1fr) 320px;gap:30px}.archive-blogs-container .archive-blogs-baimoi li{grid-template-columns:120px minmax(0,1fr);gap:12px}.archive-blogs-container .archive-blogs-baimoi h3{font-size:14px}}@media (max-width:991px){.archive-blogs-container .archive-blogs-khung{grid-template-columns:minmax(0,1fr);gap:40px}.archive-blogs-container .archive-blogs-sidebar{position:static}}@media (max-width:767px){.archive-blogs-container{padding:16px 0 40px}.archive-blogs-container .archive-blogs-breadcrumb ol{font-size:13px}.archive-blogs-container .archive-blogs-widgettieude p{font-size:18px}.archive-blogs-container .archive-blogs-baimoi li{grid-template-columns:112px minmax(0,1fr)}.archive-blogs-container .archive-blogs-hotline a{height:56px;font-size:22px;background-position:calc(50% - 84px) center}}@media (prefers-reduced-motion:reduce){.archive-blogs-container *,.archive-blogs-container *::before,.archive-blogs-container *::after{transition-duration:.01ms!important}}