/*
 Theme Name:     FindMe Child
 Template:       flatsome
 Version:        1.0
*/
.stuck{
  position: fixed !important;
}
a:where(:not(.wp-element-button)){
  text-decoration: none !important;
}
.absolute-footer {
  display: none;
}
.section {
  display: block;
/* Hộp form */
.cf7-newsletter {
  background: var(--primary-color);  /* nền lấy màu chính */
  color: #fff;
  padding: 0px;
  border-radius: 6px;
  max-width: 420px;
}

/* Tiêu đề + nhãn */
.cf7-newsletter h3 {
  margin-bottom: 16px;
  color: #fff;
}
.cf7-newsletter label {
  display: block;
  color: #fff;
  font-weight: 600;
  margin: 12px 0 6px;
}

/* Input */
.cf7-newsletter input[type="text"],
.cf7-newsletter input[type="email"],
.cf7-newsletter textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 15px;
  color: #fff;
  background: transparent;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.cf7-newsletter input::placeholder { color: rgba(255,255,255,.6); }
.cf7-newsletter input:focus,
.cf7-newsletter textarea:focus {
  border-color: var(--fs-color-secondary);
  box-shadow: 0 0 0 3px rgba(8,80,156,.25); /* dựa trên secondary */
}

/* Captcha row */
.cf7-captcha-wrap {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 14px 0;
}
.cf7-captcha-wrap .captcha-img img {
  display: block;
  max-height: 60px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 3px;
  background: #fff;
}
.wpcf7-form .wpcf7-form-control-wrap.your-captcha {
  display: block!important;
}
.wpcf7-form .wpcf7-captchar {
  display: block!important;
  width: 160px;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 4px;
  background: #fff;
  color: #000;
}

/* Nút Submit */
.cf7-btn-submit {
  background: var(--fs-color-secondary); /* nút dùng màu secondary */
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 18px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s, opacity .2s;
}
.cf7-btn-submit:hover {
  background: var(--fs-experimental-link-color); /* hover đổi sang màu link */
  opacity: .95;
}
.cf7-btn-submit:active {
  background: var(--fs-experimental-link-color-hover);
}

/* Mobile */
@media (max-width:575px){
  .cf7-captcha-wrap{ flex-direction: column; }
  .wpcf7-form .wpcf7-captchar{ width: 100%; }
}

.video-gt .video{border-radius: 10px;}

.archive-page-header {
  display: none;
}

.large-10 {

        flex-basis:100% !important;
        max-width:100% !important;
    
}


/* =========================================================
   CF7 – Sidebar Training Form (class-only)
   Scope: .sidebar-training-form / .cf7t-*
   ========================================================= */

/* ---- Khung & text ---- */
.sidebar-training-form{
  width:100%;
  box-sizing:border-box;
  background:#fff;
  border:1px solid #e8edf3;
  border-radius:12px;
  padding:16px;
  box-shadow:0 8px 22px rgba(16,24,40,.06);
  font-size:14px;
  line-height:1.5;
  color:#0f172a;
}
.sidebar-training-form .cf7t-title{
  margin:0 0 12px;
  font-size:16px;
  font-weight:700;
  color:#0f1a2a;
}

/* Loại bỏ khoảng thừa CF7 trong Flatsome */
.sidebar-training-form .wpcf7,
.sidebar-training-form .wpcf7-form{ margin:0 !important; }
.sidebar-training-form .wpcf7 form p{ margin:0; }

/* ---- Label ---- */
.sidebar-training-form .cf7t-label{
  display:block;
  font-weight:600;
  color:#253148;
  margin:0 0 8px;
}

/* ---- Grid 1–2 cột ---- */
.sidebar-training-form .cf7t-row{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:0 0 12px;
}
@media (min-width:560px){
  .sidebar-training-form .cf7t-row{ grid-template-columns:1fr 1fr; }
}

/* ---- Inputs / Textarea / Select ---- */
.sidebar-training-form .cf7t-input{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d6dde6;
  border-radius:8px;
  padding:10px 12px;
  font-size:14px;
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease, background-color .2s ease;
  outline:none;
}
.sidebar-training-form ::placeholder{ color:#98a2b3; }

/* Hover / Focus */
.sidebar-training-form .cf7t-input:hover{ border-color:#b9c6d6; }
.sidebar-training-form .cf7t-input:focus{
  border-color:#0b63f6;
  box-shadow:0 0 0 3px rgba(11,99,246,.15);
}

/* Textarea */
.sidebar-training-form textarea.cf7t-input{
  min-height:112px;
  resize:vertical;
}

/* ---- Select (mũi tên xuống) ---- */
.sidebar-training-form select.cf7t-select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20'><path d='M5 7l5 6 5-6' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:18px 18px;
  padding-right:38px;
  cursor:pointer;
}

/* ---- 'Địa điểm khác' ẩn/hiện ---- */
.sidebar-training-form .cf7t-location-other{ display:none; margin-top:2px; }
/* Hiện khi option value="other" được chọn (Chrome/Edge/Safari mới) */
.sidebar-training-form .cf7t-place:has(select.cf7t-select option:checked[value="other"])
  ~ .cf7t-location-other{ display:block; }

/* ---- Submit ---- */
.sidebar-training-form .cf7t-actions{ margin-top:10px; }
.sidebar-training-form .cf7t-submit{
  width:100%;
  border:none;
  border-radius:10px;
  padding:12px 14px;
  font-weight:700;
  background:#0b63f6;
  color:#fff;
  cursor:pointer;
  transition:transform .06s ease, box-shadow .2s ease, opacity .2s ease;
}
.sidebar-training-form .cf7t-submit:hover{
  box-shadow:0 8px 18px rgba(11,99,246,.25);
  transform:translateY(-1px);
}
.sidebar-training-form .cf7t-submit:active{ transform:translateY(0); }

/* ---- Trạng thái CF7 ---- */
.sidebar-training-form .wpcf7 form.submitting .cf7t-submit{
  opacity:.8; pointer-events:none;
}
.sidebar-training-form .wpcf7-spinner{ margin:10px 0 0; }
.sidebar-training-form .wpcf7-not-valid{
  border-color:#f04438 !important;
  box-shadow:0 0 0 3px rgba(240,68,56,.15) !important;
}
.sidebar-training-form .wpcf7-not-valid-tip{
  margin-top:6px; font-size:12px; color:#b42318;
}
.sidebar-training-form .wpcf7-response-output{
  margin:12px 0 0 !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  border:1px solid #e5e7eb !important;
  font-size:13px;
}
.sidebar-training-form .wpcf7 form.sent .wpcf7-response-output{
  background:#f0fdf4 !important; border-color:#86efac !important; color:#065f46 !important;
}
.sidebar-training-form .wpcf7 form.invalid .wpcf7-response-output,
.sidebar-training-form .wpcf7 form.failed  .wpcf7-response-output{
  background:#fef2f2 !important; border-color:#fecaca !important; color:#7f1d1d !important;
}

/* ---- Tối ưu mobile (tắt hover nâng) ---- */
@media (hover:none){
  .sidebar-training-form .cf7t-submit:hover{ transform:none; box-shadow:none; }
}


/* ====== SCOPE: chỉ áp dụng cho form có wrapper .mf-member trong CF7 ====== */
.wpcf7 .mf-member{
  margin:0 auto;
  padding:24px;
  background:#fff;
  border-radius:8px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}

/* Tiêu đề từng phần */
.wpcf7 .mf-member__title{
  margin:24px 0 12px;
  font-size:18px;
  font-weight:700;
  color:var(--fs-color-primary);
  border-left:4px solid var(--fs-color-primary);
  padding-left:10px;
}

/* Lưới 2 cột (desktop) */
.wpcf7 .mf-member__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:20px;
}

/* Mobile: 1 cột */
@media (max-width:768px){
  .wpcf7 .mf-member__grid{ grid-template-columns:1fr; }
}

/* Nhãn & control */
.wpcf7 .mf-member label{
  flex-direction:column;
  font-weight:600;
  font-size:14px;
  color:#263238;
}

/* Control chung (text, email, tel, select, textarea, file, date) */
.wpcf7 .mf-member__control{
  margin-top:6px;
  padding:10px 12px;
  font-size:14px;
  line-height:1.45;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fafafa;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  width:100%;
  box-sizing:border-box;
}

/* Focus đẹp theo màu thương hiệu */
.wpcf7 .mf-member__control:focus{
  border-color:var(--fs-color-primary);
  background:#fff;
  outline:none;
  box-shadow:0 0 0 2px rgba(0,16,46,.10); /* #00102e nhạt */
}

/* Placeholder nhẹ */
.wpcf7 .mf-member__control::placeholder{ color:#9aa3ab; }

/* Select & Date có cursor pointer */
.wpcf7 select.mf-member__control,
.wpcf7 input[type="date"].mf-member__control{ cursor:pointer; }

/* File input: thu gọn chiều cao */
.wpcf7 input[type="file"].mf-member__control{
  padding:8px 10px;
  background:#fff;
}

/* Hàng inline (nếu dùng) */
.wpcf7 .mf-member__inline > *{
  display:inline-block;
  margin-right:8px;
}

/* Nút Gửi */
.wpcf7 .mf-member__submit,
.wpcf7 input[type="submit"].mf-member__submit{
  display:inline-block;
  background:var(--fs-color-primary);
  color:#fff;
  border:none;
  border-radius:6px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.2px;
  cursor:pointer;
  transition:background .25s ease, transform .12s ease;
}
.wpcf7 .mf-member__submit:hover,
.wpcf7 input[type="submit"].mf-member__submit:hover{
  background:var(--fs-color-secondary);
  transform:translateY(-2px);
}
.wpcf7 .mf-member__submit:active,
.wpcf7 input[type="submit"].mf-member__submit:active{
  transform:translateY(0);
}

/* ====== Trạng thái CF7 (lỗi, đang gửi, đã gửi) ====== */
/* Input lỗi */
.wpcf7 .wpcf7-not-valid.mf-member__control{
  border-color:#dd3333;               /* alert của bạn */
  background:#fff5f5;
  box-shadow:0 0 0 2px rgba(221,51,51,.08);
}
/* Thông báo lỗi nhỏ dưới input */
.wpcf7 .wpcf7-not-valid-tip{
  margin-top:4px;
  font-size:12px;
  color:#dd3333;
}

/* Khung output chung của CF7 */
.wpcf7 .wpcf7-response-output{
  margin:16px 0 0;
  border-radius:6px;
  padding:10px 14px;
  border:1px solid #ddd;
  background:#fafafa;
  font-size:14px;
}
.wpcf7 form.sent .wpcf7-response-output{
  border-color:#81d742;              /* success */
  background:#f3fbef;
  color:#1b5e20;
}
.wpcf7 form.invalid .wpcf7-response-output{
  border-color:#dd3333;              /* alert */
  background:#fff5f5;
  color:#b71c1c;
}
.wpcf7 .wpcf7-spinner{
  margin-left:10px;
  filter:hue-rotate(190deg);         /* tông xanh hợp chủ đạo */
}

/* ====== Tăng ưu tiên cho đúng field theo prefix name (dự phòng) ====== */
/* Nếu theme vẫn ghi đè, bật khối này để ép style cho các field name bắt đầu bằng mf_ */
.wpcf7 .mf-member [name^="mf_"].wpcf7-form-control{
  padding:0px 10px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fafafa;
}
.wpcf7 .mf-member [name^="mf_"].wpcf7-form-control:focus{
  border-color:var(--fs-color-primary);
  background:#fff;
  box-shadow:0 0 0 2px rgba(0,16,46,.10);
}
/* 3 cột cho khối TRÌNH ĐỘ HỌC VẤN (desktop) */
.wpcf7 .mf-member .mf-member__grid:has([name^="mf_grad_year_"]) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Tablet: 2 cột */
@media (max-width: 1024px) {
  .wpcf7 .mf-member .mf-member__grid:has([name^="mf_grad_year_"]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile: 1 cột */
@media (max-width: 600px) {
  .wpcf7 .mf-member .mf-member__grid:has([name^="mf_grad_year_"]) {
    grid-template-columns: 1fr;
  }
}

/* (tuỳ chọn) thu nhỏ label để nội dung không bị wrap quá nhiều */
.wpcf7 .mf-member .mf-member__grid:has([name^="mf_grad_year_"]) label {
  white-space: normal;   /* hoặc: nowrap nếu bạn muốn tiêu đề ngắn nằm 1 dòng */
}
/* Nhóm file pair hiển thị gọn trong grid */
.mf-member .mf-files{gap:14px}
.mf-member .mf-file-pair{
  display:flex; align-items:center; gap:8px;justify-content: space-between;
}

/* Buttons */
.mf-btn{
text-transform: none;
	display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px;
  font-size:14px; font-weight:600; line-height:1;
  text-decoration:none; cursor:pointer; border:1px solid transparent;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.04)
}
.mf-btn:hover{transform:translateY(-1px)}
.mf-btn--ghost{
  background:#fff; color:var(--fs-experimental-link-color, #334862);
  border-color:#e5e7eb;
}
.mf-btn--ghost:hover{background:#f8fafc; border-color:#d1d5db}
.mf-btn--primary{color:var(--fs-color-primary}
.mf-btn--primary:hover{filter:brightness(0.95)}

/* Icon (dùng mask SVG thuần, không cần font) */
.mf-ic{width:1em; height:1em; display:inline-block; position:relative}
.mf-ic.dl::before{
  content:""; display:block; width:1em; height:1em;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>') center/contain;
  background:currentColor;
}
.mf-ic.up::before{
  content:""; display:block; width:1em; height:1em;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 5 17 10"/><line x1="12" y1="5" x2="12" y2="21"/></svg>') center/contain;
  background:currentColor;
}

/* Nhãn tên file đã chọn */
.mf-file-chosen{font-size:13px; color:#475569}

/* Input file vẫn dùng control của CF7, không ẩn — để bạn giữ style form.
   Nếu muốn ẩn input và chỉ click qua nút Up, có thể thêm:
   .mf-member .wpcf7 input[type="file"]{position:absolute!important; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
*/
@media (max-width:549px){
  .mf-btn{padding:9px 12px; font-size:13px}
}