#eypd-refresh.page-id-4911 .page-header{display:none!important} #eypd-refresh #eypd-it-hub{--it-navy:#061d36;--it-blue:#0753a6;--it-cyan:#17a8d8;--it-teal:#0b8c85;--it-ink:#142033;--it-muted:#627286;--it-line:#d9e6ef;--it-bg:#f4f8fb;--it-white:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--it-ink);line-height:1.55} #eypd-refresh #eypd-it-hub *{box-sizing:border-box} #eypd-refresh #eypd-it-hub .it-wrap{max-width:1180px;margin:auto;padding:0 24px} #eypd-refresh #eypd-it-hub .it-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#04182e 0%,#063c73 57%,#0b78a7 100%);color:#fff;border-radius:0;padding:72px 0 62px} #eypd-refresh #eypd-it-hub .it-hero:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(91,213,255,.18);border-radius:50%;right:-210px;top:-290px} #eypd-refresh #eypd-it-hub .it-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(91,213,255,.14);border-radius:50%;right:-80px;top:-170px} #eypd-refresh #eypd-it-hub .it-hero-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:46px;align-items:center;position:relative;z-index:1} #eypd-refresh #eypd-it-hub .it-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);border-radius:99px;padding:7px 12px;color:#dff7ff;font-size:12px;font-weight:800;letter-spacing:.04em} #eypd-refresh #eypd-it-hub .it-hero h1{color:#fff;font-size:clamp(42px,5.7vw,68px);line-height:.98;letter-spacing:-.05em;margin:18px 0 18px} #eypd-refresh #eypd-it-hub .it-hero h1 em{display:block;color:#78d8f6;font-style:normal} #eypd-refresh #eypd-it-hub .it-hero p{color:#d9eaf5;font-size:18px;max-width:720px;margin:0 0 26px} #eypd-refresh #eypd-it-hub .it-actions{display:flex;gap:12px;flex-wrap:wrap} #eypd-refresh #eypd-it-hub .it-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;border-radius:10px;padding:13px 18px;font-weight:850;transition:.2s ease} #eypd-refresh #eypd-it-hub .it-btn:hover,#eypd-refresh #eypd-it-hub .it-card:hover,#eypd-refresh #eypd-it-hub .it-path:hover{transform:translateY(-3px)} #eypd-refresh #eypd-it-hub .it-btn-primary{background:#fff;color:var(--it-blue)!important;box-shadow:0 9px 24px rgba(0,0,0,.18)} #eypd-refresh #eypd-it-hub .it-btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff!important;background:rgba(255,255,255,.06)} #eypd-refresh #eypd-it-hub .it-console{background:rgba(3,20,39,.64);border:1px solid rgba(111,216,250,.3);border-radius:20px;padding:24px;box-shadow:0 22px 50px rgba(0,0,0,.22);backdrop-filter:blur(3px)} #eypd-refresh #eypd-it-hub .it-console-top{display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:14px;margin-bottom:16px} #eypd-refresh #eypd-it-hub .it-console-top i{width:8px;height:8px;border-radius:50%;background:#4ed5ff} #eypd-refresh #eypd-it-hub .it-console-top i:nth-child(2){opacity:.65}#eypd-refresh #eypd-it-hub .it-console-top i:nth-child(3){opacity:.35} #eypd-refresh #eypd-it-hub .it-console-label{margin-left:auto;color:#8bcde7;font-size:11px;font-weight:800;letter-spacing:.12em} #eypd-refresh #eypd-it-hub .it-console-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} #eypd-refresh #eypd-it-hub .it-console-item{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:12px;padding:14px} #eypd-refresh #eypd-it-hub .it-console-item b{display:block;color:#fff;font-size:15px;margin-bottom:4px} #eypd-refresh #eypd-it-hub .it-console-item span{color:#9fc7da;font-size:12px} #eypd-refresh #eypd-it-hub .it-proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--it-line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;box-shadow:0 12px 30px rgba(20,55,87,.08)} #eypd-refresh #eypd-it-hub .it-proof-item{padding:22px 20px;border-right:1px solid var(--it-line);background:#fff} #eypd-refresh #eypd-it-hub .it-proof-item:last-child{border-right:0} #eypd-refresh #eypd-it-hub .it-proof-item strong{display:block;color:var(--it-blue);font-size:18px;line-height:1.15} #eypd-refresh #eypd-it-hub .it-proof-item span{color:var(--it-muted);font-size:12px} #eypd-refresh #eypd-it-hub .it-section{padding:64px 0} #eypd-refresh #eypd-it-hub .it-alt{background:var(--it-bg)} #eypd-refresh #eypd-it-hub .it-eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#d12b36} #eypd-refresh #eypd-it-hub .it-section h2{font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 12px;color:var(--it-ink)} #eypd-refresh #eypd-it-hub .it-lead{max-width:790px;color:var(--it-muted);font-size:16px;margin:0 0 30px} #eypd-refresh #eypd-it-hub .it-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #eypd-refresh #eypd-it-hub .it-path{position:relative;background:#fff;border:1px solid var(--it-line);border-radius:18px;padding:25px;box-shadow:0 8px 24px rgba(18,58,92,.06);transition:.2s ease;overflow:hidden} #eypd-refresh #eypd-it-hub .it-path:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--it-blue),var(--it-cyan))} #eypd-refresh #eypd-it-hub .it-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e8f6fc;color:var(--it-blue);font-size:22px;margin-bottom:16px} #eypd-refresh #eypd-it-hub .it-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #eypd-refresh #eypd-it-hub .it-path h3,#eypd-refresh #eypd-it-hub .it-card h3{font-size:20px;margin:0 0 8px;color:var(--it-ink)} #eypd-refresh #eypd-it-hub .it-path p,#eypd-refresh #eypd-it-hub .it-card p{color:var(--it-muted);margin:0} #eypd-refresh #eypd-it-hub .it-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px} #eypd-refresh #eypd-it-hub .it-card{background:#fff;border:1px solid var(--it-line);border-radius:17px;padding:24px;transition:.2s ease;box-shadow:0 5px 18px rgba(20,54,87,.04)} #eypd-refresh #eypd-it-hub .it-card ul{margin:14px 0 0;padding:0;list-style:none} #eypd-refresh #eypd-it-hub .it-card li{position:relative;color:#506276;font-size:14px;padding:5px 0 5px 20px} #eypd-refresh #eypd-it-hub .it-card li:before{content:"✓";position:absolute;left:0;color:var(--it-teal);font-weight:900} #eypd-refresh #eypd-it-hub .it-health{position:relative;overflow:hidden;background:linear-gradient(120deg,#061d36,#083f6c);color:#fff;border-radius:22px;padding:34px} #eypd-refresh #eypd-it-hub .it-health h2{color:#fff;margin-top:8px} #eypd-refresh #eypd-it-hub .it-health .it-lead{color:#c6dcea;margin-bottom:24px} #eypd-refresh #eypd-it-hub .it-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px} #eypd-refresh #eypd-it-hub .it-check{display:flex;gap:10px;align-items:flex-start;padding:9px 0;color:#e5f1f7} #eypd-refresh #eypd-it-hub .it-check i{font-style:normal;width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:#0b789c;color:#fff;font-size:12px;font-weight:900} #eypd-refresh #eypd-it-hub .it-subcontract{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start} #eypd-refresh #eypd-it-hub .it-subcontract-panel{background:#eef8fc;border:1px solid #cce8f2;border-radius:18px;padding:26px} #eypd-refresh #eypd-it-hub .it-subcontract-panel strong{display:block;font-size:22px;color:var(--it-navy);margin-bottom:8px} #eypd-refresh #eypd-it-hub .it-bullets{display:grid;gap:10px;margin-top:20px} #eypd-refresh #eypd-it-hub .it-bullet{display:flex;gap:10px;color:#4e6276} #eypd-refresh #eypd-it-hub .it-bullet b{color:var(--it-blue)} #eypd-refresh #eypd-it-hub .it-tech{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px} #eypd-refresh #eypd-it-hub .it-tech span{background:#fff;border:1px solid var(--it-line);border-radius:99px;padding:9px 13px;color:#40566d;font-size:13px;font-weight:750;box-shadow:0 3px 10px rgba(20,54,87,.04)} #eypd-refresh #eypd-it-hub .it-models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px} #eypd-refresh #eypd-it-hub .it-model{position:relative;background:#fff;border:1px solid var(--it-line);border-radius:18px;padding:26px;box-shadow:0 7px 22px rgba(20,54,87,.05)} #eypd-refresh #eypd-it-hub .it-model .it-model-label{display:inline-block;border-radius:99px;background:#eaf6fb;color:var(--it-blue);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;padding:6px 9px;margin-bottom:14px} #eypd-refresh #eypd-it-hub .it-model h3{font-size:21px;margin:0 0 8px;color:var(--it-ink)} #eypd-refresh #eypd-it-hub .it-model p{color:var(--it-muted);margin:0 0 14px} #eypd-refresh #eypd-it-hub .it-model ul{list-style:none;margin:0;padding:0} #eypd-refresh #eypd-it-hub .it-model li{position:relative;padding:5px 0 5px 18px;color:#526579;font-size:14px} #eypd-refresh #eypd-it-hub .it-model li:before{content:"•";position:absolute;left:3px;color:var(--it-cyan);font-weight:900} #eypd-refresh #eypd-it-hub .it-credentials{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;margin-top:28px} #eypd-refresh #eypd-it-hub .it-cred-intro{background:linear-gradient(135deg,#061d36,#084d78);color:#fff;border-radius:18px;padding:28px} #eypd-refresh #eypd-it-hub .it-cred-intro strong{display:block;font-size:24px;line-height:1.15;margin-bottom:10px} #eypd-refresh #eypd-it-hub .it-cred-intro p{color:#c9dfe9;margin:0} #eypd-refresh #eypd-it-hub .it-cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} #eypd-refresh #eypd-it-hub .it-cred{background:#fff;border:1px solid var(--it-line);border-radius:13px;padding:14px} #eypd-refresh #eypd-it-hub .it-cred b{display:block;color:var(--it-blue);font-size:13px;margin-bottom:3px} #eypd-refresh #eypd-it-hub .it-cred span{display:block;color:#4f6174;font-size:13px;line-height:1.25} #eypd-refresh #eypd-it-hub .it-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px} #eypd-refresh #eypd-it-hub .it-step{position:relative;border-top:4px solid var(--it-blue);background:#fff;border-radius:12px;padding:20px;box-shadow:0 5px 18px rgba(20,54,87,.05)} #eypd-refresh #eypd-it-hub .it-step-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--it-blue);color:#fff;font-weight:900;margin-bottom:12px} #eypd-refresh #eypd-it-hub .it-step h3{font-size:17px;margin:0 0 6px} #eypd-refresh #eypd-it-hub .it-step p{font-size:14px;color:var(--it-muted);margin:0} #eypd-refresh #eypd-it-hub .it-cta{background:linear-gradient(110deg,#edf8fd,#fff);border:1px solid #cce3ef;border-radius:20px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:28px} #eypd-refresh #eypd-it-hub .it-cta h3{font-size:25px;margin:4px 0 5px;color:var(--it-ink)} #eypd-refresh #eypd-it-hub .it-cta p{margin:0;color:var(--it-muted);max-width:650px} #eypd-refresh #eypd-it-hub .it-cta-actions{display:flex;gap:10px;flex-wrap:wrap} #eypd-refresh #eypd-it-hub .it-support-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px} #eypd-refresh #eypd-it-hub .it-support-customer{background:#061d36;color:#fff;border-radius:17px;padding:22px} #eypd-refresh #eypd-it-hub .it-support-customer strong{display:block;font-size:18px;margin-bottom:5px} #eypd-refresh #eypd-it-hub .it-support-customer p{color:#c3d8e3;margin:0 0 12px;font-size:14px} #eypd-refresh #eypd-it-hub .it-support-customer a{color:#7edcff!important;text-decoration:none!important;font-weight:800} @media(max-width:900px){#eypd-refresh #eypd-it-hub .it-hero-grid,#eypd-refresh #eypd-it-hub .it-subcontract,#eypd-refresh #eypd-it-hub .it-credentials,#eypd-refresh #eypd-it-hub .it-support-split{grid-template-columns:1fr}#eypd-refresh #eypd-it-hub .it-console{display:none}#eypd-refresh #eypd-it-hub .it-services,#eypd-refresh #eypd-it-hub .it-paths,#eypd-refresh #eypd-it-hub .it-models{grid-template-columns:1fr 1fr}#eypd-refresh #eypd-it-hub .it-process{grid-template-columns:1fr 1fr}} @media(max-width:600px){#eypd-refresh #eypd-it-hub .it-wrap{padding:0 16px}#eypd-refresh #eypd-it-hub .it-hero{padding:50px 0 44px}#eypd-refresh #eypd-it-hub .it-proof,#eypd-refresh #eypd-it-hub .it-services,#eypd-refresh #eypd-it-hub .it-paths,#eypd-refresh #eypd-it-hub .it-models,#eypd-refresh #eypd-it-hub .it-process,#eypd-refresh #eypd-it-hub .it-health-grid,#eypd-refresh #eypd-it-hub .it-cred-grid{grid-template-columns:1fr}#eypd-refresh #eypd-it-hub .it-proof-item{border-right:0;border-bottom:1px solid var(--it-line)}#eypd-refresh #eypd-it-hub .it-section{padding:46px 0}#eypd-refresh #eypd-it-hub .it-cta{align-items:flex-start;flex-direction:column}#eypd-refresh #eypd-it-hub .it-btn{width:100%}} /* ====================================================== EYPD IT SERVICES — HOME-PAGE NAV + SOCIAL FOOTER ====================================================== */ /* Keep the page wide in Academic Pro */ #eypd-refresh.page-id-4911 .page-header,#eypd-refresh.page-id-4911 #page > .page-header{ display:none!important; } #eypd-refresh.page-id-4911 #content .container,#eypd-refresh.page-id-4911 #primary,#eypd-refresh.page-id-4911 .content-area,#eypd-refresh.page-id-4911 #main,#eypd-refresh.page-id-4911 .site-main,#eypd-refresh.page-id-4911 article,#eypd-refresh.page-id-4911 .entry-content{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; float:none!important; } #eypd-refresh.page-id-4911{ overflow-x:hidden!important; } /* Match the wide IT Services layout already used on the site */ #eypd-refresh #eypd-it-hub .it-wrap{ width:100%!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; padding-left:24px!important; padding-right:24px!important; } /* Give the IT hero the same curved/depth treatment used elsewhere */ #eypd-refresh #eypd-it-hub .it-hero{ margin:0 24px 8px!important; border-radius:28px!important; border:1px solid rgba(255,255,255,.10)!important; box-shadow: 0 28px 55px rgba(6,29,54,.20), 0 10px 20px rgba(6,29,54,.10), inset 0 1px 0 rgba(255,255,255,.10)!important; } /* ---------- TOP MENU ---------- */ #eypd-refresh #eypd-it-hub .eypd-shared-menu,#eypd-refresh #eypd-it-hub .eypd-shared-menu *,#eypd-refresh #eypd-it-hub .eypd-shared-social,#eypd-refresh #eypd-it-hub .eypd-shared-social *{ box-sizing:border-box; } #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ /* Same left/right edge as .it-hero (24px each side) */ width:calc(100% - 48px)!important; max-width:none!important; margin:0 auto 18px!important; padding:0!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:9px!important; clear:both!important; position:relative!important; z-index:10!important; font-family:Inter,"Segoe UI",Arial,sans-serif!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a{ position:relative!important; overflow:hidden!important; min-height:72px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:14px 16px!important; border-radius:13px!important; border:1px solid #cfdee8!important; background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(238,247,252,.74))!important; color:#142033!important; text-decoration:none!important; box-shadow:0 6px 16px rgba(20,54,87,.045)!important; backdrop-filter:blur(8px); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:hover{ transform:translateY(-5px)!important; box-shadow:0 16px 30px rgba(20,54,87,.10)!important; border-color:#a9cde3!important; } /* Colored edge bars — same visual definition as Home */ #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:before{ content:""!important; position:absolute!important; left:0!important; top:0!important; width:5px!important; height:100%!important; background:#0753a6!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(2):before,#eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(6):before{ background:#d12b36!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(3):before,#eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(7):before{ background:#7557a7!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(4):before,#eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(8):before{ background:#178a8f!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy small{ display:block!important; color:#6b7b8e!important; font-size:8.5px!important; font-weight:850!important; line-height:1.2!important; letter-spacing:.09em!important; text-transform:uppercase!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy strong{ display:block!important; margin-top:3px!important; color:#142033!important; font-size:12.5px!important; font-weight:800!important; line-height:1.2!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a>b{ flex:0 0 auto!important; color:#0753a6!important; font-size:18px!important; line-height:1!important; } /* Keep current-page semantics without changing the Home-page look */ #eypd-refresh #eypd-it-hub .eypd-shared-menu>a.is-current{ border-color:#cfdee8!important; background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(238,247,252,.74))!important; box-shadow:0 6px 16px rgba(20,54,87,.045)!important; } /* ---------- SOCIAL FOOTER ---------- */ #eypd-refresh #eypd-it-hub > .eypd-shared-social{ width:calc(100% - 48px)!important; max-width:none!important; margin:26px auto 0!important; padding:14px 16px!important; display:grid!important; grid-template-columns:minmax(205px,.42fr) minmax(0,1.58fr)!important; align-items:center!important; gap:18px!important; border:1px solid #d6e5ee!important; border-bottom:0!important; border-radius:18px 18px 0 0!important; background:linear-gradient(110deg,#f3f9fc,#fff)!important; box-shadow:0 -8px 22px rgba(20,54,87,.045)!important; font-family:Inter,"Segoe UI",Arial,sans-serif!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-copy{ padding-right:16px!important; border-right:1px solid #d8e5ee!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-copy span{ display:block!important; color:#d12b36!important; font-size:10px!important; font-weight:900!important; letter-spacing:.11em!important; text-transform:uppercase!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-copy strong{ display:block!important; margin-top:3px!important; color:#435b70!important; font-size:11.5px!important; line-height:1.35!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-links{ width:100%!important; display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:9px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-link{ min-height:44px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; padding:8px 9px!important; border:1px solid #cddfea!important; border-radius:10px!important; background:rgba(255,255,255,.93)!important; color:#365068!important; text-decoration:none!important; box-shadow:0 3px 9px rgba(20,54,87,.035)!important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-link:hover{ transform:translateY(-3px)!important; border-color:#a7cce2!important; box-shadow:0 10px 20px rgba(20,54,87,.09)!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-icon{ width:25px!important; height:25px!important; flex:0 0 25px!important; display:grid!important; place-items:center!important; border-radius:7px!important; color:#fff!important; font-size:9px!important; font-weight:950!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-name{ color:#365068!important; font-size:10.5px!important; font-weight:850!important; white-space:nowrap!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-link[data-network="facebook"] .eypd-shared-social-icon{background:linear-gradient(145deg,#174ea6,#2877d4)!important} #eypd-refresh #eypd-it-hub .eypd-shared-social-link[data-network="x"] .eypd-shared-social-icon{background:linear-gradient(145deg,#1a2530,#465260)!important} #eypd-refresh #eypd-it-hub .eypd-shared-social-link[data-network="pinterest"] .eypd-shared-social-icon{background:linear-gradient(145deg,#a51621,#d7353f)!important} #eypd-refresh #eypd-it-hub .eypd-shared-social-link[data-network="instagram"] .eypd-shared-social-icon{background:linear-gradient(145deg,#6b49a8,#c24882)!important} #eypd-refresh #eypd-it-hub .eypd-shared-social-link[data-network="youtube"] .eypd-shared-social-icon{background:linear-gradient(145deg,#c91e28,#ef4450)!important} #eypd-refresh #eypd-it-hub .eypd-shared-social-link[data-network="linkedin"] .eypd-shared-social-icon{background:linear-gradient(145deg,#0753a6,#178bc2)!important} @media(max-width:1050px){ #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #eypd-refresh #eypd-it-hub > .eypd-shared-social{ grid-template-columns:1fr!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-copy{ padding-right:0!important; padding-bottom:8px!important; border-right:0!important; border-bottom:1px solid #d8e5ee!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-links{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media(max-width:700px){ #eypd-refresh #eypd-it-hub .it-wrap{ padding-left:12px!important; padding-right:12px!important; } #eypd-refresh #eypd-it-hub .it-hero{ margin-left:10px!important; margin-right:10px!important; border-radius:20px!important; } #eypd-refresh #eypd-it-hub > .eypd-shared-menu,#eypd-refresh #eypd-it-hub > .eypd-shared-social{ width:calc(100% - 20px)!important; } } @media(max-width:620px){ #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ grid-template-columns:1fr!important; gap:7px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a{ min-height:64px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-links{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #eypd-refresh #eypd-it-hub .eypd-shared-social-link{ justify-content:flex-start!important; } } /* ====================================================== FINAL EYPD MENU / HERO ALIGNMENT Standardizes top spacing and makes menu edges match this page's hero edges exactly. ====================================================== */ #eypd-refresh.page-id-4911 #content.site-content{ padding-top:0!important; margin-top:0!important; } /* Remove inherited top spacing inside the page shell */ #eypd-refresh #eypd-it-hub{ margin-top:0!important; padding-top:0!important; } /* Menu and hero share the same horizontal edge */ #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ width:calc(100% - 48px)!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; margin-top:0!important; margin-bottom:14px!important; } #eypd-refresh #eypd-it-hub .it-hero{ margin-left:24px!important; margin-right:24px!important; } /* Keep the colored menu-definition bars visible and crisp */ #eypd-refresh #eypd-it-hub .eypd-shared-menu > a:before{ width:5px!important; opacity:1!important; } /* ====================================================== EYPD SHARED BRAND HEADER — MATCHES HOME PAGE v13 ====================================================== */ #eypd-refresh .eypd-shared-brandbar,#eypd-refresh .eypd-shared-brandbar *{box-sizing:border-box} #eypd-refresh .eypd-shared-brandbar{ display:grid!important; grid-template-columns: minmax(220px,260px) minmax(220px,.72fr) minmax(480px,1.35fr) minmax(175px,215px)!important; align-items:center!important; column-gap:34px!important; row-gap:18px!important; margin:0 auto 16px!important; padding:20px 24px!important; border:1px solid #d9e6ef!important; border-radius:18px!important; background:linear-gradient(145deg,#ffffff,#f6fafc)!important; box-shadow:0 9px 24px rgba(20,54,87,.055)!important; font-family:Inter,"Segoe UI",Arial,sans-serif!important; color:#142033!important; } #eypd-refresh .eypd-shared-brand-logo{ display:flex!important; align-items:center!important; justify-content:flex-start!important; min-width:0!important; padding-right:6px!important; } #eypd-refresh .eypd-shared-brand-logo a{ display:block!important; line-height:0!important; } #eypd-refresh .eypd-shared-brand-logo img{ display:block!important; width:225px!important; max-width:100%!important; height:auto!important; } #eypd-refresh .eypd-shared-brand-copy{ min-width:0!important; padding:10px 0 10px 24px!important; border-left:1px solid #d9e6ef!important; } #eypd-refresh .eypd-shared-brand-copy strong{ display:block!important; color:#163b61!important; font-size:13.5px!important; font-weight:900!important; line-height:1.24!important; letter-spacing:.045em!important; } #eypd-refresh .eypd-shared-brand-copy span{ display:block!important; max-width:265px!important; margin-top:7px!important; color:#627286!important; font-size:11px!important; line-height:1.45!important; } #eypd-refresh .eypd-shared-brand-center{ min-width:0!important; padding:12px 24px!important; border-left:1px solid #d9e6ef!important; border-right:1px solid #d9e6ef!important; } #eypd-refresh .eypd-shared-brand-center-label{ margin-bottom:9px!important; color:#d12b36!important; font-size:9.5px!important; font-weight:900!important; letter-spacing:.12em!important; text-transform:uppercase!important; } #eypd-refresh .eypd-shared-brand-center-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; } #eypd-refresh .eypd-shared-brand-center-grid>div{ min-height:58px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; padding:10px 11px!important; border:1px solid #dbe7ef!important; border-radius:12px!important; background:#fff!important; box-shadow:0 4px 12px rgba(20,54,87,.035)!important; } #eypd-refresh .eypd-shared-brand-center-grid strong{ display:block!important; color:#0753a6!important; font-size:14.5px!important; font-weight:900!important; line-height:1.15!important; } #eypd-refresh .eypd-shared-brand-center-grid span{ display:block!important; margin-top:4px!important; color:#6b7b8e!important; font-size:9px!important; font-weight:750!important; line-height:1.25!important; } #eypd-refresh .eypd-shared-brand-contact{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; min-width:0!important; } #eypd-refresh .eypd-shared-brand-contact a{ width:100%!important; min-height:40px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:9px 12px!important; border:1px solid #d1e1eb!important; border-radius:10px!important; background:#fff!important; color:#163b61!important; text-decoration:none!important; font-size:11.5px!important; font-weight:850!important; white-space:nowrap!important; box-shadow:0 4px 12px rgba(20,54,87,.035)!important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important; } #eypd-refresh .eypd-shared-brand-contact a:hover{ transform:translateY(-2px)!important; border-color:#a9cde3!important; box-shadow:0 9px 18px rgba(20,54,87,.08)!important; } /* ====================================================== 10-LINK MENU — HOME FIRST / NMEC LAST 5 across x 2 rows on desktop ====================================================== */ #eypd-refresh .eypd-shared-menu{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:9px!important; margin-top:0!important; margin-bottom:14px!important; } /* Preserve the color-definition bars with 10 cards */ #eypd-refresh .eypd-shared-menu>a:nth-child(1):before{background:#0753a6!important} #eypd-refresh .eypd-shared-menu>a:nth-child(2):before{background:#d12b36!important} #eypd-refresh .eypd-shared-menu>a:nth-child(3):before{background:#7557a7!important} #eypd-refresh .eypd-shared-menu>a:nth-child(4):before{background:#178a8f!important} #eypd-refresh .eypd-shared-menu>a:nth-child(5):before{background:#0753a6!important} #eypd-refresh .eypd-shared-menu>a:nth-child(6):before{background:#d12b36!important} #eypd-refresh .eypd-shared-menu>a:nth-child(7):before{background:#7557a7!important} #eypd-refresh .eypd-shared-menu>a:nth-child(8):before{background:#178a8f!important} #eypd-refresh .eypd-shared-menu>a:nth-child(9):before{background:#0753a6!important} #eypd-refresh .eypd-shared-menu>a:nth-child(10):before{background:#d12b36!important} /* Current page remains subtle rather than changing geometry */ #eypd-refresh .eypd-shared-menu>a.is-current{ box-shadow:inset 0 3px 0 rgba(7,83,166,.16),0 6px 16px rgba(20,54,87,.045)!important; } @media(max-width:1250px){ #eypd-refresh .eypd-shared-brandbar{ grid-template-columns:minmax(210px,.75fr) minmax(250px,.9fr) minmax(420px,1.35fr)!important; } #eypd-refresh .eypd-shared-brand-contact{ grid-column:1 / -1!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; } #eypd-refresh .eypd-shared-menu{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:900px){ #eypd-refresh .eypd-shared-brandbar{ grid-template-columns:1fr 1fr!important; } #eypd-refresh .eypd-shared-brand-center{ grid-column:1 / -1!important; border-left:0!important; border-right:0!important; border-top:1px solid #d9e6ef!important; border-bottom:1px solid #d9e6ef!important; } #eypd-refresh .eypd-shared-brand-contact{ grid-column:1 / -1!important; } } @media(max-width:620px){ #eypd-refresh .eypd-shared-brandbar{ grid-template-columns:1fr!important; padding:16px!important; gap:14px!important; } #eypd-refresh .eypd-shared-brand-logo{ justify-content:center!important; } #eypd-refresh .eypd-shared-brand-copy{ padding:12px 0 0!important; border-left:0!important; border-top:1px solid #d9e6ef!important; text-align:center!important; } #eypd-refresh .eypd-shared-brand-copy span{ max-width:none!important; } #eypd-refresh .eypd-shared-brand-center{ grid-column:auto!important; padding:12px 0!important; } #eypd-refresh .eypd-shared-brand-center-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #eypd-refresh .eypd-shared-brand-contact{ grid-column:auto!important; grid-template-columns:1fr!important; } #eypd-refresh .eypd-shared-menu{ grid-template-columns:1fr!important; } } /* Match this page's approved hero width */ #eypd-refresh #eypd-it-hub > .eypd-shared-menu,#eypd-refresh #eypd-it-hub > .eypd-shared-brandbar{ width:calc(100% - 48px)!important; max-width:none!important; margin-left:auto!important; margin-right:auto!important; } /* ====================================================== EYPD FINAL SHARED HEADER / MENU STABILITY FIX - forces 10-link desktop navigation to 5 x 2 - removes conflicting 4-column rules that caused 3 rows - prevents Learner Login / phone / Contact EYPD overflow - keeps header content inside the page width ====================================================== */ #eypd-refresh .eypd-shared-menu,#eypd-refresh .eypd-shared-brandbar,#eypd-refresh .eypd-shared-social{ box-sizing:border-box!important; } /* ---------- NAVIGATION: ALWAYS 5 x 2 ON NORMAL DESKTOP/LAPTOP ---------- */ #eypd-refresh .eypd-shared-menu{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:9px!important; margin-top:0!important; margin-bottom:14px!important; overflow:visible!important; } #eypd-refresh .eypd-shared-menu>a{ min-width:0!important; width:100%!important; overflow:hidden!important; } #eypd-refresh .eypd-shared-menu-copy{ min-width:0!important; } #eypd-refresh .eypd-shared-menu-copy small,#eypd-refresh .eypd-shared-menu-copy strong{ overflow-wrap:anywhere!important; } /* ---------- BRAND HEADER: FLEXIBLE COLUMNS, NO HORIZONTAL RUN-OFF ---------- */ #eypd-refresh .eypd-shared-brandbar{ display:grid!important; grid-template-columns:1.1fr 1fr 2fr .9fr!important; align-items:center!important; column-gap:20px!important; row-gap:16px!important; padding:18px 20px!important; overflow:hidden!important; } #eypd-refresh .eypd-shared-brand-logo,#eypd-refresh .eypd-shared-brand-copy,#eypd-refresh .eypd-shared-brand-center,#eypd-refresh .eypd-shared-brand-contact{ min-width:0!important; max-width:100%!important; } #eypd-refresh .eypd-shared-brand-logo{ padding-right:0!important; } #eypd-refresh .eypd-shared-brand-logo img{ width:225px!important; max-width:100%!important; height:auto!important; } #eypd-refresh .eypd-shared-brand-copy{ padding:8px 0 8px 18px!important; } #eypd-refresh .eypd-shared-brand-copy strong{ font-size:13px!important; line-height:1.25!important; } #eypd-refresh .eypd-shared-brand-copy span{ max-width:none!important; font-size:10.5px!important; line-height:1.4!important; } #eypd-refresh .eypd-shared-brand-center{ padding:10px 15px!important; } #eypd-refresh .eypd-shared-brand-center-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; } #eypd-refresh .eypd-shared-brand-center-grid>div{ min-width:0!important; padding:9px 8px!important; } #eypd-refresh .eypd-shared-brand-center-grid strong{ font-size:13.5px!important; } #eypd-refresh .eypd-shared-brand-center-grid span{ font-size:8.5px!important; overflow-wrap:anywhere!important; } /* The right utility column was the overflow source */ #eypd-refresh .eypd-shared-brand-contact{ display:grid!important; grid-template-columns:1fr!important; width:100%!important; gap:7px!important; overflow:hidden!important; } #eypd-refresh .eypd-shared-brand-contact a{ display:flex!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:38px!important; padding:8px 8px!important; justify-content:center!important; text-align:center!important; white-space:normal!important; overflow-wrap:anywhere!important; word-break:normal!important; font-size:10.5px!important; line-height:1.2!important; } /* Keep all top content tight under the WordPress theme header */ #eypd-refresh .eypd-shared-menu:first-of-type{ margin-top:0!important; } /* Medium-width screens: keep the menu 5 x 2, but let brand header reflow safely */ @media(max-width:1050px){ #eypd-refresh .eypd-shared-menu{ grid-template-columns:repeat(5,minmax(0,1fr))!important; } #eypd-refresh .eypd-shared-menu>a{ min-height:66px!important; padding:11px 10px!important; } #eypd-refresh .eypd-shared-menu-copy small{ font-size:7.8px!important; } #eypd-refresh .eypd-shared-menu-copy strong{ font-size:11.5px!important; } #eypd-refresh .eypd-shared-brandbar{ grid-template-columns:1fr 1fr!important; gap:14px 20px!important; } #eypd-refresh .eypd-shared-brand-logo{ justify-content:flex-start!important; } #eypd-refresh .eypd-shared-brand-copy{ border-left:1px solid #d9e6ef!important; } #eypd-refresh .eypd-shared-brand-center{ grid-column:1 / -1!important; border-left:0!important; border-right:0!important; border-top:1px solid #d9e6ef!important; border-bottom:1px solid #d9e6ef!important; } #eypd-refresh .eypd-shared-brand-contact{ grid-column:1 / -1!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; overflow:visible!important; } } /* Only truly narrow screens change the menu row count */ @media(max-width:760px){ #eypd-refresh .eypd-shared-menu{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #eypd-refresh .eypd-shared-brandbar{ grid-template-columns:1fr!important; } #eypd-refresh .eypd-shared-brand-logo{ justify-content:center!important; } #eypd-refresh .eypd-shared-brand-copy{ padding:12px 0 0!important; border-left:0!important; border-top:1px solid #d9e6ef!important; text-align:center!important; } #eypd-refresh .eypd-shared-brand-center{ grid-column:auto!important; } #eypd-refresh .eypd-shared-brand-center-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #eypd-refresh .eypd-shared-brand-contact{ grid-column:auto!important; grid-template-columns:1fr!important; } } @media(max-width:480px){ #eypd-refresh .eypd-shared-menu{ grid-template-columns:1fr!important; } } #eypd-refresh.page-id-4911 #content.site-content{ padding-top:0!important; margin-top:0!important; } /* IT Services v6 — force the same complete 10-link menu */ #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:9px!important; width:calc(100% - 48px)!important; max-width:none!important; margin:0 auto 14px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a{ min-width:0!important; width:100%!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:before{ content:""!important; position:absolute!important; left:0!important; top:0!important; width:5px!important; height:100%!important; background:#0753a6!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(2):before,#eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(6):before{background:#d12b36!important} #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(3):before,#eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(7):before{background:#7557a7!important} #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(4):before,#eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(8):before{background:#178a8f!important} #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(5):before,#eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(9):before{background:#0753a6!important} #eypd-refresh #eypd-it-hub .eypd-shared-menu>a:nth-child(10):before{background:#d12b36!important} @media(max-width:1050px){ #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ grid-template-columns:repeat(5,minmax(0,1fr))!important; } } @media(max-width:760px){ #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:480px){ #eypd-refresh #eypd-it-hub > .eypd-shared-menu{ grid-template-columns:1fr!important; } } /* FINAL IT SERVICES TOP-GAP RESET — intentionally last */ #eypd-refresh.page-id-4911 #content.site-content,#eypd-refresh.page-id-4911 #content > .container,#eypd-refresh.page-id-4911 #primary,#eypd-refresh.page-id-4911 .content-area,#eypd-refresh.page-id-4911 #main,#eypd-refresh.page-id-4911 .site-main,#eypd-refresh.page-id-4911 article,#eypd-refresh.page-id-4911 .entry-content,#eypd-refresh.page-id-4911 .wp-block-html{ margin-top:0!important; padding-top:0!important; } #eypd-refresh.page-id-4911 .entry-content > *:first-child,#eypd-refresh.page-id-4911 #eypd-it-hub,#eypd-refresh.page-id-4911 #eypd-it-hub > .eypd-shared-menu{ margin-top:0!important; padding-top:0!important; } /* Remove empty Gutenberg paragraphs/blocks before the custom page */ #eypd-refresh.page-id-4911 .entry-content > p:empty:first-child,#eypd-refresh.page-id-4911 .entry-content > .wp-block-spacer:first-child{ display:none!important; } /* ====================================================== FINAL GAP FIX — REMOVE ACADEMIC PRO ARTICLE CHROME The theme can render an entry header / featured image before the custom EYPD HTML, creating a blank band. ====================================================== */ /* HOME */ #eypd-refresh.home article#post-192 > .entry-header,#eypd-refresh.page-id-192 article#post-192 > .entry-header,#eypd-refresh.home article#post-192 > .post-thumbnail,#eypd-refresh.page-id-192 article#post-192 > .post-thumbnail{ display:none!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } #eypd-refresh.home article#post-192,#eypd-refresh.page-id-192 article#post-192,#eypd-refresh.home article#post-192 > .entry-content,#eypd-refresh.page-id-192 article#post-192 > .entry-content{ margin-top:0!important; padding-top:0!important; } /* IT SERVICES */ #eypd-refresh.page-id-4911 article > .entry-header,#eypd-refresh.page-id-4911 article > .post-thumbnail{ display:none!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } #eypd-refresh.page-id-4911 article,#eypd-refresh.page-id-4911 article > .entry-content{ margin-top:0!important; padding-top:0!important; } /* Matching v43 Course Catalog navigation readability test on IT Services. Increase text and card sizing; retain original colors, links and layout. */ #eypd-refresh #eypd-it-hub .eypd-shared-menu > a { min-height:84px!important; padding:16px 17px!important; gap:10px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy small { font-size:10.5px!important; line-height:1.28!important; letter-spacing:.05em!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy strong { font-size:15.5px!important; line-height:1.27!important; margin-top:4px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu > a > b { font-size:21px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu > a:focus-visible { outline:3px solid #0753a6!important; outline-offset:3px!important; } @media (max-width:1050px) and (min-width:761px) { #eypd-refresh #eypd-it-hub .eypd-shared-menu > a { min-height:80px!important; padding:13px 11px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy small {font-size:9.5px!important;} #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy strong {font-size:13.5px!important;} #eypd-refresh #eypd-it-hub .eypd-shared-menu > a > b {font-size:19px!important;} } @media (max-width:760px) { #eypd-refresh #eypd-it-hub .eypd-shared-menu > a { min-height:82px!important; padding:14px 16px!important; } #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy small {font-size:10.5px!important;} #eypd-refresh #eypd-it-hub .eypd-shared-menu-copy strong {font-size:15.5px!important;} }