/* The blog templates use the default package's layout classes while keeping
 * the existing site's global header and footer intact. */
:root {
    --tp-theme-primary: #E50000;
    --tp-common-black: #333333;
    --tp-text-body: #666666;
    --tp-common-bg: #FFFFFF;
    --tp-common-bg2: #F5F5F5;
}
main { padding-top: 0; }
.top-carousel { background-color: rgba(229, 0, 0, .14); background-image: url('../../images/index-pic-01.jpg'); background-position: center; background-size: cover; background-blend-mode: multiply; min-height: 320px; display: flex; align-items: center; }
.top-carousel > div { width: 100%; min-height: 0; padding: 0; }
.top-carousel-text { padding: 90px 0 80px; }
.top-carousel-text h2 { font-size: clamp(38px, 5vw, 68px); line-height: 1.08; margin: 0 0 18px; }
.top-carousel-text h2, .top-carousel-text > div { color: #FFFFFF !important; }
.top-carousel-text div { max-width: 620px; color: #FFFFFF !important; font-size: 16px; }
.breadcumb-my { border-bottom: 1px solid #eceff2; background: #fff; }
.breadcumb-my nav { padding: 18px 15px; }
.breadcumb-my ul { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0; padding: 0; list-style: none; }
.breadcumb-my li { color: #777; font-size: 14px; }
.breadcumb-my li:first-child svg { width: 20px; height: 20px; }
.breadcumb-my a { color: #333333; }
.breadcumb-my a:hover { color: #E50000; }
.tp-blog-title-2, .tp-blog-title-2 a { color: #333333 !important; }
.tp-blog-title-2 a:hover, .tp-blog-title a:hover { color: #E50000 !important; }
.tp-blog-text { color: #666666; }
.tp-blog-category { display: flex; flex-wrap: wrap; gap: 8px; }
.tp-blog-category a, .details-date a { color: #E50000; font-size: 13px; }
.tp-blog-category a:hover, .details-date a:hover { color: #C90000; }
.tp-blog-avatar-2 span { border-color: #E50000; color: #E50000; }
.tp-btn { background-color: #E50000 !important; color: #FFFFFF !important; border-radius: 5px; font-family: "Poppins-Medium", Arial, sans-serif; text-transform: none; }
.tp-btn:hover { background-color: #C90000 !important; }
.tp-latest-btns a { color: #333333; border-color: #333333; border-radius: 5px; }
.tp-latest-btns a.active, .tp-latest-btns a:hover { background: #E50000; border-color: #E50000; color: #FFFFFF; }
.tp-blog-title-2 a, .tp-blog-title a { background-image: linear-gradient(#E50000, #E50000), linear-gradient(#E50000, #E50000); }
.tp-sidebar-title { color: #333333; }
.blog-faq-copy { color: #666666; line-height: 1.8; margin-bottom: 18px; }
.blog-faq-link { color: #E50000; font-size: 14px; }
.blog-faq-link:hover { color: #C90000; }
.blog-archive-sidebar .tp-sidebar-widget { border: 1px solid #d9d9d9; }
.blog-recent-panel { padding: 42px 38px 34px; }
.blog-recent-panel .tp-sidebar-title { font-size: 24px; }
.blog-recent-item { display: block; margin: 0; padding: 20px 0 28px; border-bottom: 1px solid #d9d9d9; }
.blog-recent-item.has-image { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 24px; align-items: start; }
.blog-recent-item:last-child { border-bottom: 0; padding-bottom: 0; }
.blog-recent-item .tp-blog-post-thumb { width: 100px; margin-right: 0; }
.blog-recent-item .tp-blog-post-thumb img { width: 100px; height: 54px; object-fit: cover; }
.blog-recent-item .tp-blog-post-content { min-width: 0; }
.blog-recent-item .tp-blog-avatar-3 { display: block; margin-bottom: 10px; color: #666666; font-size: 13px; line-height: 1.4; }
.blog-recent-item .tp-blog-avatar-title a { color: #333333; font-size: 15px; font-weight: 600; line-height: 1.55; }
.blog-recent-item .tp-blog-avatar-title a:hover { color: #E50000; }
.blog-detail-sidebar .tp-sidebar-widget { border: 1px solid #d9d9d9; }
.blog-category-panel { padding: 42px 38px 44px; }
.blog-category-panel .tp-sidebar-title { font-size: 24px; }
.blog-category-panel .tp-sidebar-widget-list ul { margin: 0; padding: 0; }
.blog-category-panel .tp-sidebar-widget-list ul li { margin: 0 0 15px; border: 1px solid #d9d9d9; list-style: none; }
.blog-category-panel .tp-sidebar-widget-list ul li:last-child { margin-bottom: 0; }
.blog-category-panel .tp-sidebar-widget-list ul li a { display: block; padding: 12px 24px; color: #666666; font-size: 17px; line-height: 1.3; }
.blog-category-panel .tp-sidebar-widget-list ul li a:hover { color: #E50000; }
.blog-detail-sidebar .blog-recent-panel { position: static; margin-top: 40px; }
.blog-support-panel { min-height: 540px; display: flex; align-items: center; justify-content: center; padding: 50px 30px; text-align: center; }
.blog-support-title { margin-bottom: 28px; color: #333333; font-size: 32px; font-weight: 600; line-height: 1.22; }
.blog-support-link { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 154px; }
.tp-sidebar-widget-list ul li a { color: #666666; }
.tp-sidebar-widget-list ul li a:hover { color: #E50000; }
.tp-blog-pagenation ul li a.active, .tp-blog-pagenation ul li a:hover { background: #E50000; border-color: #E50000; color: #FFFFFF; }
.news-page a:hover { color: #E50000; }
.news-page i { background: #F5F5F5; color: #333333; }
.news-page a:hover i { background: #E50000; color: #FFFFFF; }
.blog-details__text-1 { color: #555; line-height: 1.9; }
.blog-details__text-1 img { max-width: 100%; height: auto; }
.blog-details__text-1 h2, .blog-details__text-1 h3 { scroll-margin-top: 130px; }
.public-blog-share { margin-top: 36px; padding: 28px 0 12px; border-top: 1px solid #e4e4e4; }
.public-blog-share > span { color: #333333; }
.public-blog-share > div { justify-content: flex-end; }
.public-blog-share a, .public-blog-share button { width: auto; min-width: 42px; height: 40px; padding: 0 15px; border: 1px solid #E50000; border-radius: 5px; background: #FFFFFF; color: #E50000; font: inherit; font-size: 13px; line-height: 38px; cursor: pointer; text-align: center; }
.public-blog-share a:hover, .public-blog-share button:hover, .public-blog-share button:focus { background: #E50000; color: #FFFFFF; }
.tp-blog-thumb img, .tp-blog-thumb-2 img { width: 100%; height: auto; display: block; }
.tp-blog-post-thumb img { width: 100%; height: 85px; object-fit: cover; }
.tp-blog-pagenation .current { background: #E50000; border-color: #E50000; color: #FFFFFF; }
@media (max-width: 767px) {
    .top-carousel { min-height: 240px; }
    .top-carousel-text { padding: 60px 0 50px; }
    .top-carousel-text h2 { font-size: 38px; }
    .public-blog-share { align-items: flex-start; flex-direction: column; }
    .public-blog-share > div { justify-content: flex-start; }
    .blog-recent-panel { padding: 32px 24px 28px; }
    .blog-category-panel { padding: 32px 24px; }
    .blog-recent-item { grid-template-columns: 88px minmax(0, 1fr); gap: 18px; }
    .blog-recent-item .tp-blog-post-thumb, .blog-recent-item .tp-blog-post-thumb img { width: 88px; }
    .blog-support-panel { min-height: 360px; }
    .blog-support-title { font-size: 28px; }
}