html[data-site-theme="theme-1"] { --theme-color: #6d30fb; --theme-color2: #ab33f5; }
html[data-site-theme="theme-2"] { --theme-color: #1679ff; --theme-color2: #00b5e6; }
html[data-site-theme="theme-3"] { --theme-color: #ff6914; --theme-color2: #ff9d35; }

/* Không chặn nội dung bằng màn hình tải khi trang được cache hoặc chụp preview. */
.preloader { display: none !important; }

.header-logo > a,
.mobile-logo > a,
.about-logo > a,
.footer-logo > a {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.header-logo img { width: 112px; height: 50px; object-fit: contain; }
.mobile-logo img, .about-logo img, .footer-logo img { width: 125px; height: 54px; object-fit: contain; }
.preloader .bounce img { width: 82px; height: 82px; object-fit: contain; }
.logo-stage img { object-fit: contain; }
.testi-card4 .box-profile .box-img { display: none; }
.testi-card4 .box-profile { padding-left: 0; }
.hero-form-wrap .th-btn { white-space: nowrap; }
.main-menu a.active,
.th-mobile-menu a.active { color: var(--theme-color) !important; }

html.personal-inner-page:not(.bg-black) {
    --title-color: #fff;
    --body-color: #c6c9d4;
    --th-body-background: #000;
    background: #000;
}
html.personal-inner-page:not(.bg-black) body { background: #000; }
html.personal-inner-page:not(.bg-black) #project-sec,
html.personal-inner-page:not(.bg-black) #blog-sec { background: #000; }
html.personal-inner-page:not(.bg-black) .blog-card { background: #141414; }
html.personal-inner-page:not(.bg-black) .blog-card .box-title a,
html.personal-inner-page:not(.bg-black) .project-card2 .box-title a { color: #fff; }
html.personal-inner-page:not(.bg-black) .blog-card .blog-meta a { color: #c6c9d4; }

@media (max-width: 575px) {
    .header-logo img { width: 90px; height: 42px; }
    .header-logo > a { padding: 0 !important; }
    .hero-style4 .hero-title { font-size: 42px; }
}