/*!
 * QEMIX - Trang lien he, trang tin tuc va trang chi tiet tin tuc.
 *
 * Moi luat deu bat dau bang .qmx-contact, .qmx-news hoac .qmx-post, la
 * cac lop chi co tren dung ba nhom trang do, nen khong anh huong toi
 * phan con lai cua site. Bang mau lay tu qemix-home.css.
 */

/* ============================================================
 * 1. NEN CHUNG CHO CA BA TRANG
 * ============================================================ */

.qmx-contact #content,
.qmx-news #content,
.qmx-post #content{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:15.5px;line-height:1.7;color:var(--qmx-t1);
  background:#fff;-webkit-font-smoothing:antialiased}
.qmx-contact #content *,
.qmx-news #content *,
.qmx-post #content *{box-sizing:border-box}
.qmx-contact #content h1,.qmx-contact #content h2,.qmx-contact #content h3,
.qmx-news #content h1,.qmx-news #content h2,.qmx-news #content h3,
.qmx-post #content h1,.qmx-post #content h2,.qmx-post #content h3{
  color:var(--qmx-ink);letter-spacing:-.026em;line-height:1.2;
  font-weight:600;text-transform:none}

/* Khung rong toi da, giong cac trang khac cua giao dien moi. */
.qmx-contact #content>.row,
.qmx-news #content>.row,
.qmx-post #content>.row{
  max-width:1490px;margin-left:auto;margin-right:auto;
  padding-left:22px;padding-right:22px}

/* ============================================================
 * 2. THANH TIEU DE TRANG
 * ============================================================
 * Flatsome ve mot dai mau dam chiem het chieu ngang. Giao dien moi dung
 * nen sang, chu mau muc, duong dan nho o duoi.
 */

.qmx-contact .page-title.featured-title,
.qmx-contact .page-title{background:var(--qmx-soft);color:var(--qmx-t1)}
.qmx-contact .page-title .title-overlay{background:var(--qmx-soft)}
.qmx-contact .page-title-inner{
  padding-top:40px;padding-bottom:34px;min-height:0}
.qmx-contact .page-title .entry-title{
  font-size:clamp(26px,2.8vw,35px);font-weight:600;
  letter-spacing:-.026em;line-height:1.2;
  color:var(--qmx-ink);margin:0;text-transform:none}
.qmx-contact .page-title .title-wrapper{text-transform:none}
.qmx-contact .page-title .breadcrumbs,
.qmx-contact .page-title .woocommerce-breadcrumb{
  font-size:12.5px;font-weight:300;color:var(--qmx-t3);
  text-transform:none;letter-spacing:0}
.qmx-contact .page-title .breadcrumbs a{color:var(--qmx-t2)}
.qmx-contact .page-title .breadcrumbs a:hover{color:var(--qmx-blue)}

/* ============================================================
 * 3. TRANG LIEN HE
 * ============================================================ */

.qmx-contact #content>.row.row-main{padding-top:34px;padding-bottom:56px}
.qmx-contact #content .entry-content>.row{margin-top:8px}

/* Anh banner o cot trai.
   Flatsome cho anh nay mo dan bang JavaScript, nen khi kich ban do khong
   chay kip thi anh ke nguyen cho trong. O trang nay anh luon hien. */
.qmx-contact .entry-content img{border-radius:14px;height:auto}
.qmx-contact #content .img-inner.image-fade-in,
.qmx-contact #content [data-animate]{opacity:1}

/* Khoi form yeu cau bao gia. */
.qmx-contact .qemix-contact-box{
  background:#fff;border:1px solid var(--qmx-line);border-radius:16px;
  padding:26px 26px 22px;margin-top:20px}
.qmx-contact .qemix-contact-box h3{
  font-size:19px;font-weight:600;margin:0 0 6px}
.qmx-contact .qemix-contact-box>p{
  font-size:14px;color:var(--qmx-t2);line-height:1.65;margin:0 0 18px}
/* Contact Form 7 boc moi truong trong the p, nen phai go khoang cach
   mac dinh cua the do di roi tu dat lai. */
.qmx-contact .qemix-contact-box p{margin:0 0 14px}
.qmx-contact .qemix-contact-box p:last-child{margin-bottom:0}
.qmx-contact .qemix-contact-box br{display:none}
.qmx-contact .qemix-contact-box label{
  display:block;font-size:13.5px;font-weight:600;
  color:var(--qmx-t1);margin-bottom:7px}

/* Hai o tren mot hang. */
.qmx-contact .qemix-form-row{
  display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.qmx-contact .qemix-form-row>div{min-width:0}

.qmx-contact .qemix-contact-box .wpcf7-form-control-wrap{display:block}
.qmx-contact .qemix-contact-box input[type="text"],
.qmx-contact .qemix-contact-box input[type="tel"],
.qmx-contact .qemix-contact-box input[type="email"],
.qmx-contact .qemix-contact-box select,
.qmx-contact .qemix-contact-box textarea{
  font:inherit;font-size:14px;color:var(--qmx-t1);
  width:100%;height:46px;min-height:0;margin:0;padding:0 14px;
  background:var(--qmx-soft);border:1.5px solid var(--qmx-line);
  border-radius:11px;box-shadow:none;
  transition:.2s var(--qmx-ease)}
.qmx-contact .qemix-contact-box textarea{
  height:auto;min-height:130px;padding:12px 14px;resize:vertical;line-height:1.6}
.qmx-contact .qemix-contact-box input:focus,
.qmx-contact .qemix-contact-box textarea:focus,
.qmx-contact .qemix-contact-box select:focus{
  outline:none;background:#fff;border-color:#BFD9EE;box-shadow:none}
.qmx-contact .qemix-contact-box ::placeholder{color:var(--qmx-t3);opacity:1}

.qmx-contact .qemix-contact-box input.wpcf7-submit{
  width:100%;height:48px;min-height:0;margin:4px 0 0;padding:0 24px;
  font-size:14.5px;font-weight:600;line-height:1;letter-spacing:-.008em;
  text-transform:none;border:0;border-radius:12px;
  background:var(--qmx-grad);color:#fff;cursor:pointer;
  box-shadow:0 10px 24px -8px rgba(47,88,168,.42);
  transition:.22s var(--qmx-ease)}
.qmx-contact .qemix-contact-box input.wpcf7-submit:hover{
  transform:translateY(-2px);filter:brightness(1.05)}
.qmx-contact .wpcf7-spinner{margin:0 0 0 10px}

/* Dong ghi chu duoi nut gui. */
.qmx-contact .qemix-contact-info{
  margin-top:16px;padding-top:14px;
  border-top:1px solid var(--qmx-line-s)}
.qmx-contact .qemix-contact-info p{
  font-size:13px;color:var(--qmx-t3);margin:0}

/* Bao loi va bao thanh cong cua Contact Form 7. */
.qmx-contact .wpcf7-response-output{
  margin:16px 0 0;padding:12px 15px;border:1px solid var(--qmx-line);
  border-radius:10px;font-size:13.5px;line-height:1.55}
.qmx-contact .wpcf7 form.invalid .wpcf7-response-output,
.qmx-contact .wpcf7 form.unaccepted .wpcf7-response-output{
  background:var(--qmx-c1b);border-color:#F0D9AE;color:var(--qmx-c1)}
.qmx-contact .wpcf7 form.sent .wpcf7-response-output{
  background:var(--qmx-c3b);border-color:#BFE3C9;color:var(--qmx-c3)}
.qmx-contact .wpcf7-not-valid-tip{
  font-size:12.5px;color:var(--qmx-c6);margin-top:6px}
.qmx-contact .wpcf7-not-valid{border-color:#E7B9CB}

/* Cot phai. Ten lop la qemix-map-box nhung thuc te no boc ca doan gioi
   thieu, cac dong lien he va ban do, nen o day to no thanh mot the
   thong tin day du. */
.qmx-contact .qemix-map-box{
  background:#fff;border:1px solid var(--qmx-line);border-radius:16px;
  padding:26px;margin-top:20px}
.qmx-contact .qemix-map-box p{
  font-size:14.5px;line-height:1.75;color:var(--qmx-t2);margin:0 0 10px}
/* Doan dau la loi gioi thieu, cho dam hon cac dong con lai. */
.qmx-contact .qemix-map-box p:first-child{
  font-size:15px;color:var(--qmx-t1);margin-bottom:14px}
.qmx-contact .qemix-map-box p:nth-child(2){
  display:inline-block;font-size:11.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--qmx-teal);
  margin-bottom:16px}
.qmx-contact .qemix-map-box a{color:var(--qmx-blue);font-weight:500}
.qmx-contact .qemix-map-box h4{
  font-size:15px;font-weight:600;color:var(--qmx-ink);
  margin:22px 0 12px;padding-top:18px;
  border-top:1px solid var(--qmx-line-s)}
/* Ban do nam trong mot the p, bo khoang cach cua the do va bo goc khung. */
.qmx-contact .qemix-map-box p:has(iframe){margin:0;line-height:0}
.qmx-contact .qemix-map-box iframe{
  display:block;width:100%;height:360px;border:0;
  border-radius:12px;background:var(--qmx-soft)}

/* ============================================================
 * 4. KHOI DAU TRANG TIN TUC
 * ============================================================
 * Markup nam trong tuy chon giao dien blog_header cua site nhung chua he
 * co CSS, nen truoc day no do ra thanh cac dong chu roi rac. Khoi nay
 * dung lai theo dung ngon ngu thiet ke cua trang chu.
 */

.qmx-news .qemix-blog-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(128deg,#0C1B3A 0%,#173366 52%,#12507F 100%);
  color:#fff;padding:clamp(44px,5vw,72px) 0;
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif}
.qmx-news .qemix-blog-hero *{box-sizing:border-box}
.qmx-news .qemix-blog-hero a{text-decoration:none}
.qmx-news .qemix-blog-hero__decor{
  position:absolute;border-radius:50%;pointer-events:none;
  filter:blur(46px);opacity:.4}
.qmx-news .qemix-blog-hero__decor--one{
  width:420px;height:420px;top:-160px;right:-90px;
  background:radial-gradient(circle,#1FC3F3,transparent 68%)}
.qmx-news .qemix-blog-hero__decor--two{
  width:360px;height:360px;bottom:-170px;left:-110px;
  background:radial-gradient(circle,#56BA71,transparent 68%)}
.qmx-news .qemix-blog-hero__inner{
  position:relative;z-index:2;
  max-width:1490px;margin:0 auto;padding:0 22px;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:40px;align-items:center}
.qmx-news .qemix-blog-hero__content{min-width:0}
.qmx-news .qemix-blog-hero__eyebrow{
  display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:#7FD9F5;margin-bottom:12px}
.qmx-news .qemix-blog-hero h1{
  font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.16;
  letter-spacing:-.03em;color:#fff;margin:0 0 14px}
.qmx-news .qemix-blog-hero h1 span{
  background:linear-gradient(103deg,#7FD9F5 0%,#8FE3A6 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent}
.qmx-news .qemix-blog-hero p{
  font-size:15.5px;line-height:1.7;font-weight:300;
  color:rgba(255,255,255,.72);margin:0 0 24px;max-width:56ch}

.qmx-news .qemix-blog-hero__actions{
  display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.qmx-news .qemix-blog-hero__primary,
.qmx-news .qemix-blog-hero__secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:46px;padding:0 24px;border-radius:12px;
  font-size:14px;font-weight:600;letter-spacing:-.008em;
  transition:.22s var(--qmx-ease)}
.qmx-news .qemix-blog-hero__primary{background:#fff;color:#1B3B77}
.qmx-news .qemix-blog-hero__primary:hover{
  transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.2);color:#1B3B77}
.qmx-news .qemix-blog-hero__secondary{
  color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32)}
.qmx-news .qemix-blog-hero__secondary:hover{
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);color:#fff}

.qmx-news .qemix-blog-hero__features{
  display:flex;flex-wrap:wrap;gap:10px 22px}
.qmx-news .qemix-blog-hero__feature{
  display:inline-flex;align-items:center;gap:9px;
  font-size:13.5px;font-weight:400;color:rgba(255,255,255,.78)}
.qmx-news .qemix-blog-hero__feature-icon{
  width:20px;height:20px;border-radius:50%;flex:none;
  display:grid;place-items:center;font-size:11px;
  background:rgba(143,227,166,.18);color:#8FE3A6}

/* Hai the o cot phai. */
.qmx-news .qemix-blog-hero__visual{position:relative;min-width:0}
.qmx-news .qemix-blog-hero__card{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;backdrop-filter:blur(6px)}
.qmx-news .qemix-blog-hero__card--main{
  padding:26px 26px 28px;display:flex;flex-direction:column;gap:4px}
.qmx-news .qemix-blog-hero__card-icon{
  width:46px;height:46px;border-radius:13px;
  display:grid;place-items:center;font-size:22px;margin-bottom:10px;
  background:linear-gradient(122deg,#3B5BA8 0%,#1FC3F3 56%,#56BA71 100%)}
.qmx-news .qemix-blog-hero__card--main>span{
  font-size:10.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:#7FD9F5}
.qmx-news .qemix-blog-hero__card--main strong{
  font-size:19px;font-weight:600;line-height:1.35;color:#fff}
.qmx-news .qemix-blog-hero__card--small{
  margin-top:14px;padding:15px 18px;
  display:flex;align-items:center;gap:13px}
.qmx-news .qemix-blog-hero__small-icon{
  width:38px;height:38px;border-radius:11px;flex:none;
  display:grid;place-items:center;font-size:17px;
  background:rgba(127,217,245,.16);color:#7FD9F5}
.qmx-news .qemix-blog-hero__card--small strong{
  display:block;font-size:14px;font-weight:600;color:#fff}
.qmx-news .qemix-blog-hero__card--small span{
  font-size:12.5px;font-weight:300;color:rgba(255,255,255,.6)}
/* Bon cham trang tri, khong mang noi dung. */
.qmx-news .qemix-blog-hero__molecule{
  position:absolute;right:-6px;bottom:-26px;
  display:flex;gap:9px;pointer-events:none}
.qmx-news .qemix-blog-hero__molecule span{
  width:7px;height:7px;border-radius:50%;
  background:rgba(127,217,245,.5)}

/* ============================================================
 * 5. DANH SACH BAI VIET
 * ============================================================ */

.qmx-news #content>.row{padding-top:48px;padding-bottom:56px}
.qmx-news #post-list{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.qmx-news #post-list>article{margin:0;padding:0;border:0}

/* Moi bai la mot the. Anh nam truoc phan chu, nhung trong ma nguon anh
   lai dung sau phan tieu de, nen dao thu tu bang flex. */
.qmx-news #post-list .article-inner{
  display:flex;flex-direction:column;height:100%;
  background:#fff;border:1px solid var(--qmx-line);border-radius:16px;
  overflow:hidden;transition:.28s var(--qmx-ease)}
.qmx-news #post-list .article-inner:hover{
  transform:translateY(-5px);border-color:transparent;
  box-shadow:var(--qmx-sh-3)}
.qmx-news #post-list .entry-image-float,
.qmx-news #post-list .entry-image{
  order:-1;margin:0;float:none;width:100%}
.qmx-news #post-list .entry-image-float a{display:block}
.qmx-news #post-list .entry-image-float img{
  width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;
  display:block;transition:.4s var(--qmx-ease)}
.qmx-news #post-list .article-inner:hover .entry-image-float img{
  transform:scale(1.04)}

.qmx-news #post-list .entry-header{padding:18px 20px 0}
.qmx-news #post-list .entry-header-text{
  text-align:left;padding:0}
.qmx-news #post-list .entry-category{
  font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 8px}
.qmx-news #post-list .entry-category a{color:var(--qmx-teal)}
.qmx-news #post-list .entry-title{
  font-size:17px;font-weight:600;line-height:1.4;
  letter-spacing:-.012em;margin:0 0 8px}
.qmx-news #post-list .entry-title a{color:var(--qmx-ink);transition:.2s}
.qmx-news #post-list .entry-title a:hover{color:var(--qmx-blue)}
.qmx-news #post-list .entry-divider{display:none}
.qmx-news #post-list .entry-meta{
  font-size:12px;font-weight:400;color:var(--qmx-t3);
  text-transform:none;letter-spacing:0;margin:0}
.qmx-news #post-list .entry-meta a{color:var(--qmx-t3)}
.qmx-news #post-list .byline{display:none}

.qmx-news #post-list .entry-content{
  padding:12px 20px 20px;margin:0;
  display:flex;flex-direction:column;flex:1}
.qmx-news #post-list .entry-summary{
  font-size:13.5px;line-height:1.7;color:var(--qmx-t2);font-weight:300;
  display:flex;flex-direction:column;flex:1}
.qmx-news #post-list .entry-summary>.text-center{
  margin-top:auto;padding-top:14px;text-align:left}
.qmx-news #post-list .more-link{
  display:inline-flex;align-items:center;gap:7px;
  min-height:0;margin:0;padding:0;border:0;background:none;
  font-size:13.5px;font-weight:600;letter-spacing:-.008em;
  text-transform:none;color:var(--qmx-blue);
  box-shadow:none;transition:.2s var(--qmx-ease)}
.qmx-news #post-list .more-link:hover{
  gap:11px;background:none;color:var(--qmx-blue);box-shadow:none}
.qmx-news #post-list .clearfix{display:none}

/* Phan trang. */
.qmx-news .page-numbers,
.qmx-news .nav-pagination{margin-top:36px}
.qmx-news .nav-pagination>li>a,
.qmx-news .nav-pagination>li>span{
  min-width:38px;height:38px;line-height:36px;margin:0 3px;padding:0 11px;
  font-size:13.5px;font-weight:500;background:#fff;color:var(--qmx-t1);
  border:1px solid var(--qmx-line);border-radius:10px;transition:.18s}
.qmx-news .nav-pagination>li>a:hover{
  background:var(--qmx-soft);border-color:#BFD9EE;color:var(--qmx-blue)}
.qmx-news .nav-pagination>li>.current{
  background:var(--qmx-grad);border-color:transparent;color:#fff;font-weight:600}

/* ============================================================
 * 6. CHI TIET BAI VIET
 * ============================================================ */

.qmx-post #content>.row{padding-top:34px;padding-bottom:56px}
.qmx-post .large-9.col{padding-right:26px}

.qmx-post .entry-header{margin-bottom:24px}
.qmx-post .entry-header-text{text-align:left;padding:0}
.qmx-post .entry-category{
  font-size:11.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 10px}
.qmx-post .entry-category a{color:var(--qmx-teal)}
.qmx-post .entry-title{
  font-size:clamp(25px,2.9vw,36px);font-weight:600;line-height:1.2;
  letter-spacing:-.028em;color:var(--qmx-ink);margin:0 0 12px}
.qmx-post .entry-divider{display:none}
.qmx-post .entry-meta{
  font-size:12.5px;font-weight:400;color:var(--qmx-t3);
  text-transform:none;letter-spacing:0;
  padding-bottom:18px;border-bottom:1px solid var(--qmx-line-s)}
.qmx-post .entry-meta a{color:var(--qmx-t3)}

/* Than bai viet. */
.qmx-post .entry-content{
  font-size:16px;line-height:1.8;color:var(--qmx-t2);padding:0}
.qmx-post .entry-content p{margin:0 0 18px}
.qmx-post .entry-content h2{font-size:23px;margin:34px 0 12px}
.qmx-post .entry-content h3{font-size:19px;margin:28px 0 10px}
.qmx-post .entry-content h4{font-size:17px;margin:24px 0 8px;color:var(--qmx-ink)}
.qmx-post .entry-content strong,
.qmx-post .entry-content b{color:var(--qmx-t1);font-weight:600}
.qmx-post .entry-content a{color:var(--qmx-blue);font-weight:500}
.qmx-post .entry-content a:hover{text-decoration:underline}
.qmx-post .entry-content ul,
.qmx-post .entry-content ol{margin:0 0 18px;padding-left:22px}
.qmx-post .entry-content li{margin-bottom:9px}
.qmx-post .entry-content img{border-radius:14px;height:auto}
.qmx-post .entry-content blockquote{
  margin:22px 0;padding:14px 20px;border:0;
  border-left:3px solid var(--qmx-teal);background:var(--qmx-soft);
  border-radius:0 12px 12px 0;font-size:15px;font-style:normal}
.qmx-post .entry-content table{
  width:100%;border-collapse:collapse;font-size:14.5px;margin-bottom:18px}
.qmx-post .entry-content th{
  background:var(--qmx-soft);font-weight:600;color:var(--qmx-t2);
  font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.qmx-post .entry-content th,
.qmx-post .entry-content td{
  padding:10px 13px;border:1px solid var(--qmx-line-s);text-align:left}

/* Nut chia se. */
.qmx-post .social-icons{margin-top:26px;padding-top:20px;
  border-top:1px solid var(--qmx-line-s)}

/* Dieu huong bai truoc va bai sau. */
.qmx-post .post-navigation-thumbs,
.qmx-post nav.navigation.post-navigation{
  margin-top:26px;border:1px solid var(--qmx-line);
  border-radius:16px;overflow:hidden}
.qmx-post .nav-previous a,
.qmx-post .nav-next a{
  font-size:14px;font-weight:500;color:var(--qmx-t1);padding:16px 20px}
.qmx-post .nav-previous a:hover,
.qmx-post .nav-next a:hover{color:var(--qmx-blue)}

/* Cot phai: bai viet lien quan. */
.qmx-post .post-sidebar{padding-left:0}
.qmx-post .post-sidebar .widget{
  background:#fff;border:1px solid var(--qmx-line);
  border-radius:16px;padding:18px 19px;margin-bottom:18px}
.qmx-post .post-sidebar .widget-title{
  display:block;margin:0 0 14px;padding:0;
  font-size:11.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--qmx-teal)}
.qmx-post .post-sidebar .is-divider{display:none}
.qmx-post .post-sidebar ul{margin:0;padding:0;list-style:none}
.qmx-post .post-sidebar li{
  margin:0;padding:11px 0;border-bottom:1px solid var(--qmx-line-s);
  list-style:none}
.qmx-post .post-sidebar li:last-child{border-bottom:0;padding-bottom:0}
.qmx-post .post-sidebar li:first-child{padding-top:0}
/* Widget bai viet lien quan cua Flatsome dung anh lam nen cua mot the
   div chu khong phai the img, nen phai dat kich thuoc cho chinh the do. */
.qmx-post .post-sidebar .recent-blog-posts{margin:0;padding:0}
.qmx-post .post-sidebar .recent-blog-posts .badge{
  width:54px;height:54px;margin:0;padding:0;flex:none}
.qmx-post .post-sidebar .recent-blog-posts .badge-inner{
  width:54px;height:54px;min-height:0;margin:0;padding:0;
  background-size:cover !important;background-position:center !important;
  border-radius:10px;box-shadow:inset 0 0 0 1px var(--qmx-line-s)}
.qmx-post .post-sidebar .recent-blog-posts .flex-col.mr-half{margin-right:12px}
.qmx-post .post-sidebar .recent-blog-posts-li a{
  font-size:13.5px;font-weight:600;line-height:1.45;
  color:var(--qmx-t1);transition:.2s}
.qmx-post .post-sidebar .recent-blog-posts-li a:hover{color:var(--qmx-blue)}
/* So binh luan khong can thiet o day. */
.qmx-post .post-sidebar .post_comments{display:none}

/* Khu binh luan. */
.qmx-post #comments{
  margin-top:30px;background:#fff;
  border:1px solid var(--qmx-line);border-radius:16px;padding:24px 26px}
.qmx-post #comments .comment-reply-title,
.qmx-post #comments .comments-title{
  font-size:18px;font-weight:600;color:var(--qmx-ink);margin:0 0 8px}
.qmx-post #comments .comment-notes{
  font-size:13.5px;color:var(--qmx-t2);margin:0 0 18px}
.qmx-post .comment-form{display:grid;gap:15px;max-width:720px}
.qmx-post .comment-form p{margin:0}
.qmx-post .comment-form label{
  display:block;font-size:13.5px;font-weight:600;
  color:var(--qmx-t1);margin-bottom:7px}
.qmx-post .comment-form .required{color:var(--qmx-c6)}
.qmx-post .comment-form input[type="text"],
.qmx-post .comment-form input[type="email"],
.qmx-post .comment-form input[type="url"],
.qmx-post .comment-form textarea{
  font:inherit;font-size:14px;color:var(--qmx-t1);width:100%;
  background:var(--qmx-soft);border:1.5px solid var(--qmx-line);
  border-radius:11px;padding:11px 14px;box-shadow:none;
  transition:.2s var(--qmx-ease)}
.qmx-post .comment-form input:focus,
.qmx-post .comment-form textarea:focus{
  outline:none;background:#fff;border-color:#BFD9EE;box-shadow:none}
.qmx-post .comment-form textarea{min-height:130px;resize:vertical}
.qmx-post .comment-form-cookies-consent{
  display:flex;gap:9px;align-items:flex-start;
  font-size:13px;color:var(--qmx-t2)}
.qmx-post .comment-form-cookies-consent input{width:auto;margin-top:3px}
.qmx-post .comment-form-cookies-consent label{
  display:inline;font-weight:400;font-size:13px;margin:0}
.qmx-post .comment-form .submit{
  width:max-content;height:46px;min-height:0;margin:0;padding:0 28px;
  font-size:14px;font-weight:600;line-height:46px;
  text-transform:none;letter-spacing:-.008em;
  border:0;border-radius:12px;background:var(--qmx-grad);color:#fff;
  box-shadow:0 10px 24px -8px rgba(47,88,168,.42);transition:.22s}
.qmx-post .comment-form .submit:hover{
  transform:translateY(-2px);filter:brightness(1.05)}

/* ============================================================
 * 7. MAN HINH NHO
 * ============================================================ */

@media(max-width:1199px){
  .qmx-news #post-list{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:1024px){
  .qmx-news .qemix-blog-hero__inner{grid-template-columns:1fr;gap:32px}
  .qmx-news .qemix-blog-hero__molecule{display:none}
}

@media(max-width:849px){
  .qmx-contact #content>.row,
  .qmx-news #content>.row,
  .qmx-post #content>.row{padding-left:15px;padding-right:15px}
  .qmx-news .qemix-blog-hero__inner{padding-left:15px;padding-right:15px}
  .qmx-post .large-9.col{padding-right:0}
  .qmx-post .post-sidebar{margin-top:26px}
  .qmx-contact .qemix-form-row{grid-template-columns:1fr}
}

@media(max-width:549px){
  .qmx-news #post-list{grid-template-columns:1fr}
  .qmx-contact .qemix-contact-box{padding:18px}
  .qmx-post #comments{padding:18px}
  .qmx-news .qemix-blog-hero__actions .qemix-blog-hero__primary,
  .qmx-news .qemix-blog-hero__actions .qemix-blog-hero__secondary{flex:1 1 100%}
}

/* ============================================================
 * 8. TRANG KIEM TRA DON HANG
 * ============================================================
 * Trang chi co mot form cua WooCommerce. Phan tieu de va khoi ho tro do
 * qemix-pages.php chen vao dau va cuoi noi dung.
 */

.qmx-track #content{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:15.5px;line-height:1.7;color:var(--qmx-t1);
  background:#fff;-webkit-font-smoothing:antialiased}
.qmx-track #content *{box-sizing:border-box}
/* Form hep lai va can giua, de o nhap khong keo dai het man hinh. */
.qmx-track #content>.row{
  max-width:760px;margin-left:auto;margin-right:auto;
  padding:44px 22px 64px}

.qmx-trk-head{text-align:center;margin-bottom:24px}
.qmx-trk-crumb{
  display:flex;justify-content:center;align-items:center;gap:9px;
  font-size:12.5px;color:var(--qmx-t3);margin-bottom:14px}
.qmx-trk-crumb a{color:var(--qmx-t2);transition:.2s}
.qmx-trk-crumb a:hover{color:var(--qmx-blue)}
.qmx-trk-crumb b{color:var(--qmx-t1);font-weight:500}
.qmx-trk-head h1{
  font-size:clamp(26px,2.8vw,34px);font-weight:600;
  letter-spacing:-.026em;line-height:1.2;color:var(--qmx-ink);margin:0 0 10px}
.qmx-trk-head p{
  font-size:15px;line-height:1.7;font-weight:300;
  color:var(--qmx-t2);margin:0 auto;max-width:52ch}

/* The chua form. */
.qmx-track .woocommerce{
  background:#fff;border:1px solid var(--qmx-line);
  border-radius:16px;padding:26px}
.qmx-track form.track_order{margin:0}
/* Doan huong dan cua WooCommerce. */
.qmx-track form.track_order>p:first-child{
  font-size:13.5px;line-height:1.7;color:var(--qmx-t2);
  background:var(--qmx-soft);border:1px solid var(--qmx-line-s);
  border-radius:12px;padding:13px 16px;margin:0 0 20px}

/* Hai o nhap tren mot hang. WooCommerce cho hai o nay noi nhau bang
   float, o day dung luoi de khong phai tinh be rong bang tay. */
.qmx-track form.track_order{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.qmx-track form.track_order>p:first-child{grid-column:1/-1}
.qmx-track form.track_order .form-row{
  float:none;width:100%;margin:0 0 16px;padding:0;grid-column:1/-1}
.qmx-track form.track_order .form-row-first{grid-column:1}
.qmx-track form.track_order .form-row-last{grid-column:2}
/* Cac o an va the ke phan cach khong duoc chiem o trong luoi. */
.qmx-track form.track_order .clear,
.qmx-track form.track_order input[type="hidden"]{display:none}
.qmx-track form.track_order label{
  display:block;font-size:13.5px;font-weight:600;
  color:var(--qmx-t1);margin-bottom:7px}
.qmx-track form.track_order input.input-text{
  font:inherit;font-size:14px;color:var(--qmx-t1);
  width:100%;height:46px;min-height:0;margin:0;padding:0 14px;
  background:var(--qmx-soft);border:1.5px solid var(--qmx-line);
  border-radius:11px;box-shadow:none;transition:.2s var(--qmx-ease)}
.qmx-track form.track_order input.input-text:focus{
  outline:none;background:#fff;border-color:#BFD9EE;box-shadow:none}
.qmx-track form.track_order ::placeholder{color:var(--qmx-t3);opacity:1}

.qmx-track form.track_order button.button{
  display:block;width:100%;height:48px;min-height:0;margin:4px 0 0;padding:0 24px;
  font-size:14.5px;font-weight:600;line-height:1;letter-spacing:-.008em;
  text-transform:none;border:0;border-radius:12px;
  background:var(--qmx-grad);color:#fff;cursor:pointer;
  box-shadow:0 10px 24px -8px rgba(47,88,168,.42);
  transition:.22s var(--qmx-ease)}
.qmx-track form.track_order button.button:hover{
  transform:translateY(-2px);filter:brightness(1.05)}

/* Bao loi khi nhap sai ma don hang. */
.qmx-track .woocommerce-error,
.qmx-track .woocommerce-info,
.qmx-track .woocommerce-message{
  margin:0 0 20px;padding:13px 16px;border:1px solid var(--qmx-line);
  border-left-width:3px;border-radius:0 12px 12px 0;
  font-size:13.5px;line-height:1.6;list-style:none;background:var(--qmx-soft)}
.qmx-track .woocommerce-error{
  background:var(--qmx-c6b);border-color:#E7B9CB;
  border-left-color:var(--qmx-c6);color:var(--qmx-c6)}
.qmx-track .woocommerce-info{
  background:var(--qmx-c2b);border-color:#BFDFEC;
  border-left-color:var(--qmx-c2);color:var(--qmx-c2)}
.qmx-track .woocommerce-error li,
.qmx-track .woocommerce-info li{margin:0;list-style:none}

/* Bang ket qua khi tim thay don hang. */
.qmx-track .woocommerce-order-details,
.qmx-track .woocommerce-customer-details{margin-top:26px}
.qmx-track .woocommerce h2{
  font-size:18px;font-weight:600;color:var(--qmx-ink);margin:0 0 14px}
.qmx-track .woocommerce table{
  width:100%;border-collapse:collapse;font-size:14px;margin:0 0 18px}
.qmx-track .woocommerce table th{
  background:var(--qmx-soft);font-size:12px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;color:var(--qmx-t2)}
.qmx-track .woocommerce table th,
.qmx-track .woocommerce table td{
  padding:11px 14px;border:1px solid var(--qmx-line-s);text-align:left}
.qmx-track .woocommerce ul.order_details{
  margin:0 0 22px;padding:0;list-style:none;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.qmx-track .woocommerce ul.order_details li{
  margin:0;padding:13px 15px;border:1px solid var(--qmx-line);
  border-radius:12px;list-style:none;
  font-size:11.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--qmx-t3)}
.qmx-track .woocommerce ul.order_details li strong{
  display:block;margin-top:5px;font-size:15px;font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--qmx-t1)}

/* Khoi ho tro cuoi trang. */
.qmx-trk-help{
  margin-top:20px;padding:20px 22px;
  background:var(--qmx-soft);border:1px solid var(--qmx-line);border-radius:16px}
.qmx-trk-help-t{
  font-size:15px;font-weight:600;color:var(--qmx-ink);margin-bottom:6px}
.qmx-trk-help p{
  font-size:13.5px;line-height:1.7;color:var(--qmx-t2);margin:0 0 14px}
.qmx-trk-help-a{display:flex;flex-wrap:wrap;gap:10px}
.qmx-trk-help-a a{
  display:inline-flex;align-items:center;justify-content:center;
  height:40px;padding:0 18px;border-radius:11px;background:#fff;
  font-size:13.5px;font-weight:600;color:var(--qmx-t1);
  box-shadow:inset 0 0 0 1.5px var(--qmx-line);transition:.2s var(--qmx-ease)}
.qmx-trk-help-a a:hover{
  color:var(--qmx-blue);box-shadow:inset 0 0 0 1.5px var(--qmx-blue)}

@media(max-width:549px){
  .qmx-track form.track_order .form-row-first,
  .qmx-track form.track_order .form-row-last{
    display:block;width:100%;margin-right:0}
  .qmx-track .woocommerce{padding:18px}
  .qmx-trk-help{padding:18px}
  .qmx-trk-help-a a{flex:1 1 100%}
}

/* Flatsome boc thong bao cua WooCommerce them mot lop container va mot
   bieu tuong. Trong the nay khung do phai bo gioi han be rong va can le
   trai cho khop voi form. */
.qmx-track .woocommerce-error.message-wrapper,
.qmx-track .woocommerce-info.message-wrapper,
.qmx-track .woocommerce-message.message-wrapper{padding:0}
.qmx-track .message-wrapper .message-container{
  max-width:none;width:100%;margin:0;padding:13px 16px;
  text-align:left;display:flex;align-items:flex-start;gap:10px}
.qmx-track .message-wrapper .message-icon{
  flex:none;margin:2px 0 0;font-size:15px;line-height:1}
.qmx-track .message-wrapper li{padding:0}