:root { /* ── WMAM PALETTE — Cowboys/Giants Blue + White/Grey ── */ --blue: #003594; /* Dallas Cowboys navy blue */ --blue2: #0048BF; /* Brighter blue for hover */ --blue3: #002268; /* Deeper blue for darks */ --silver: #869397; /* Cowboys silver grey */ --silver2: #B0B7BC; /* Light silver */ --red: #CC0000; /* Accent red */ --red2: #E8001D; /* Bright red */ --white: #FFFFFF; --offwhite: #F4F5F7; /* Page background */ --grey-light:#E8EAED; /* Card backgrounds, dividers */ --grey-mid: #D1D5DB; /* Borders */ --grey-dark: #6B7280; /* Muted text */ --black: #111827; /* Primary text */ --text: #111827; --muted: #4B5563; --muted2: #9CA3AF; --success: #059669; --danger: #CC0000; --border: #D1D5DB; /* Legacy compat */ --orange: #003594; --orange2: #0048BF; --orange3: #4477CC; --brown: #111827; --brown2: #1F2937; --cream: #F4F5F7; --cream2: #E8EAED; --sand: #D1D5DB; --dark: #0D1117; --surface: #111827; --surface2: #1F2937; --navy: #003594; --navy2: #0048BF; --navy3: #002268; --yellow: #FFD700; --grad-fire: linear-gradient(135deg, #003594 0%, #002268 100%); --grad-hero: linear-gradient(135deg, #111827 0%, #003594 60%, #002268 100%); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { background: var(--cream); color: var(--text); font-family: 'Barlow', sans-serif; font-weight: 400; overflow-x: hidden; } /* Interactive element base styles */ a, button, input, select, textarea, label, a *, button *, [onclick] { cursor: pointer; } /* ── PAGES ── */ .page { display:none; animation: pgIn .4s ease both; background:var(--offwhite); } .page.active { display:block; } #careersPage.active, #teamPage.active, #contactPage.active, #loginPage.active { background: #FFFFFF; min-height: 100vh; } @keyframes pgIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} } /* ── NAV ── */ nav { position: fixed; top:0; left:0; right:0; z-index:900; height: 96px; padding: 0 5%; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.97); backdrop-filter: blur(16px); border-bottom: 3px solid var(--blue); box-shadow: 0 2px 24px rgba(0,53,148,0.08); } .nav-links { display:flex; align-items:center; gap:4px; } .nav-links a, .nav-links button:not(.nav-cta) { font-family:Barlow Condensed,sans-serif; font-size:0.8rem; letter-spacing:3px; text-transform:uppercase; color:var(--black) !important; text-decoration:none; padding:8px 14px; position:relative; transition:color .2s; background:none !important; border:none !important; outline:none !important; box-shadow:none !important; cursor:pointer; } .nav-links a::after, .nav-links button:not(.nav-cta)::after { content:''; position:absolute; bottom:4px; left:14px; right:14px; height:2px; background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform .25s; } .nav-links a:hover, .nav-links a.active, .nav-links button:not(.nav-cta):hover, .nav-links button:not(.nav-cta).active { color:var(--red) !important; } .nav-links a:hover::after, .nav-links a.active::after, .nav-links button:not(.nav-cta):hover::after, .nav-links button:not(.nav-cta).active::after { transform:scaleX(1); } .nav-cta { background:none !important; color:#CC0000 !important; font-weight:700 !important; padding:8px 14px !important; border-radius:0 !important; box-shadow:none !important; border:none !important; font-family:Barlow Condensed,sans-serif !important; font-size:0.8rem !important; letter-spacing:3px !important; text-transform:uppercase !important; transition: color .2s !important; } .nav-cta::after { display:none !important; } .nav-cta:hover { color:#990000 !important; background:none !important; } .nav-burger { display:none; flex-direction:column; gap:5px; padding:8px; } .nav-burger span { width:24px; height:2px; background:var(--red); display:block; transition:all .3s; } /* ══════════════════════════════ HOME PAGE ══════════════════════════════ */ /* HERO */ .hero { min-height: 100vh; background: #F4F5F7; position: relative; overflow: hidden; display: flex; align-items: center; } /* diagonal shape */ /* hero diagonal handled by hero-right element directly */ .hero::before { display:none; } .hero::after { display:none; } .hero-left { position:relative; z-index:5; width:55%; padding: 120px 5% 80px; color: var(--black); } .hero-right { position:relative; z-index:5; width:45%; display:flex; align-items:center; justify-content:center; padding-top:72px; background: linear-gradient(160deg, #003594 0%, #002268 100%); /* Explicit background - hero::before clip may not cover on some browsers */ clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%); } .hero-tag { display:inline-flex; align-items:center; gap:10px; background:rgba(0,53,148,0.08); border:1px solid rgba(0,53,148,0.25); padding:6px 16px; border-radius:100px; margin-bottom:24px; font-family:Barlow Condensed,sans-serif; font-size:0.75rem; letter-spacing:4px; text-transform:uppercase; color:var(--red); animation: slideUp .7s ease both; } .hero-tag::before { content:'★'; font-size:0.6rem; color:var(--blue); } .hero-title { font-family:Bebas Neue,sans-serif; font-size: clamp(4rem,8vw,7.5rem); line-height:.92; color:var(--brown); animation: slideUp .7s .08s ease both; } .hero-title .fire { color:var(--red); display:block; } .hero-body { font-size:1.05rem; color:#374151; line-height:1.8; max-width:480px; margin:28px 0 40px; animation: slideUp .7s .16s ease both; } .hero-btns { display:flex; gap:14px; flex-wrap:wrap; animation: slideUp .7s .24s ease both; } .btn-fire { background:var(--grad-fire); color:var(--white); font-family:Barlow Condensed,sans-serif; font-size:.85rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; text-decoration:none; padding:16px 36px; border:none; display:inline-flex; align-items:center; gap:10px; border-radius:4px; box-shadow:0 6px 24px rgba(0,53,148,0.4); transition: transform .2s, box-shadow .2s; } .btn-fire:hover { transform:translateY(-2px); box-shadow:0 10px 32px rgba(0,53,148,0.55); } .btn-outline { background:transparent; color:var(--blue); font-family:Barlow Condensed,sans-serif; font-size:.85rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; text-decoration:none; padding:15px 36px; border:2px solid var(--blue); display:inline-flex; align-items:center; gap:10px; border-radius:4px; transition: background .2s, color .2s; } /* On dark backgrounds use white outline */ .btn-outline-white { color:#FFFFFF !important; border-color:rgba(255,255,255,.8) !important; } .btn-outline:hover { background:var(--blue); color:#FFFFFF; border-color:var(--blue); } /* BIG LOGO on hero right */ .hero-logo-big { width: min(380px,42vw); height: min(380px,42vw); filter: drop-shadow(0 20px 50px rgba(58,31,13,0.3)); animation: logoFloat 6s ease-in-out infinite, slideUp .9s .1s ease both; } @keyframes logoFloat { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-18px) rotate(1deg)} } .hero-stats { display:flex; gap:40px; margin-top:48px; animation: slideUp .7s .32s ease both; } .hstat { } .hstat-num { font-family:Bebas Neue,sans-serif; font-size:2.6rem; color:var(--red); line-height:1; } .hstat-label { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:3px; text-transform:uppercase; color:var(--muted); margin-top:3px; } @keyframes slideUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:none} } /* ── TICKER ── */ .ticker-wrap { background:var(--brown); overflow:hidden; padding:14px 0; position:relative; } .ticker-track { display:flex; white-space:nowrap; animation:ticker 28s linear infinite; } .ticker-item { font-family:Bebas Neue,sans-serif; font-size:1.1rem; letter-spacing:4px; color:var(--cream); padding:0 36px; display:flex; align-items:center; gap:16px; } .ticker-item span { color:var(--navy2); font-size:.7rem; } @keyframes ticker { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} } /* ── PROGRAMS ── */ .programs-section { padding: 100px 5%; background: var(--white); position:relative; overflow:hidden; } .programs-section::before { content:''; position:absolute; top:-60px; left:0; right:0; height:120px; background:var(--cream); clip-path:ellipse(60% 60px at 50% 0%); } .sec-eyebrow { font-family:Barlow Condensed,sans-serif; font-size:.7rem; letter-spacing:6px; text-transform:uppercase; color:var(--red); margin-bottom:10px; display:flex; align-items:center; gap:12px; } .sec-eyebrow::before { content:''; width:32px; height:2px; background:var(--red); } .sec-title { font-family:Bebas Neue,sans-serif; font-size:clamp(2.4rem,4.5vw,4rem); color:var(--brown); line-height:1; } .progs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px; } .prog-card { background:var(--cream); border:2px solid var(--sand); border-radius:12px; padding:40px 32px; position:relative; overflow:hidden; transition: transform .3s, box-shadow .3s, border-color .3s; } .prog-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--grad-fire); transform:scaleX(0); transform-origin:left; transition:transform .4s; } .prog-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,53,148,0.15); border-color:#FF8C5A; } .prog-card:hover::before { transform:scaleX(1); } .prog-num { font-family:Bebas Neue,sans-serif; font-size:5rem; color:rgba(0,53,148,0.08); position:absolute; top:12px; right:20px; line-height:1; } .prog-icon { width:60px; height:60px; background:var(--grad-fire); border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; margin-bottom:22px; box-shadow:0 6px 18px rgba(0,53,148,0.3); } .prog-title { font-family:Bebas Neue,sans-serif; font-size:1.7rem; color:var(--brown); margin-bottom:10px; letter-spacing:1px; } .prog-desc { font-size:.9rem; color:var(--muted); line-height:1.75; margin-bottom:26px; } .prog-link { font-family:Barlow Condensed,sans-serif; font-size:.75rem; letter-spacing:3px; text-transform:uppercase; color:var(--red); text-decoration:none; display:inline-flex; align-items:center; gap:8px; font-weight:700; transition:gap .2s; } .prog-link:hover { gap:14px; } .prog-link::after { content:'→'; } /* ── ABOUT BAND ── */ .about-band { background: linear-gradient(135deg, #003594 0%, #002268 60%, #001844 100%); padding:100px 5%; position:relative; overflow:hidden; } .about-inner { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; position:relative; z-index:1; } .about-title { font-family:Bebas Neue,sans-serif; font-size:clamp(2.4rem,4vw,3.8rem); color:var(--white); line-height:1; margin-bottom:24px; } .about-body { font-size:1rem; color:rgba(255,255,255,.85); line-height:1.85; margin-bottom:32px; } .values-list { display:flex; flex-direction:column; gap:16px; } .val-row { display:flex; align-items:center; gap:16px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:14px 20px; backdrop-filter:blur(4px); } .val-check { font-size:1rem; flex-shrink:0; } .val-text { font-family:Barlow Condensed,sans-serif; font-size:1rem; letter-spacing:2px; text-transform:uppercase; color:var(--white); font-weight:600; } /* ── QUOTE FULL ── */ .quote-section { background:#0B1E3F; padding:100px 5%; text-align:center; position:relative; overflow:hidden; } /* quote before removed to prevent layout issues */ .big-q { font-family:Bebas Neue,sans-serif; font-size:clamp(2.8rem,7vw,6rem); color:#FFFFFF; letter-spacing:4px; position:relative; z-index:1; } .big-q span { color:#CC0000; } /* ── FOOTER ── */ footer { background:#002268; padding:70px 5% 30px; color:rgba(255,255,255,.82); } .footer-grid { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:56px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:28px; } .ft-desc { font-size:.88rem; color:rgba(255,255,255,.82); line-height:1.8; margin-top:10px; max-width:280px; } .ft-col-head { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:4px; text-transform:uppercase; color:#FFFFFF; font-weight:800; margin-bottom:16px; display:inline-block; background: rgba(160,160,160,.18); padding:3px 10px; border-radius:2px; } .ft-links { list-style:none; display:flex; flex-direction:column; gap:10px; } .ft-links a { font-size:.85rem; color:rgba(255,255,255,.82); text-decoration:none; transition:color .2s; } .ft-links a:hover { color:var(--navy2); } .ft-bottom { max-width:1280px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; } .ft-copy { font-family:Barlow Condensed,sans-serif; font-size:.7rem; letter-spacing:2px; color:rgba(255,255,255,.9); } .ft-motto { font-family:Bebas Neue,sans-serif; font-size:.9rem; letter-spacing:4px; color:#CC0000; } /* ── FOOTER SOCIAL BAR ── */ .ft-social-strip { max-width:1280px; margin:0 auto; padding:28px 0 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; border-top:1px solid rgba(255,255,255,0.07); } .ft-social-label { font-family:Barlow Condensed,sans-serif; font-size:.6rem; letter-spacing:4px; text-transform:uppercase; color:rgba(255,255,255,0.3); } .ft-social-icons { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } /* ══════════════════════════════ CAREERS ══════════════════════════════ */ .page-hero { padding:148px 5% 60px; max-width:1280px; margin:0 auto; background:var(--offwhite); } .page-hero-title { font-family:Bebas Neue,sans-serif; font-size:clamp(3rem,6vw,5.5rem); color:var(--blue); line-height:.95; } .page-hero-sub { font-size:1rem; color:#374151; line-height:1.8; max-width:520px; margin-top:14px; } .careers-wrap { padding:0 5% 100px; max-width:1280px; margin:0 auto; background:var(--offwhite); } .career-card { background:var(--white); border:2px solid var(--sand); border-radius:12px; padding:48px; margin-bottom:20px; display:grid; grid-template-columns:1fr auto; gap:36px; align-items:start; position:relative; overflow:hidden; transition:transform .3s, box-shadow .3s, border-color .3s; } .career-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,53,148,.12); border-color:var(--navy2); } .career-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--grad-fire); transform:scaleY(0); transform-origin:bottom; transition:transform .35s; } .career-card:hover::before { transform:scaleY(1); } .career-badge { font-family:Barlow Condensed,sans-serif; font-size:.7rem; letter-spacing:3px; text-transform:uppercase; background:rgba(0,53,148,.08); border:1px solid rgba(0,53,148,.2); color:var(--red); padding:5px 14px; border-radius:100px; display:inline-block; margin-bottom:14px; } .career-role { font-family:Bebas Neue,sans-serif; font-size:2.5rem; color:var(--brown); margin-bottom:8px; } .career-pay { font-family:Barlow Condensed,sans-serif; font-size:1rem; color:var(--red); font-weight:700; letter-spacing:2px; margin-bottom:14px; } .career-desc { font-size:.9rem; color:var(--muted); line-height:1.75; max-width:680px; margin-bottom:20px; } .career-tags { display:flex; flex-wrap:wrap; gap:8px; } .ctag { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:2px; text-transform:uppercase; color:var(--muted2); border:1px solid var(--sand); padding:4px 12px; border-radius:100px; background:var(--cream); } /* ══════════════════════════════ TEAM ══════════════════════════════ */ .team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:0 5% 100px; max-width:1280px; margin:0 auto; } .team-card { background:var(--white); border:2px solid var(--sand); border-radius:12px; overflow:hidden; transition:transform .3s, box-shadow .3s, border-color .3s; } .team-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,53,148,.12); border-color:var(--navy2); } .team-photo { width:100%; aspect-ratio:1; background:linear-gradient(135deg,var(--cream2),var(--sand)); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; } .team-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,var(--white)); } .team-init { font-family:Bebas Neue,sans-serif; font-size:4rem; color:var(--red); opacity:.35; } .team-info { padding:22px 24px; } .team-name { font-family:Bebas Neue,sans-serif; font-size:1.5rem; color:var(--brown); margin-bottom:8px; } .team-role { font-family:Barlow Condensed,sans-serif; font-size:.7rem; letter-spacing:2px; text-transform:uppercase; color:var(--red); } .team-role-2 { color:var(--muted); margin-top:2px; } /* ══════════════════════════════ CONTACT ══════════════════════════════ */ .contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:0 5% 100px; max-width:1280px; margin:0 auto; } .contact-info { background:var(--brown); border-radius:12px; padding:56px; color:#111827; } .contact-form-box { background:var(--white); border:2px solid var(--sand); border-radius:12px; padding:56px; } .ci-label { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:4px; text-transform:uppercase; color:var(--navy2); margin-bottom:8px; } .ci-val { font-family:Barlow Condensed,sans-serif; font-size:1.15rem; letter-spacing:1px; color:var(--cream); margin-bottom:28px; } .cf-title { font-family:Bebas Neue,sans-serif; font-size:1.8rem; color:var(--brown); margin-bottom:28px; letter-spacing:1px; } /* FORMS */ .f-label { display:block; font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:3px; text-transform:uppercase; color:var(--muted); margin-bottom:8px; } .f-input,.f-textarea,.f-select { width:100%; background:var(--cream); border:2px solid var(--sand); color:var(--text); font-family:'Barlow',sans-serif; font-size:.9rem; padding:13px 15px; outline:none; border-radius:6px; transition:border-color .2s, box-shadow .2s; } .f-input:focus,.f-textarea:focus,.f-select:focus { border-color:var(--red); box-shadow:0 0 0 3px rgba(0,53,148,.1); } .f-textarea { resize:vertical; min-height:120px; } .f-field { margin-bottom:18px; } .f-success { background:rgba(26,140,78,.08); border:1px solid rgba(26,140,78,.25); color:var(--success); padding:13px 16px; border-radius:6px; font-family:Barlow Condensed,sans-serif; font-size:.9rem; letter-spacing:1px; display:none; margin-top:14px; } /* Scroll reveal */ .reveal { opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease; } .reveal.vis { opacity:1; transform:none; } /* Fallback: if JS reveal never fires, show after short animation */ @keyframes revealFallback { 0% { opacity:0; transform:translateY(16px); } 100% { opacity:1; transform:none; } } .reveal { animation: revealFallback 0.5s 0.3s both; } /* ══════════════════════════════ LOGIN ══════════════════════════════ */ #loginPage { display:none; min-height:100vh; background: linear-gradient(135deg, var(--brown) 0%, var(--black) 100%); align-items:center; justify-content:center; position:relative; overflow:hidden; } #loginPage.active { display:flex; } #loginPage::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 30% 50%, rgba(0,53,148,.2) 0%, transparent 60%); } #loginPage::after { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(0,53,148,.15) 1px, transparent 1px); background-size:28px 28px; } .login-box { background:var(--white); border-radius:16px; padding:60px; width:100%; max-width:420px; position:relative; z-index:2; box-shadow:0 40px 80px rgba(0,0,0,.5); } .login-box::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--grad-fire); border-radius:16px 16px 0 0; } .login-sub-t { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:4px; text-transform:uppercase; color:var(--muted); margin-bottom:28px; text-align:center; } .login-err { background:rgba(204,34,34,.08); border:1px solid rgba(204,34,34,.25); color:var(--danger); padding:12px 16px; border-radius:6px; font-family:Barlow Condensed,sans-serif; font-size:.85rem; display:none; margin-bottom:18px; } /* ══════════════════════════════ BACK OFFICE ══════════════════════════════ */ #backoffice { display:none; min-height:100vh; flex-direction:column !important; } #backoffice.active { display:flex; } .bo-side { width:256px; flex-shrink:0; background: #FFFFFF !important; min-height:100vh; display:flex; flex-direction:column; } /* Mobile sidebar toggle */ .bo-menu-btn{display:none;background:none;border:none;flex-direction:column;gap:5px;padding:10px;cursor:pointer;margin-right:8px;} .bo-menu-btn span{display:block;width:24px;height:3px;background:#CC0000;border-radius:2px;} .bo-side-logo { padding:20px 22px; border-bottom:1px solid rgba(255,255,255,.1); } .bo-side-logo-sub { font-family:Barlow Condensed,sans-serif; font-size:.55rem; letter-spacing:3px; text-transform:uppercase; color:var(--navy2); } .bo-user { padding:18px 22px; border-bottom:1px solid rgba(255,255,255,.1); display:flex; align-items:center; gap:12px; } .bo-ava { width:38px; height:38px; border-radius:50%; background:var(--red); display:flex; align-items:center; justify-content:center; font-family:Bebas Neue,sans-serif; font-size:1rem; color:var(--white); flex-shrink:0; } .bo-uname { font-family:Barlow Condensed,sans-serif; font-size:.9rem; letter-spacing:1px; color:#111827; } .bo-urole { font-family:Barlow Condensed,sans-serif; font-size:.6rem; letter-spacing:2px; text-transform:uppercase; color:var(--navy2); } .bo-nav { flex:1; padding:16px 0; overflow-y:auto; } .bo-nav-sec { font-family:Barlow Condensed,sans-serif; font-size:.55rem; letter-spacing:4px; text-transform:uppercase; color:#6B7280; padding:16px 20px 6px; letter-spacing:4px; font-size:.6rem; } .bo-ni { display:flex; align-items:center; gap:12px; padding:14px 20px; font-family:Barlow Condensed,sans-serif; font-size:.95rem; letter-spacing:2px; color:#CC0000 !important; transition:all .12s; border-left:4px solid transparent; border-radius:0 8px 8px 0; margin:2px 10px 2px 0; font-weight:700; text-transform:uppercase; background:transparent !important; } .bo-ni:hover { color:#990000 !important; background:rgba(204,0,0,.08) !important; border-left-color:#CC0000; } .bo-ni.active { color:#CC0000 !important; background:rgba(204,0,0,.1) !important; border-left-color:#CC0000 !important; border-radius:0 8px 8px 0; } .bo-ni-ic { font-size:.95rem; width:18px; text-align:center; } .bo-out { padding:18px 22px; border-top:1px solid rgba(255,255,255,.1); } .bo-out-btn { width:100%; background:rgba(204,0,0,.06); border:1px solid rgba(204,0,0,.4); color:#CC0000; font-family:Barlow Condensed,sans-serif; font-size:.75rem; letter-spacing:3px; text-transform:uppercase; padding:11px; border-radius:6px; transition:all .2s; } .bo-out-btn:hover { border-color:rgba(204,34,34,.5); color:rgba(204,34,34,.8); } /* BO MAIN */ .bo-main { flex:1; background:var(--offwhite); overflow-y:auto; min-width:0; } .bo-topbar { background:var(--white); border-bottom:3px solid var(--blue); padding:20px 36px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:50; } .bo-pg-title { font-family:Bebas Neue,sans-serif; font-size:1.8rem; color:var(--brown); letter-spacing:2px; } .bo-date { font-family:Barlow Condensed,sans-serif; font-size:.75rem; letter-spacing:2px; color:var(--muted); } .bo-body { padding:36px; } .bo-sec { display:none; } .bo-sec.active { display:block; } /* STAT CARDS */ .bo-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:28px; } .bo-stat { background:var(--white); border:2px solid var(--sand); border-radius:10px; padding:24px; position:relative; overflow:hidden; transition:border-color .3s, box-shadow .3s; } .bo-stat:hover { border-color:var(--navy2); box-shadow:0 8px 24px rgba(0,53,148,.1); } .bo-stat::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--grad-fire); transform:scaleX(0); transform-origin:left; transition:transform .4s; } .bo-stat:hover::after { transform:scaleX(1); } .bs-label { color:#0D0E1A; font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:3px; text-transform:uppercase; color:var(--muted); margin-bottom:6px; } .bs-val { font-family:Bebas Neue,sans-serif; font-size:2.6rem; color:var(--red); line-height:1; } .bs-sub { font-family:Barlow Condensed,sans-serif; font-size:.75rem; color:var(--success); letter-spacing:1px; margin-top:3px; } /* TABLES */ .bo-card { background:var(--white); border:2px solid var(--sand); border-radius:10px; overflow:hidden; margin-bottom:20px; } .bo-card-head { padding:18px 24px; border-bottom:2px solid var(--sand); display:flex; align-items:center; justify-content:space-between; } .bo-card-title { color: #0D0E1A; font-family:Bebas Neue,sans-serif; font-size:1.3rem; color:var(--brown); letter-spacing:2px; } table { width:100%; border-collapse:collapse; } thead tr { background:var(--cream); } th { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:3px; text-transform:uppercase; color:var(--muted); padding:12px 18px; text-align:left; font-weight:400; } td { padding:14px 18px; border-bottom:1px solid rgba(0,0,0,.04); font-size:.88rem; color:var(--text); } tr:last-child td { border-bottom:none; } tr:hover td { background:rgba(0,53,148,.02); } .sbadge { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:2px; text-transform:uppercase; padding:4px 10px; border-radius:100px; display:inline-block; } .s-active { color:var(--success); background:rgba(26,140,78,.08); border:1px solid rgba(26,140,78,.25); } .s-inactive { color:var(--muted); background:rgba(0,0,0,.04); border:1px solid var(--sand); } .s-pending { color:var(--red); background:rgba(0,53,148,.08); border:1px solid rgba(0,53,148,.2); } /* MODAL */ .modal-bg { position:fixed; inset:0; background:rgba(58,31,13,.6); z-index:5000; display:none; align-items:center; justify-content:center; } .modal-bg.open { display:flex; } .modal { background:var(--white); border-radius:14px; padding:48px; width:100%; max-width:480px; position:relative; box-shadow:0 40px 80px rgba(0,0,0,.3); animation:pgIn .3s ease; } .modal::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--grad-fire); border-radius:14px 14px 0 0; } .modal-title { font-family:Bebas Neue,sans-serif; font-size:1.8rem; color:var(--brown); letter-spacing:2px; margin-bottom:4px; } .modal-sub { font-family:Barlow Condensed,sans-serif; font-size:.7rem; letter-spacing:3px; text-transform:uppercase; color:var(--red); margin-bottom:28px; } .modal-x { position:absolute; top:18px; right:18px; background:none; border:none; color:var(--muted); font-size:1.1rem; transition:color .2s; } .modal-x:hover { color:var(--danger); } .cred-box { background:var(--cream); border:2px solid var(--sand); border-radius:8px; padding:20px; margin-top:20px; display:none; } .cred-box.show { display:block; } .cred-r { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--sand); } .cred-r:last-of-type { border:none; } .cred-k { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:3px; text-transform:uppercase; color:var(--muted); } .cred-v { font-family:Barlow Condensed,sans-serif; font-size:.9rem; letter-spacing:2px; color:var(--red); font-weight:700; } /* MESSAGES */ .msg-item { background:var(--white); border:2px solid var(--sand); border-radius:10px; padding:22px 26px; display:flex; gap:18px; align-items:flex-start; margin-bottom:10px; transition:border-color .2s; } .msg-item:hover { border-color:var(--navy2); } .msg-ava { width:42px; height:42px; border-radius:50%; background:var(--grad-fire); display:flex; align-items:center; justify-content:center; font-family:Bebas Neue,sans-serif; font-size:1rem; color:var(--white); flex-shrink:0; } .msg-from { font-family:Barlow Condensed,sans-serif; font-size:.9rem; letter-spacing:1px; color:var(--brown); font-weight:600; margin-right:12px; } .msg-time { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:2px; color:var(--muted); } .msg-role { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:2px; text-transform:uppercase; color:var(--red); } .msg-text { font-size:.88rem; color:var(--muted); line-height:1.6; margin-top:6px; } /* LEADERBOARD */ .lb-item { background:var(--white); border:2px solid var(--sand); border-radius:10px; padding:18px 24px; display:flex; align-items:center; gap:18px; margin-bottom:10px; transition:border-color .2s; } .lb-item:hover { border-color:var(--navy2); } .lb-rank { font-family:Bebas Neue,sans-serif; font-size:2.2rem; color:var(--sand); width:44px; flex-shrink:0; line-height:1; } .lb-item:nth-child(1) .lb-rank { color:var(--red); } .lb-item:nth-child(2) .lb-rank { color:#A0A0A0; } .lb-item:nth-child(3) .lb-rank { color:#B07040; } .lb-name { flex:1; font-family:Barlow Condensed,sans-serif; font-size:1rem; letter-spacing:2px; color:var(--brown); font-weight:600; } .lb-srole { font-family:Barlow Condensed,sans-serif; font-size:.65rem; letter-spacing:2px; text-transform:uppercase; color:var(--muted); margin-top:2px; } .lb-bar-w { width:100px; height:5px; background:var(--sand); border-radius:10px; } .lb-bar { height:100%; background:var(--grad-fire); border-radius:10px; } .lb-score { font-family:Bebas Neue,sans-serif; font-size:1.8rem; color:var(--red); min-width:48px; text-align:right; } /* RESOURCES */ .res-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .res-card { background:var(--white); border:2px solid var(--sand); border-radius:10px; padding:28px; transition:all .3s; } .res-card:hover { border-color:var(--navy2); transform:translateY(-3px); box-shadow:0 10px 28px rgba(0,53,148,.1); } .res-ic { font-size:1.8rem; margin-bottom:12px; display:block; } .res-nm { font-family:Bebas Neue,sans-serif; font-size:1.2rem; color:var(--brown); margin-bottom:6px; } .res-ds { font-size:.82rem; color:var(--muted); line-height:1.65; } .res-lnk { font-family:Barlow Condensed,sans-serif; font-size:.7rem; letter-spacing:3px; text-transform:uppercase; color:var(--red); display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-weight:700; } .res-lnk::after { content:'→'; } /* FORM GRID */ .fg2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; } /* ── RESPONSIVE ── */ @media(max-width:900px){ .nav-links { display:none; flex-direction:column; position:fixed; top:72px; left:0; right:0; background:var(--cream); border-bottom:2px solid var(--sand); padding:16px; z-index:899; } .nav-links.open { display:flex; } .nav-burger { display:flex; } .hero { flex-direction:column; } .hero::before,.hero::after { display:none; } .hero-left { width:100%; } .hero-right { width:100%; background:var(--grad-fire); padding:60px 5%; } .hero-logo-big { width:min(260px,70vw); height:min(260px,70vw); filter:drop-shadow(0 10px 30px rgba(0,0,0,.3)); } .progs-grid { grid-template-columns:1fr; } .about-inner { grid-template-columns:1fr; gap:40px; } .contact-grid { grid-template-columns:1fr; } .team-grid { grid-template-columns:repeat(2,1fr); } .bo-stats { grid-template-columns:repeat(2,1fr); } .res-grid { grid-template-columns:1fr; } .footer-grid { grid-template-columns:1fr 1fr; gap:36px; } .bo-side{position:fixed;top:0;left:0;bottom:0;width:82%;max-width:290px;z-index:9000;display:none;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;background:#FFFFFF !important;} .bo-side.mob-open{display:flex!important;transform:translateX(0);} .bo-mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:8999;} .bo-mob-overlay.mob-open{display:block;} .bo-menu-btn{display:flex!important;} .career-card { grid-template-columns:1fr; } .nav-cta { background:none !important; color:#CC0000 !important; font-size:0.8rem !important; font-weight:700 !important; box-shadow:none !important; padding:8px 14px !important; letter-spacing:3px !important; } } /* ══ COMPANY LOGO NAV ══ */ .nav-logo-zone { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; height: 100%; padding: 6px 0; z-index: 10; pointer-events: none; } .company-logo-img { height: 82px; width: 82px; object-fit: contain; display: none; pointer-events: auto; border-radius: 50%; } @media(max-width:900px){ .company-logo-img { height:68px; width:68px; } } .company-logo-placeholder { display: flex; align-items: center; justify-content: center; height: 64px; min-width: 200px; border: 2px dashed rgba(0,53,148,0.25); border-radius: 6px; background: rgba(0,53,148,0.04); pointer-events: none; } .company-logo-placeholder span { font-family: 'Barlow Condensed', sans-serif; font-size: 0.58rem; letter-spacing: 3px; text-transform: uppercase; color: rgba(0,53,148,0.4); } /* ── CHANNEL FEED ── */ .channel-type-announcement { border-left:3px solid var(--red)!important; } .channel-type-recognition { border-left:3px solid #e8a800!important; } /* ── QUICK LINK TILES ── */ .ql-tile { display:flex; align-items:flex-start; gap:12px; border-radius:8px; padding:16px 18px; text-decoration:none; transition:all .2s; } .ql-orange { background:rgba(0,53,148,.06); border:2px solid rgba(0,53,148,.25); } .ql-orange:hover { background:rgba(0,53,148,.12); border-color:var(--red); } .ql-blue { background:rgba(42,125,225,.06); border:2px solid rgba(42,125,225,.25); } .ql-blue:hover { background:rgba(42,125,225,.12); border-color:#2a7de1; } .ql-green { background:rgba(26,140,78,.06); border:2px solid rgba(26,140,78,.25); } .ql-green:hover { background:rgba(26,140,78,.12); border-color:#1a8c4e; } .ql-title { font-family:Bebas Neue,sans-serif; font-size:1.05rem; letter-spacing:1px; color:var(--brown); margin-bottom:3px; } .ql-sub { font-family:Barlow Condensed,sans-serif; font-size:.6rem; letter-spacing:2px; text-transform:uppercase; } .ql-orange .ql-sub { color:var(--red); } .ql-blue .ql-sub { color:#2a7de1; } .ql-green .ql-sub { color:#1a8c4e; } /* ── TABLE ACTION BUTTONS ── */ .tbl-btn { font-family:Barlow Condensed,sans-serif; font-size:.6rem; letter-spacing:2px; text-transform:uppercase; padding:5px 11px; cursor:pointer; border-radius:100px; border:1px solid; transition:background .15s; white-space:nowrap; } .tbl-btn-blue { background:rgba(96,165,250,.1); border-color:rgba(96,165,250,.35); color:#60A5FA; } .tbl-btn-blue:hover { background:rgba(96,165,250,.22); } .tbl-btn-red { background:rgba(239,68,68,.08); border-color:rgba(239,68,68,.3); color:#EF4444; } .tbl-btn-red:hover { background:rgba(239,68,68,.2); } /* ── REMOVE NAV BUTTON BORDERS ── */ .nav-btn, .nav-links button { background: none !important; border: none !important; outline: none !important; box-shadow: none !important; -webkit-appearance: none; } .ft-links button { background: none !important; border: none !important; outline: none !important; box-shadow: none !important; -webkit-appearance: none !important; appearance: none !important; padding: 0 !important; margin: 0 !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: .85rem !important; letter-spacing: 1px; color: rgba(255,255,255,.85) !important; text-align: left; display: inline !important; cursor: pointer; border-radius: 0 !important; } .ft-links button:hover { color: #FFD700 !important; } .mention-all { color:#CC0000; font-weight:700; } .mention-team { color:var(--blue); font-weight:700; } .mention-agent { color:#059669; font-weight:700; } /* ══ BACK OFFICE TOP NAV (matches public site style) ══ */ #backoffice { flex-direction: column !important; } /* Hide old sidebar */ .bo-side { display: none !important; } .bo-mob-overlay { display: none !important; } .bo-menu-btn { display: none !important; } /* BO nav bar — two rows like public site */ .bo-topbar { position: sticky !important; top: 0 !important; z-index: 900 !important; background: rgba(255,255,255,0.97) !important; border-bottom: 3px solid var(--blue) !important; height: auto !important; display: flex !important; flex-direction: column !important; box-shadow: 0 2px 8px rgba(0,0,0,.06) !important; padding: 0 !important; } /* Row 1: logo + user + date + sign out */ .bo-topbar-row1 { display: flex; align-items: center; padding: 8px 5%; gap: 14px; border-bottom: 1px solid rgba(0,0,0,.06); min-height: 52px; } /* Row 2: nav links — exactly like HOME CAREERS OUR TEAM */ .bo-topbar-row2 { display: flex; align-items: center; padding: 0 5%; gap: 0; overflow-x: auto; min-height: 44px; } /* Nav buttons — clone of public site nav style */ .bo-nav-top-btn { font-family: 'Barlow Condensed', sans-serif !important; font-size: 0.8rem !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--black) !important; background: none !important; border: none !important; padding: 12px 16px !important; cursor: pointer !important; position: relative !important; transition: color .2s !important; white-space: nowrap !important; flex-shrink: 0 !important; } .bo-nav-top-btn:hover { color: var(--blue) !important; } .bo-nav-top-btn.bo-nav-active { color: var(--red) !important; font-weight: 700 !important; } .bo-nav-top-btn.bo-nav-active::after { content: ''; position: absolute; bottom: 0; left: 10px; right: 10px; height: 3px; background: var(--red); border-radius: 2px 2px 0 0; } /* Dropdown group */ .bo-nav-group { position: relative; flex-shrink: 0; } .bo-nav-group-btn { font-family: 'Barlow Condensed', sans-serif !important; font-size: 0.8rem !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--black) !important; background: none !important; border: none !important; padding: 12px 16px !important; cursor: pointer !important; white-space: nowrap !important; display: flex !important; align-items: center !important; gap: 4px !important; position: relative !important; transition: color .2s !important; } .bo-nav-group-btn:hover { color: var(--blue) !important; } .bo-nav-group-btn.bo-nav-active { color: var(--red) !important; font-weight: 700 !important; } .bo-nav-group-btn.bo-nav-active::after { content: ''; position: absolute; bottom: 0; left: 10px; right: 10px; height: 3px; background: var(--red); border-radius: 2px 2px 0 0; } .bo-nav-caret { font-size: .6rem; } /* Dropdown panel */ .bo-dropdown { display: none; position: fixed; min-width: 210px; background: #fff; border: 1px solid var(--sand); border-top: 3px solid var(--blue); border-radius: 0 0 8px 8px; box-shadow: 0 8px 28px rgba(0,0,0,.13); z-index: 99999 !important; padding: 6px 0; } .bo-dropdown.open { display: block; } .bo-drop-item { display: block; width: 100%; padding: 10px 18px; font-family: 'Barlow Condensed', sans-serif; font-size: .78rem; letter-spacing: 2px; text-transform: uppercase; color: var(--black); background: none; border: none; text-align: left; cursor: pointer; transition: background .1s, color .1s; white-space: nowrap; } .bo-drop-item:hover { background: rgba(0,53,148,.06); color: var(--blue); } .bo-drop-item.bo-nav-active { color: var(--red); font-weight: 700; } .bo-drop-divider { font-family: 'Barlow Condensed', sans-serif; font-size: .55rem; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); padding: 8px 18px 3px; border-top: 1px solid var(--sand); margin-top: 2px; } .bo-drop-divider:first-child { border-top: none; margin-top: 0; } /* User pill */ .bo-topbar-user { display:flex; align-items:center; gap:8px; margin-left:auto; flex-shrink:0; } /* Main content */ .bo-main { flex:1; background:var(--offwhite); overflow-y:auto; min-width:0; } .bo-body { padding:28px 5% 40px; max-width:1280px; margin:0 auto; } .bo-pg-title { font-family:'Bebas Neue',sans-serif; font-size:1.4rem; letter-spacing:2px; color:var(--blue); } @media(max-width:900px){ .bo-topbar-row1 { padding:8px 4%; gap:10px; } .bo-topbar-row2 { padding:0 2%; } .bo-nav-top-btn, .bo-nav-group-btn { font-size:.7rem !important; padding:10px 10px !important; letter-spacing:2px !important; } .bo-topbar-user .bo-uname, .bo-topbar-user .bo-urole { display:none; } .bo-body { padding:16px; } } #applicationModal { display:none; } /* When application modal is open - freeze ALL page animations/transitions */ body.app-modal-open *, body.modal-app-open * { animation-play-state: paused !important; transition: none !important; } body.app-modal-open #applicationModal, body.app-modal-open #applicationModal *, body.modal-app-open #applicationModal, body.modal-app-open #applicationModal * { animation-play-state: running !important; transition: unset !important; } /* Specific freeze for elements that cause reflow */ body.app-modal-open .career-card, body.app-modal-open .reveal, body.app-modal-open .btn-fire, body.app-modal-open .page, body.modal-app-open .career-card, body.modal-app-open .reveal, body.modal-app-open .btn-fire, body.modal-app-open .page { animation: none !important; transform: none !important; transition: none !important; } body.modal-app-open .career-card { transform:none !important; transition:none !important; } body.modal-app-open .career-card:hover { transform:none !important; box-shadow:none !important; } body.modal-app-open .reveal { animation:none !important; transition:none !important; }
Nationwide · Top Brands · Real Opportunity

We Build
Leaders.

WMAMinc. doesn't just hire people — we develop champions. From field agent to market manager, every rung on our ladder is yours to climb.

100%
Promote From Within
Multiple
Fortune 500 Clients
$100k+
Income Potential
Representing
Top Name Brands
Fortune 500 Clients Nationwide
Multiple States & Cities
Managers Expanding Every Market
Lifeline · Internet · ACA
High-Demand Programs That Matter
Lifeline Program✦
Home Internet Enrollment✦
ACA Healthcare✦
100% Promote From Within✦
Six-Figure Income✦
Nationwide Expansion✦
Management Training✦
One Team One Dream✦
Lifeline Program✦
Home Internet Enrollment✦
ACA Healthcare✦
100% Promote From Within✦
Six-Figure Income✦
Nationwide Expansion✦
Management Training✦
One Team One Dream✦
What We Do

OUR PROGRAMS

We put boots on the ground for Fortune 500 clients across three high-impact programs — putting real solutions in the hands of real people.

01
📱

Lifeline Program

Government-backed discounted phone services connecting low-income households to essential communication — jobs, education, and emergency access.

02
🌐

Home Internet

Top nationwide internet providers delivering affordable broadband to low-income households. We're the connection between communities and the digital world.

03
🏥

ACA Program

Affordable Care Act enrollment specialists guiding people through healthcare reform, subsidies, and pre-existing condition protections.

NOT JUST A JOB.
A CAREER PATH.

WMAMinc. is a management and marketing firm headquartered in Dallas–Fort Worth. We don't hire for résumés — we hire for hunger. Every manager in this organization started exactly where you are. No shortcuts. No favoritism. Just results.

✔️100% Promote From Within
✔️Performance-Based Pay — Always
✔️Student Mentality Required
✔️Leadership Development at Every Level
✔️Multiple Fortune 500 Clients
✔️Unlimited Growth Potential
"ONE TEAM. ONE DREAM."

Williams Marketing & Management Inc.

Opportunities

CAREER PATHS

Every role below is a rung on the same ladder. We hire for hunger, not résumé. Where you start doesn't determine where you finish.

Entry Level · Start Here

Field Agent

$600 – $1,000 / week · Performance Based

You are the first line of contact for new and existing customers. Learn, memorize, and demonstrate our proven customer service and sales principles for Fortune 500 clients — then help manage your own field marketing campaign. Student mentality and elite service skills are the only prerequisites.

CommunicationCustomer ServiceMarketingStudent Mentality
Apply Now →
Leadership Track

Team Leader

$800 – $1,200 / week · Performance Based

Accountable for the teaching, training, and development of others. Manage team accounts in sales, compliance, and training on a daily basis. This role demands strong work ethic, great attitude, and genuine people skills — no exceptions.

Team TrainingRecruitingComplianceTerritory Management
Apply Now →
Management Track · Flagship Role

Market Manager

$75,000+ / year · Performance Based

Full brand management plus territory-wide accountability. Keep sales and compliance at or above client standards — and push relentlessly to over-achieve. You're involved in admin, recruiting, interviews, conference calls, and financials. Every manager started at entry level. No exceptions.

P&LInterviewingConference LeadershipFinancials
Apply Now →

Questions before applying? We want to hear from you.

The People

OUR LEADERSHIP

Every person in a leadership role earned it from the ground up. This is the team that makes WMAM what it is.

MG
Makenzie Gibson
Office Manager
Head of Inventory
KW
K-Anna Williams
Head of Payroll
Onboarding Specialist
TF
Tanita Flowers
National Sales Director
IBO Development Manager
CW
Calvin Williams
National Sales Director
Leadership Development · Acquisitions
"We see big potential in every moment,
and care deeply about what we do."
Reach Out

CONTACT US

Questions about our programs, a career opportunity, or anything else? We respond fast. Office hours Mon–Fri 9AM–5PM CST.

Phone
(940) 233-6947
Email
info@wmaminc.com
Office Hours
Monday – Friday · 9:00 AM – 5:00 PM CST
Ready to join the team?
Apply Now →
Send a Message
✓ Message sent! We'll be in touch soon.
WMAMinc.
Back Office
?
Loading...
—
BUILD 2026.07.25.0200
Dashboard