/*
Theme Name: Flatsome Child
Description: THỌ TUYẾT - Brandinfo
Author: Brandinfo
Template: flatsome
Version: 1.0.1
*/

/* THỌ TUYẾT: page sections stay editable in UX Builder. */
#header .header-nav-main.nav>li { margin: 0 5px; }
#header .header-nav-main.nav>li>a { font-size: 15px; font-weight: 600; letter-spacing: 0; padding: 0 10px; }
#header .icon-menu:before,#header .icon-search:before { color: #fff; }
.tt-hero-copy .col-inner { padding: 14px 20px 10px 0; }
.tt-hero h1 { color: #082f4a; font-size: clamp(32px, 3.7vw, 52px); line-height: 1.14; margin: 0 0 24px; letter-spacing: -.025em; }
.tt-eyebrow { color: #9b7529; font-size: 12px; letter-spacing: .12em; font-weight: 700; margin-bottom: 16px; }
.tt-lead { font-size: 17px; line-height: 1.75; color: #425465; }
.tt-motto { color: #9b7529; font-size: 21px; font-style: italic; font-weight: 600; }
.tt-location,.tt-caption { font-size: 13px; color: #657381; }
.tt-hero-photo img { border-radius: 12px; }
.tt-hero-photo .img { margin-bottom: 10px; }
.tt-primary { background: #d1ac55; color: #082f4a; border-radius: 4px; border: 1px solid #d1ac55; }
.tt-primary:hover { background: #082f4a; color: #fff; border-color: #082f4a; }
.tt-hero .is-outline,.tt-contact-strip .is-outline { color: #082f4a; border: 1px solid #082f4a; border-radius: 4px; }
.tt-benefits h3,.tt-benefits p { color: #fff; }
.tt-benefits h3 { font-size: 19px; margin-bottom: 6px; }
.tt-benefits p { font-size: 14px; opacity: .87; margin: 0; }
.tt-benefits .col { padding-bottom: 0; }
.tt-categories h2,.tt-about-strip h2,.tt-contact-strip h2 { color: #082f4a; font-size: 31px; line-height: 1.25; }
.tt-category-card { padding-bottom: 24px; }
.tt-category-card>.col-inner { min-height: 245px; height: 100%; padding: 24px; background: #fff; border: 1px solid #dfe6eb; border-radius: 8px; transition: border-color .2s,box-shadow .2s; }
.tt-category-card>.col-inner:hover { border-color: #d1ac55; box-shadow: 0 8px 24px rgba(8,47,74,.07); }
.tt-card-index { color: #c49b43; font-size: 24px; font-weight: 700; margin-bottom: 14px; }
.tt-category-card h3 { font-size: 19px; margin-bottom: 12px; }
.tt-category-card h3 a { color: #082f4a; }
.tt-category-card p { font-size: 14px; line-height: 1.65; }
.tt-card-link { color: #9b7529; font-weight: 600; }
.tt-card-link:hover { color: #082f4a; }
.tt-about-strip p { line-height: 1.8; }
.tt-contact-strip h2 { font-size: 26px; }
.tt-category-pill { display: block; padding: 10px 12px; background: #f4f7fa; color: #082f4a; border: 1px solid #dfe6eb; border-radius: 4px; font-weight: 600; font-size: 13px; }
.tt-category-pill:hover { background: #082f4a; color: #fff; }
.tt-catalog-nav .col { padding-bottom: 0; }
.tt-catalog-intro h1,.tt-about h1,.tt-contact h1,.tt-service h1 { color: #082f4a; font-size: 36px; line-height: 1.25; }
.tt-about-details h2,.tt-contact h2,.tt-service h2 { color: #082f4a; font-size: 23px; }
.tt-about-details li,.tt-contact li,.tt-service li { margin-bottom: .5em; }
.tt-footer h3 { color: #fff; font-size: 18px; margin-bottom: 18px; }
.tt-footer p,.tt-footer a { color: #fff; font-size: 14px; line-height: 1.75; }
.tt-footer a:hover { color: #f1d487; }
.tt-footer .hover-list p { margin-bottom: 9px; }
.tt-footer .tt-footer-call { display: inline-block; padding: 8px 16px; margin: 6px 0 12px; color: #082f4a; background: #e1c376; border: none; border-radius: 4px; font-size: 18px; font-weight: 700; }
.tt-footer .tt-footer-call:hover { background: #fff; color: #082f4a; }
.tt-quick-contact { position: fixed; right: 16px; bottom: 20px; display: flex; gap: 8px; z-index: 100; }
.tt-quick-contact a { background: #082f4a; color: #fff; border: 1px solid #fff; padding: 10px 15px; border-radius: 30px; box-shadow: 0 3px 12px #0002; font-size: 13px; font-weight: 600; }
.tt-quick-contact a:first-child { background: #d1ac55; color: #082f4a; }
.tt-quick-contact a:hover { background: #fff; color: #082f4a; }
@media (max-width: 849px) {
 .tt-hero-copy .col-inner { padding-right: 0; }
 .tt-category-card { flex-basis: 50%; max-width: 50%; }
 .tt-footer .col { flex-basis: 50%; max-width: 50%; }
 .tt-hero h1 { font-size: 38px; }
 .tt-benefits .col { padding-bottom: 16px; }
}
@media (max-width: 549px) {
 .tt-hero h1 { font-size: 32px; }
 .tt-categories h2,.tt-about-strip h2 { font-size: 27px; }
 .tt-lead { font-size: 15px; }
 .tt-category-card>.col-inner { min-height: 245px; padding: 16px; }
 .tt-category-card h3 { font-size: 17px; }
 .tt-category-card p { font-size: 13px; }
 .tt-footer .col:first-child,.tt-footer .col:last-child { flex-basis: 100%; max-width: 100%; }
 .tt-quick-contact { right: 10px; bottom: 10px; gap: 6px; }
 .tt-quick-contact a { font-size: 12px; padding: 9px 12px; }
 .tt-about h1,.tt-contact h1,.tt-service h1 { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) {
 .tt-category-card>.col-inner { transition: none; }
}