/* Theme Name: ATM Group Theme URI: https://atmgroup.com.vn Author: ATM Group Description: Custom navy & gold theme for Công ty Tư vấn & Quản lý ATM (hospitality consulting). Lightweight classic theme, no page builder, fully responsive, bilingual VI/EN. Replaces the legacy "success" + WPBakery stack. Version: 1.0.2 Requires at least: 6.1 Requires PHP: 7.4 Text Domain: atmgroup */ /* ============================================================ 1. BASE / RESET (global, unscoped) ============================================================ */ html{scroll-behavior:smooth} @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} #atm-new-site *{transition:none!important;animation:none!important} } body{margin:0;background:#fff} #atm-new-site a:focus-visible, #atm-new-site button:focus-visible{outline:3px solid var(--atm-gold2);outline-offset:2px;border-radius:6px} /* ============================================================ 2. DESIGN CORE (ported from approved design, tokens + layout) ============================================================ */ #atm-new-site{--atm-navy:#0b1f3a;--atm-navy2:#13294b;--atm-navy3:#16345f;--atm-gold:#c9a24b;--atm-gold2:#e7c873;--atm-cream:#f7f4ee;--atm-ink:#1d2733;--atm-mut:#5d6b7e;--atm-line:#e4ddd0;--atm-rad:16px;font-family:"Aptos","Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;color:var(--atm-ink);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} #atm-new-site *{box-sizing:border-box;margin:0;padding:0} #atm-new-site .atm-seo-intro{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} #atm-new-site .atm-wrap{max-width:1180px;margin:0 auto;padding:0 22px} #atm-new-site img{max-width:100%;display:block} #atm-new-site .atm-btn{display:inline-block;font-weight:700;font-size:15px;padding:13px 24px;border-radius:999px;text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;line-height:1.2} #atm-new-site .atm-btn:hover{transform:translateY(-2px)} #atm-new-site .atm-btn-gold{background:linear-gradient(135deg,var(--atm-gold2),var(--atm-gold));color:#2a2204;box-shadow:0 8px 22px rgba(201,162,75,.32)} #atm-new-site .atm-btn-ghost{background:transparent;border-color:rgba(231,200,115,.7);color:var(--atm-gold2)} #atm-new-site .atm-btn-ghost:hover{background:rgba(231,200,115,.12)} #atm-new-site .atm-btn-navy{background:var(--atm-navy2);color:#fff;border-color:var(--atm-navy3)} #atm-new-site .atm-btn-navy:hover{background:var(--atm-navy3)} #atm-new-site .atm-link{color:var(--atm-gold);font-weight:600;text-decoration:none;font-size:14px;display:inline-block} #atm-new-site .atm-link:hover{color:var(--atm-navy3);text-decoration:underline} #atm-new-site .atm-link-gold{color:var(--atm-gold2)} #atm-new-site .atm-nav{background:linear-gradient(180deg,var(--atm-navy),var(--atm-navy2));border-bottom:1px solid rgba(201,162,75,.32)} #atm-new-site .atm-nav-inner{max-width:1180px;margin:0 auto;padding:8px 22px;display:flex;align-items:center;gap:18px} #atm-new-site .atm-brand{display:flex;align-items:center;flex-shrink:0} #atm-new-site .atm-logo{height:46px;width:auto;object-fit:contain} #atm-new-site .atm-menu{list-style:none;display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:nowrap} #atm-new-site .atm-has-sub{position:relative} #atm-new-site .atm-top{display:block;color:#eaf0fb;text-decoration:none;font-weight:600;font-size:14.5px;padding:12px 13px;border-radius:9px;white-space:nowrap;transition:color .15s,background .15s} #atm-new-site .atm-has-sub:hover .atm-top,#atm-new-site .atm-top:focus{color:var(--atm-gold2);background:rgba(255,255,255,.05)} #atm-new-site .atm-sub-toggle{display:none} #atm-new-site .atm-sub{position:absolute;top:100%;left:0;min-width:264px;background:var(--atm-navy2);border:1px solid rgba(201,162,75,.4);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.34);list-style:none;padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:40} #atm-new-site .atm-has-sub:hover .atm-sub,#atm-new-site .atm-has-sub:focus-within .atm-sub{opacity:1;visibility:visible;transform:translateY(0)} #atm-new-site .atm-sub li a{display:block;color:#dbe4f3;text-decoration:none;font-size:14px;padding:10px 12px;border-radius:8px;transition:background .14s,color .14s} #atm-new-site .atm-sub li a:hover{background:rgba(201,162,75,.16);color:var(--atm-gold2)} #atm-new-site .atm-sub-wide{min-width:330px;max-height:78vh;overflow:auto} #atm-new-site .atm-sub-group>a{font-size:11.5px!important;font-weight:800!important;letter-spacing:.7px;text-transform:uppercase;color:var(--atm-gold2)!important;padding:9px 12px 6px!important;border-bottom:1px solid rgba(201,162,75,.28);border-radius:0!important;margin-bottom:2px} #atm-new-site .atm-sub-group>a:hover{background:transparent!important;color:var(--atm-gold)!important} #atm-new-site .atm-sub-group-mt{margin-top:8px} #atm-new-site .atm-btn-ghost-navy{background:transparent;border-color:var(--atm-navy3);color:var(--atm-navy2)} #atm-new-site .atm-btn-ghost-navy:hover{background:rgba(11,31,58,.06)} #atm-new-site .atm-expert-photo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0 22px} #atm-new-site .atm-expert-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;background:#fff;border:1px solid var(--atm-line);border-radius:12px;padding:14px 8px 12px;transition:box-shadow .18s,transform .18s,border-color .18s} #atm-new-site .atm-expert-card:hover{box-shadow:0 12px 26px rgba(11,31,58,.12);transform:translateY(-3px);border-color:rgba(201,162,75,.55)} #atm-new-site .atm-expert-photo{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--atm-gold);margin-bottom:9px;flex-shrink:0} #atm-new-site .atm-expert-photo img{width:100%;height:100%;object-fit:cover} #atm-new-site .atm-expert-name{font-size:12.5px;font-weight:700;color:var(--atm-navy);line-height:1.3;margin-bottom:3px} #atm-new-site .atm-expert-role{font-size:11px;color:var(--atm-mut);line-height:1.3} #atm-new-site .atm-expert-cta{display:flex;gap:12px;flex-wrap:wrap} #atm-new-site .atm-lang{margin-left:6px} #atm-new-site .atm-lang-btn{background:transparent;border:1.4px solid rgba(231,200,115,.55);color:var(--atm-gold2);font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;cursor:pointer;letter-spacing:.5px} #atm-new-site .atm-lang-btn:hover{background:rgba(231,200,115,.14)} #atm-new-site.atm-en .atm-lang-vi,#atm-new-site:not(.atm-en) .atm-lang-en{opacity:.5} #atm-new-site .atm-lang-sep{margin:0 3px;opacity:.6} #atm-new-site .atm-burger{display:none;flex-direction:column;gap:5px;background:transparent;border:0;cursor:pointer;padding:8px;margin-left:auto} #atm-new-site .atm-burger span{width:24px;height:2.5px;background:var(--atm-gold2);border-radius:2px;transition:.2s} #atm-new-site section{scroll-margin-top:78px} #atm-new-site .atm-block,#atm-new-site [id^="service-"],#atm-new-site #atm-testimonials,#atm-new-site #atm-news,#atm-new-site #atm-hostview,#atm-new-site #atm-resources,#atm-new-site #atm-contact-info{scroll-margin-top:84px} #atm-new-site .atm-sec{padding:62px 0} #atm-new-site .atm-sec-head{max-width:780px;margin:0 auto 38px;text-align:center} #atm-new-site .atm-kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--atm-gold);margin-bottom:12px} #atm-new-site .atm-sec-head h2{font-size:33px;line-height:1.18;color:var(--atm-navy);margin-bottom:14px;letter-spacing:-.4px} #atm-new-site .atm-sec-head p{color:var(--atm-mut);font-size:16.5px} #atm-new-site .atm-sub-h{font-size:21px;color:var(--atm-navy);margin:0 0 20px;padding-left:14px;border-left:4px solid var(--atm-gold)} #atm-new-site .atm-sub-h-mt{margin-top:46px} #atm-new-site .atm-subsec-lead{color:var(--atm-mut);font-size:15.5px;max-width:760px;margin:-8px 0 22px} #atm-new-site .atm-muted{color:var(--atm-mut)} #atm-new-site .atm-more-row{text-align:center;margin-top:30px} #atm-new-site .atm-hero{background:radial-gradient(1200px 480px at 78% -10%,#1b3c68 0,var(--atm-navy) 58%);color:#fff;padding:54px 0 60px} #atm-new-site .atm-hero-grid{max-width:1180px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center} #atm-new-site .atm-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.6px;color:var(--atm-gold2);background:rgba(231,200,115,.1);border:1px solid rgba(231,200,115,.3);padding:7px 14px;border-radius:999px;margin-bottom:20px} #atm-new-site .atm-hero-copy h1{font-size:39px;line-height:1.2;font-weight:800;letter-spacing:-.6px;margin-bottom:18px;color:#fff} #atm-new-site .atm-hero-sub{font-size:16.5px;color:#c5d2e6;margin-bottom:26px;max-width:560px} #atm-new-site .atm-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px} #atm-new-site .atm-hero-axis{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;font-weight:600;color:#dce5f4} #atm-new-site .atm-hero-axis i{width:18px;height:2px;background:var(--atm-gold);display:inline-block;border-radius:2px} #atm-new-site .atm-hero-visual{position:relative} #atm-new-site .atm-hero-img{width:100%;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.42);border:1px solid rgba(201,162,75,.3);object-fit:cover} #atm-new-site .atm-hero-badge{position:absolute;left:-14px;bottom:-14px;background:linear-gradient(135deg,var(--atm-gold2),var(--atm-gold));color:#2a2204;border-radius:14px;padding:14px 20px;box-shadow:0 14px 30px rgba(201,162,75,.4)} #atm-new-site .atm-hero-badge strong{display:block;font-size:20px;font-weight:800;line-height:1} #atm-new-site .atm-hero-badge span{font-size:12.5px;font-weight:600} #atm-new-site .atm-about{background:#fff} #atm-new-site .atm-about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start;margin-bottom:14px} #atm-new-site .atm-about-main h3{font-size:22px;color:var(--atm-navy);margin-bottom:14px} #atm-new-site .atm-about-main p{margin-bottom:12px;font-size:16px} #atm-new-site .atm-about-stats{list-style:none;display:flex;flex-direction:column;gap:14px} #atm-new-site .atm-about-stats li{background:var(--atm-cream);border:1px solid var(--atm-line);border-radius:12px;padding:16px 18px} #atm-new-site .atm-about-stats b{display:block;font-size:21px;color:var(--atm-gold);font-weight:800} #atm-new-site .atm-about-stats span{font-size:13.5px;color:var(--atm-mut)} #atm-new-site .atm-block{margin-top:40px} #atm-new-site .atm-block>h3{font-size:22px;color:var(--atm-navy);margin-bottom:18px;padding-left:14px;border-left:4px solid var(--atm-gold)} #atm-new-site .atm-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #atm-new-site .atm-field-grid article{background:#fff;border:1px solid var(--atm-line);border-radius:12px;padding:20px;transition:box-shadow .18s,transform .18s,border-color .18s} #atm-new-site .atm-field-grid article:hover{box-shadow:0 12px 30px rgba(11,31,58,.1);transform:translateY(-3px);border-color:rgba(201,162,75,.5)} #atm-new-site .atm-field-grid h4{font-size:16px;color:var(--atm-navy);margin-bottom:8px} #atm-new-site .atm-field-grid p{font-size:14px;color:var(--atm-mut)} #atm-new-site .atm-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} #atm-new-site .atm-cap-grid span{background:var(--atm-cream);border:1px solid var(--atm-line);border-left:3px solid var(--atm-gold);border-radius:10px;padding:14px 16px;font-size:14.5px;font-weight:600;color:var(--atm-navy2)} #atm-new-site .atm-journey{margin-top:30px;background:var(--atm-navy);border-radius:var(--atm-rad);padding:26px 24px} #atm-new-site .atm-journey h4{color:var(--atm-gold2);font-size:17px;margin-bottom:18px} #atm-new-site .atm-timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px} #atm-new-site .atm-timeline li{position:relative;padding-top:18px;border-top:2px solid rgba(201,162,75,.4)} #atm-new-site .atm-timeline li:before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--atm-gold2)} #atm-new-site .atm-tl-year{display:block;color:var(--atm-gold2);font-weight:800;font-size:16px;margin-bottom:6px} #atm-new-site .atm-tl-txt{display:block;color:#cdd9ec;font-size:13.5px} #atm-new-site .atm-eco{margin-top:24px} #atm-new-site .atm-eco h4{font-size:17px;color:var(--atm-navy);margin-bottom:14px} #atm-new-site .atm-eco-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px} #atm-new-site .atm-eco-row span{background:linear-gradient(135deg,var(--atm-navy2),var(--atm-navy3));color:#fff;font-weight:600;font-size:14px;padding:12px 18px;border-radius:999px;border:1px solid rgba(201,162,75,.4)} #atm-new-site .atm-expert-grid{display:none} #atm-new-site .atm-expert-cta{text-align:center} #atm-new-site .atm-services{background:var(--atm-cream)} #atm-new-site .atm-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px} #atm-new-site .atm-svc{background:#fff;border:1px solid var(--atm-line);border-radius:14px;padding:24px 22px;position:relative;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s} #atm-new-site .atm-svc:hover{box-shadow:0 16px 38px rgba(11,31,58,.12);transform:translateY(-4px);border-color:rgba(201,162,75,.55)} #atm-new-site .atm-svc-no{font-size:13px;font-weight:800;color:var(--atm-gold);letter-spacing:1px} #atm-new-site .atm-svc h3{font-size:17.5px;color:var(--atm-navy);margin:8px 0 12px;line-height:1.32} #atm-new-site .atm-svc>p{font-size:14px;color:var(--atm-mut);margin-bottom:14px} #atm-new-site .atm-svc-reads{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;margin-top:auto} #atm-new-site .atm-svc-reads a{font-size:13px;color:var(--atm-navy2);font-weight:600;text-decoration:none;padding-left:18px;position:relative;line-height:1.4} #atm-new-site .atm-svc-reads a:before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;border-radius:2px;background:var(--atm-gold);transform:rotate(45deg)} #atm-new-site .atm-svc-reads a:hover{color:var(--atm-gold)} #atm-new-site .atm-hotelbiz{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;background:linear-gradient(135deg,var(--atm-navy),var(--atm-navy2));border-radius:20px;padding:34px 32px;border:1px solid rgba(201,162,75,.4);margin-top:6px} #atm-new-site .atm-hb-copy .atm-svc-no{color:var(--atm-gold2)} #atm-new-site .atm-hb-tag{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.6px;color:var(--atm-navy);background:var(--atm-gold2);padding:5px 13px;border-radius:999px;margin:10px 0 14px} #atm-new-site .atm-hotelbiz h3{color:#fff;font-size:23px;line-height:1.3;margin-bottom:14px} #atm-new-site .atm-hotelbiz>.atm-hb-copy>p{color:#c5d2e6;font-size:15.5px;margin-bottom:16px} #atm-new-site .atm-hotelbiz ul{list-style:none;margin-bottom:16px} #atm-new-site .atm-hotelbiz li{position:relative;padding-left:22px;color:#dce5f4;font-size:14.5px;margin-bottom:9px} #atm-new-site .atm-hotelbiz li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--atm-gold2)} #atm-new-site .atm-hb-goal{color:var(--atm-gold2)!important;font-weight:600;font-size:14.5px;border-top:1px solid rgba(201,162,75,.3);padding-top:14px;margin-bottom:14px} #atm-new-site .atm-hb-visual img{width:100%;border-radius:14px;box-shadow:0 16px 36px rgba(0,0,0,.4);border:1px solid rgba(201,162,75,.3)} #atm-new-site .atm-projects{background:#fff} #atm-new-site .atm-proj-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} #atm-new-site .atm-proj{background:var(--atm-cream);border:1px solid var(--atm-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s} #atm-new-site .atm-proj:hover{box-shadow:0 16px 38px rgba(11,31,58,.13);transform:translateY(-4px);border-color:rgba(201,162,75,.5)} #atm-new-site .atm-proj-img{aspect-ratio:16/10;overflow:hidden;background:var(--atm-navy2)} #atm-new-site .atm-proj-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease} #atm-new-site .atm-proj:hover .atm-proj-img img{transform:scale(1.05)} #atm-new-site .atm-proj-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1} #atm-new-site .atm-proj-noimg{padding-top:24px} #atm-new-site .atm-proj-body h4{font-size:17px;color:var(--atm-navy);margin-bottom:9px;line-height:1.3} #atm-new-site .atm-proj-body p{font-size:14px;color:var(--atm-mut);margin-bottom:14px;flex:1} #atm-new-site .atm-badge{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 11px;border-radius:999px;margin-bottom:11px;text-transform:uppercase} #atm-new-site .atm-badge-invest{background:rgba(201,162,75,.18);color:#9a7b2e} #atm-new-site .atm-badge-ops{background:rgba(22,52,95,.1);color:var(--atm-navy3)} #atm-new-site .atm-badge-train{background:rgba(46,125,90,.14);color:#2e7d5a} #atm-new-site .atm-badge-voice{background:rgba(120,80,160,.13);color:#6d4a9c} #atm-new-site .atm-badge-news{background:rgba(201,162,75,.18);color:#9a7b2e} #atm-new-site .atm-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} #atm-new-site .atm-test{background:var(--atm-cream);border:1px solid var(--atm-line);border-top:3px solid var(--atm-gold);border-radius:14px;padding:24px 22px;display:flex;flex-direction:column} #atm-new-site .atm-test p{font-size:14.5px;color:var(--atm-ink);font-style:italic;line-height:1.6;margin-bottom:14px;flex:1} #atm-new-site .atm-test-by{font-size:13.5px;font-weight:700;color:var(--atm-navy)} #atm-new-site .atm-knowledge{background:var(--atm-cream)} #atm-new-site .atm-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} #atm-new-site .atm-news{background:#fff;border:1px solid var(--atm-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s,border-color .18s} #atm-new-site .atm-news:hover{box-shadow:0 14px 32px rgba(11,31,58,.12);transform:translateY(-3px);border-color:rgba(201,162,75,.5)} #atm-new-site .atm-news-feat{grid-column:span 2;flex-direction:row} #atm-new-site .atm-news-img{display:block;overflow:hidden;background:var(--atm-navy2)} #atm-new-site .atm-news-img img{width:100%;height:100%;object-fit:cover;min-height:180px;transition:transform .4s ease} #atm-new-site .atm-news:hover .atm-news-img img{transform:scale(1.05)} #atm-new-site .atm-news-feat .atm-news-img{flex:0 0 46%} #atm-new-site .atm-news:not(.atm-news-feat) .atm-news-img{aspect-ratio:16/9} #atm-new-site .atm-news-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1} #atm-new-site .atm-news-body h4{font-size:15.5px;line-height:1.36;margin-bottom:9px} #atm-new-site .atm-news-feat .atm-news-body h4{font-size:18px} #atm-new-site .atm-news-body h4 a{color:var(--atm-navy);text-decoration:none} #atm-new-site .atm-news-body h4 a:hover{color:var(--atm-gold)} #atm-new-site .atm-news-body p{font-size:13.5px;color:var(--atm-mut);margin-top:auto} #atm-new-site .atm-hostview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #atm-new-site .atm-hv{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--atm-line);border-radius:14px;padding:18px 20px;text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s} #atm-new-site .atm-hv:hover{box-shadow:0 14px 32px rgba(11,31,58,.12);transform:translateY(-3px);border-color:rgba(201,162,75,.5)} #atm-new-site .atm-hv-ic{flex:0 0 48px} #atm-new-site .atm-hv-ic svg{width:48px;height:auto} #atm-new-site .atm-hv-tx{display:flex;flex-direction:column} #atm-new-site .atm-hv-tx b{font-size:16px;color:var(--atm-navy)} #atm-new-site .atm-hv-tx span{font-size:13px;color:var(--atm-mut)} #atm-new-site .atm-res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} #atm-new-site .atm-res{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--atm-line);border-radius:12px;padding:18px 20px;text-decoration:none;transition:box-shadow .18s,transform .18s,border-color .18s} #atm-new-site .atm-res:hover{box-shadow:0 12px 28px rgba(11,31,58,.1);transform:translateY(-3px);border-color:rgba(201,162,75,.5)} #atm-new-site .atm-res-cat{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--atm-gold)} #atm-new-site .atm-res-h{font-size:14.5px;font-weight:600;color:var(--atm-navy);line-height:1.4} #atm-new-site .atm-res-video .atm-res-cat{color:#c0392b} #atm-new-site .atm-res-cta{background:linear-gradient(135deg,var(--atm-navy2),var(--atm-navy3));border-color:transparent} #atm-new-site .atm-res-cta .atm-res-cat{color:var(--atm-gold2)} #atm-new-site .atm-res-cta .atm-res-h{color:#fff} #atm-new-site .atm-contact{background:var(--atm-navy);color:#fff} #atm-new-site .atm-contact .atm-sec-head h2{color:#fff} #atm-new-site .atm-contact .atm-sec-head p{color:#c5d2e6} #atm-new-site .atm-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:stretch} #atm-new-site .atm-contact-cta,#atm-new-site .atm-contact-info{background:rgba(255,255,255,.04);border:1px solid rgba(201,162,75,.34);border-radius:16px;padding:28px 26px} #atm-new-site .atm-contact-cta h3,#atm-new-site .atm-contact-info h3{font-size:20px;color:var(--atm-gold2);margin-bottom:14px} #atm-new-site .atm-contact-cta .atm-muted{color:#b9c6dc;margin-bottom:20px} #atm-new-site .atm-contact-btns{display:flex;gap:12px;flex-wrap:wrap} #atm-new-site .atm-contact-info ul{list-style:none} #atm-new-site .atm-contact-info li{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)} #atm-new-site .atm-contact-info li span{font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--atm-gold)} #atm-new-site .atm-contact-info li a{color:#eaf0fb;text-decoration:none;font-size:16px;font-weight:600} #atm-new-site .atm-contact-info li a:hover{color:var(--atm-gold2)} #atm-new-site .atm-contact-social{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px} #atm-new-site .atm-contact-social a{color:var(--atm-gold2);font-size:13.5px;font-weight:600;text-decoration:none} #atm-new-site .atm-contact-social a:hover{text-decoration:underline} #atm-new-site .atm-foot{background:var(--atm-navy2);padding:22px 0;border-top:1px solid rgba(201,162,75,.3)} #atm-new-site .atm-foot-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap} #atm-new-site .atm-foot-logo{height:40px;width:auto} #atm-new-site .atm-foot p{color:#aebbd0;font-size:13.5px;margin:0;flex:1;min-width:240px} @media(max-width:980px){ #atm-new-site .atm-hero-grid{grid-template-columns:1fr;gap:30px} #atm-new-site .atm-hero-visual{order:-1;max-width:520px;margin:0 auto} #atm-new-site .atm-hero-copy h1{font-size:32px} #atm-new-site .atm-about-grid{grid-template-columns:1fr} #atm-new-site .atm-field-grid,#atm-new-site .atm-cap-grid,#atm-new-site .atm-svc-grid{grid-template-columns:repeat(2,1fr)} #atm-new-site .atm-hotelbiz{grid-template-columns:1fr;gap:24px} #atm-new-site .atm-hb-visual{order:-1} #atm-new-site .atm-timeline{grid-template-columns:repeat(2,1fr)} #atm-new-site .atm-expert-grid{grid-template-columns:repeat(3,1fr)} #atm-new-site .atm-expert-photo-grid{grid-template-columns:repeat(4,1fr)} #atm-new-site .atm-proj-grid-3,#atm-new-site .atm-test-grid,#atm-new-site .atm-news-grid,#atm-new-site .atm-hostview-grid,#atm-new-site .atm-res-grid{grid-template-columns:repeat(2,1fr)} #atm-new-site .atm-news-feat{grid-column:span 2} #atm-new-site .atm-contact-grid{grid-template-columns:1fr} } @media(max-width:760px){ #atm-new-site .atm-burger{display:flex} #atm-new-site .atm-menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--atm-navy2);border-top:1px solid rgba(201,162,75,.3);border-bottom:1px solid rgba(201,162,75,.3);padding:8px;max-height:0;overflow:hidden;transition:max-height .28s ease;z-index:50} #atm-new-site .atm-nav-inner{position:relative;flex-wrap:wrap} #atm-new-site.atm-open .atm-menu{max-height:130vh;overflow:auto} #atm-new-site .atm-has-sub{width:100%} #atm-new-site .atm-top{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-radius:8px} #atm-new-site .atm-sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(201,162,75,.16);border:0;color:var(--atm-gold2);font-size:20px;font-weight:700;border-radius:8px;cursor:pointer;flex-shrink:0;position:absolute;right:8px;top:7px} #atm-new-site .atm-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:rgba(0,0,0,.16);min-width:0;max-height:0;overflow:hidden;padding:0 8px;transition:max-height .26s ease,padding .26s ease} #atm-new-site .atm-has-sub.atm-sub-open .atm-sub{max-height:600px;padding:6px 8px 10px} #atm-new-site .atm-has-sub:hover .atm-sub,#atm-new-site .atm-has-sub:focus-within .atm-sub{opacity:1;visibility:visible;transform:none} #atm-new-site .atm-lang{margin:8px 0 4px;padding-left:4px} #atm-new-site .atm-sec-head h2{font-size:27px} #atm-new-site .atm-field-grid,#atm-new-site .atm-cap-grid,#atm-new-site .atm-svc-grid,#atm-new-site .atm-proj-grid-3,#atm-new-site .atm-test-grid,#atm-new-site .atm-news-grid,#atm-new-site .atm-hostview-grid,#atm-new-site .atm-res-grid,#atm-new-site .atm-timeline,#atm-new-site .atm-expert-grid{grid-template-columns:1fr} #atm-new-site .atm-expert-photo-grid{grid-template-columns:repeat(3,1fr);gap:10px} #atm-new-site .atm-expert-photo{width:54px;height:54px} #atm-new-site .atm-expert-name{font-size:11.5px} #atm-new-site .atm-expert-role{font-size:10px} #atm-new-site .atm-news-feat{grid-column:span 1;flex-direction:column} #atm-new-site .atm-news-feat .atm-news-img{flex:none} #atm-new-site .atm-news-feat .atm-news-img img{min-height:0;aspect-ratio:16/9} #atm-new-site .atm-logo{height:38px} #atm-new-site .atm-hero-copy h1{font-size:26px} #atm-new-site .atm-hotelbiz,#atm-new-site .atm-journey{padding:24px 18px} #atm-new-site .atm-sec{padding:48px 0} #atm-new-site .atm-hero-badge{left:10px;bottom:-10px;padding:11px 16px} } /* ============================================================ 3. PROFESSIONAL POLISH (added in the WordPress rebuild) ============================================================ */ /* Sticky header with elevation on scroll */ #atm-new-site .atm-nav{position:sticky;top:0;z-index:100;transition:box-shadow .2s ease,background .2s ease} #atm-new-site.atm-scrolled .atm-nav{box-shadow:0 8px 28px rgba(11,31,58,.34)} /* Fluid, professional type scale (overrides fixed px) */ #atm-new-site .atm-hero-copy h1{font-size:clamp(26px,4.4vw,42px)} #atm-new-site .atm-sec-head h2{font-size:clamp(26px,3.4vw,34px)} #atm-new-site .atm-hero-sub{font-size:clamp(15px,1.4vw,16.5px)} /* Section rhythm + subtle entrance */ #atm-new-site .atm-sec{padding:clamp(48px,6vw,76px) 0} #atm-new-site.atm-js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease} #atm-new-site.atm-js [data-reveal].atm-in{opacity:1;transform:none} /* Real contact form (replaces mailto-only CTA) */ #atm-new-site .atm-form{display:grid;gap:14px;margin-top:4px} #atm-new-site .atm-form .atm-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} #atm-new-site .atm-form label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.4px;color:#c5d2e6;margin-bottom:6px} #atm-new-site .atm-form input, #atm-new-site .atm-form textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(201,162,75,.34);border-radius:10px;padding:12px 14px;color:#fff;font:inherit;font-size:15px;transition:border-color .15s,background .15s} #atm-new-site .atm-form input::placeholder, #atm-new-site .atm-form textarea::placeholder{color:#8ea0bd} #atm-new-site .atm-form input:focus, #atm-new-site .atm-form textarea:focus{outline:none;border-color:var(--atm-gold2);background:rgba(255,255,255,.1)} #atm-new-site .atm-form textarea{min-height:120px;resize:vertical} #atm-new-site .atm-form .atm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} #atm-new-site .atm-form button{justify-self:start;border:0} #atm-new-site .atm-form-note{font-size:13px;border-radius:10px;padding:12px 14px;margin-bottom:4px} #atm-new-site .atm-form-note.ok{background:rgba(46,125,90,.18);color:#9be3c2;border:1px solid rgba(46,125,90,.4)} #atm-new-site .atm-form-note.err{background:rgba(192,57,43,.16);color:#f3b4ac;border:1px solid rgba(192,57,43,.4)} @media(max-width:560px){#atm-new-site .atm-form .atm-row{grid-template-columns:1fr}} /* Admin bar offset for sticky nav */ .admin-bar #atm-new-site .atm-nav{top:32px} @media(max-width:782px){.admin-bar #atm-new-site .atm-nav{top:46px}} /* Single post / page + archive content */ #atm-new-site .atm-content{padding:clamp(40px,5vw,64px) 0} #atm-new-site .atm-article{max-width:820px;margin:0 auto} #atm-new-site .atm-article-head h1{font-size:clamp(26px,3.4vw,36px);color:var(--atm-navy);line-height:1.22;letter-spacing:-.4px;margin-bottom:10px} #atm-new-site .atm-article-meta{color:var(--atm-mut);font-size:14px;margin-bottom:22px} #atm-new-site .atm-article-cover{border-radius:var(--atm-rad);overflow:hidden;margin-bottom:26px;border:1px solid var(--atm-line)} #atm-new-site .atm-article-cover img{width:100%;height:auto} #atm-new-site .atm-article-body{font-size:16.5px;color:var(--atm-ink);line-height:1.75} #atm-new-site .atm-article-body h2{font-size:24px;color:var(--atm-navy);margin:30px 0 12px} #atm-new-site .atm-article-body h3{font-size:20px;color:var(--atm-navy);margin:24px 0 10px} #atm-new-site .atm-article-body p{margin-bottom:16px} #atm-new-site .atm-article-body ul,#atm-new-site .atm-article-body ol{margin:0 0 16px 22px} #atm-new-site .atm-article-body li{margin-bottom:8px} #atm-new-site .atm-article-body a{color:var(--atm-navy3);font-weight:600} #atm-new-site .atm-article-body img{max-width:100%;height:auto;border-radius:12px;margin:16px 0} #atm-new-site .atm-article-body blockquote{border-left:4px solid var(--atm-gold);background:var(--atm-cream);padding:16px 20px;border-radius:0 12px 12px 0;margin:18px 0;color:var(--atm-navy2)} #atm-new-site .atm-content .atm-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} @media(max-width:980px){#atm-new-site .atm-content .atm-news-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){#atm-new-site .atm-content .atm-news-grid{grid-template-columns:1fr}} /* ============================================================ WPBAKERY PAGE (atm-vc-page) — no color/width overrides ============================================================ */ /* Strip our nav scroll-offset only — WPBakery handles the rest */ #atm-new-site .atm-vc-page{padding-top:0} /* Ensure WPBakery full-width rows can escape any inherited max-width */ #atm-new-site .atm-vc-page .vc_row, #atm-new-site .atm-vc-page .vc_section{width:100%;max-width:none;margin-left:0;margin-right:0} /* Dark-background WPBakery sections: force text + headings to white Matches any vc_row/vc_section with a background darker than ~30% luminance. WPBakery uses inline style="background(-color):#rrggbb" so we target the most common dark hex prefixes used on this site (#05, #06, #07, #0b, #0c, #0d, #0f, #10, #11, #12, #13, #14, #15, #16, #1, #2 and full dark values). */ #atm-new-site .atm-vc-page [style*="background:#0"], #atm-new-site .atm-vc-page [style*="background: #0"], #atm-new-site .atm-vc-page [style*="background-color:#0"], #atm-new-site .atm-vc-page [style*="background-color: #0"], #atm-new-site .atm-vc-page [style*="background:#1"], #atm-new-site .atm-vc-page [style*="background-color:#1"]{color:#fff} #atm-new-site .atm-vc-page [style*="background:#0"] h1, #atm-new-site .atm-vc-page [style*="background:#0"] h2, #atm-new-site .atm-vc-page [style*="background:#0"] h3, #atm-new-site .atm-vc-page [style*="background:#0"] h4, #atm-new-site .atm-vc-page [style*="background:#0"] p, #atm-new-site .atm-vc-page [style*="background:#0"] li, #atm-new-site .atm-vc-page [style*="background:#0"] span, #atm-new-site .atm-vc-page [style*="background: #0"] h1, #atm-new-site .atm-vc-page [style*="background: #0"] h2, #atm-new-site .atm-vc-page [style*="background: #0"] h3, #atm-new-site .atm-vc-page [style*="background: #0"] h4, #atm-new-site .atm-vc-page [style*="background: #0"] p, #atm-new-site .atm-vc-page [style*="background: #0"] li, #atm-new-site .atm-vc-page [style*="background: #0"] span, #atm-new-site .atm-vc-page [style*="background-color:#0"] h1, #atm-new-site .atm-vc-page [style*="background-color:#0"] h2, #atm-new-site .atm-vc-page [style*="background-color:#0"] h3, #atm-new-site .atm-vc-page [style*="background-color:#0"] h4, #atm-new-site .atm-vc-page [style*="background-color:#0"] p, #atm-new-site .atm-vc-page [style*="background-color:#0"] li, #atm-new-site .atm-vc-page [style*="background-color:#0"] span, #atm-new-site .atm-vc-page [style*="background:#1"] h1, #atm-new-site .atm-vc-page [style*="background:#1"] h2, #atm-new-site .atm-vc-page [style*="background:#1"] h3, #atm-new-site .atm-vc-page [style*="background:#1"] h4, #atm-new-site .atm-vc-page [style*="background:#1"] p, #atm-new-site .atm-vc-page [style*="background:#1"] li, #atm-new-site .atm-vc-page [style*="background:#1"] span, #atm-new-site .atm-vc-page [style*="background-color:#1"] h1, #atm-new-site .atm-vc-page [style*="background-color:#1"] h2, #atm-new-site .atm-vc-page [style*="background-color:#1"] h3, #atm-new-site .atm-vc-page [style*="background-color:#1"] h4, #atm-new-site .atm-vc-page [style*="background-color:#1"] p, #atm-new-site .atm-vc-page [style*="background-color:#1"] li, #atm-new-site .atm-vc-page [style*="background-color:#1"] span{color:#fff!important} /* WPBakery background-image rows: always white text (image assumed dark/overlay) */ #atm-new-site .atm-vc-page [style*="background-image"] h1, #atm-new-site .atm-vc-page [style*="background-image"] h2, #atm-new-site .atm-vc-page [style*="background-image"] h3, #atm-new-site .atm-vc-page [style*="background-image"] h4, #atm-new-site .atm-vc-page [style*="background-image"] p{color:#fff!important} /* Scroll offset for sticky nav on WPBakery in-page anchors */ #atm-new-site .atm-vc-page .vc_row{scroll-margin-top:64px} /* ============================================================ HEADER HEIGHT LIMIT + CUSTOM LOGO CONSTRAINT ============================================================ */ #atm-new-site .atm-nav-inner{height:64px} #atm-new-site .atm-logo{height:44px;width:auto;max-width:200px;object-fit:contain} #atm-new-site .atm-brand .custom-logo{height:44px;width:auto;max-width:200px;object-fit:contain;display:block} #atm-new-site .atm-brand a{display:flex;align-items:center} /* ============================================================ FOOTER LOGO ============================================================ */ #atm-new-site .atm-foot-logo{height:40px;width:auto;max-width:180px;object-fit:contain;margin-bottom:10px} #atm-new-site .atm-foot .custom-logo{height:40px;width:auto;max-width:180px;object-fit:contain} /* ============================================================ SINGLE TEAM (expert profile) ============================================================ */ #atm-new-site .atm-team-breadcrumb{font-size:13.5px;color:var(--atm-mut);margin-bottom:28px;display:flex;align-items:center;gap:7px;flex-wrap:wrap} #atm-new-site .atm-team-breadcrumb a{color:var(--atm-navy2);text-decoration:none;font-weight:600} #atm-new-site .atm-team-breadcrumb a:hover{color:var(--atm-gold)} #atm-new-site .atm-team-card{display:grid;grid-template-columns:320px 1fr;gap:38px;align-items:start;background:#fff;border-radius:20px;box-shadow:0 8px 30px rgba(11,31,58,.10);border:1px solid var(--atm-line);overflow:hidden;margin-bottom:36px} #atm-new-site .atm-team-photo{aspect-ratio:3/4;overflow:hidden} #atm-new-site .atm-team-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block} #atm-new-site .atm-team-info{padding:38px 36px 38px 0} #atm-new-site .atm-team-name{font-size:28px;font-weight:800;color:var(--atm-navy);letter-spacing:-.4px;margin-bottom:8px} #atm-new-site .atm-team-role{font-size:14px;font-weight:700;color:var(--atm-gold);text-transform:uppercase;letter-spacing:.6px;margin-bottom:22px} #atm-new-site .atm-team-bio{font-size:15.5px;color:var(--atm-mut);line-height:1.75;margin-bottom:24px} #atm-new-site .atm-team-social{display:flex;gap:12px;margin-bottom:28px} #atm-new-site .atm-team-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--atm-navy2);color:#fff;text-decoration:none;transition:background .16s,transform .16s} #atm-new-site .atm-team-social a:hover{background:var(--atm-gold);transform:translateY(-2px)} #atm-new-site .atm-team-back{margin-top:4px} #atm-new-site .atm-team-content{background:#fff;border-radius:var(--atm-rad);padding:36px;border:1px solid var(--atm-line);margin-bottom:36px} @media(max-width:860px){ #atm-new-site .atm-team-card{grid-template-columns:1fr} #atm-new-site .atm-team-photo{aspect-ratio:4/3} #atm-new-site .atm-team-info{padding:28px} } @media(max-width:480px){ #atm-new-site .atm-team-name{font-size:22px} #atm-new-site .atm-team-info{padding:20px} } /* ============================================================ TESTIMONIALS (#atm-testimonials) ============================================================ */ #atm-new-site .atm-testimonials{background:var(--atm-cream)} #atm-new-site .atm-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px} #atm-new-site .atm-testimonial{background:#fff;border:1px solid var(--atm-line);border-radius:var(--atm-rad);padding:28px 26px;display:flex;flex-direction:column;gap:20px} #atm-new-site .atm-testimonial-quote{font-size:15px;line-height:1.7;color:var(--atm-ink);position:relative;padding-left:20px} #atm-new-site .atm-testimonial-quote::before{content:'\201C';position:absolute;left:0;top:-4px;font-size:32px;line-height:1;color:var(--atm-gold);font-family:Georgia,serif} #atm-new-site .atm-testimonial-author{display:flex;align-items:center;gap:14px;margin-top:auto} #atm-new-site .atm-testimonial-photo{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--atm-line)} #atm-new-site .atm-testimonial-photo img{width:100%;height:100%;object-fit:cover} #atm-new-site .atm-testimonial-name{font-size:14px;font-weight:700;color:var(--atm-navy);display:block;font-style:normal} #atm-new-site .atm-testimonial-company{font-size:13px;color:var(--atm-mut);display:block;margin-top:2px} @media(max-width:860px){ #atm-new-site .atm-testimonial-grid{grid-template-columns:repeat(2,1fr)} } @media(max-width:540px){ #atm-new-site .atm-testimonial-grid{grid-template-columns:1fr} } /* Expert photo placeholder (when team post has no thumbnail) */ #atm-new-site .atm-expert-photo-placeholder{display:block;width:100%;aspect-ratio:1;background:var(--atm-line)}