/* Managed Technology Group — Zoho Desk portal styles (paste into the CSS box) */
@font-face{font-family:"Onest";src:url("https://managedtechnologygroup.com/assets/fonts/onest.woff") format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("https://managedtechnologygroup.com/assets/fonts/instrument-sans.woff") format("woff");font-weight:400 700;font-display:swap}
:root{--mtg-charcoal:#2e3639;--mtg-deep:#232a2d;--mtg-steel:#507794;--mtg-steel-dark:#3c5f78;--mtg-pale:#a9c1d4;--mtg-line:#d9e1e7;--mtg-mist:#f3f6f8;--mtg-ink:#1f2628;--mtg-muted:#55616a}
body{font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif !important;color:var(--mtg-ink)}
h1,h2,h3,h4{font-family:"Onest",system-ui,sans-serif !important;letter-spacing:-.01em}
a{color:var(--mtg-steel-dark)}
/* Site bar: links back to the main website */
.mtg-sitebar{background:var(--mtg-deep);color:#c2ccd2;font:500 13px/1.2 "Onest",system-ui,sans-serif}
.mtg-sitebar__inner{max-width:1180px;margin:0 auto;padding:9px 24px;display:flex;gap:20px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.mtg-sitebar a{color:#e3e9ec;text-decoration:none}
.mtg-sitebar a:hover{color:#fff;text-decoration:underline}
.mtg-sitebar__back{margin-right:auto}
/* Main bar */
.Header__navbar.mtg-header{background:#fff !important;border-bottom:1px solid var(--mtg-line);box-shadow:none !important}
.mtg-header .Header__container{max-width:1180px;margin:0 auto;padding:0 24px;min-height:76px;display:flex;align-items:center;gap:20px}
.mtg-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--mtg-charcoal)}
.mtg-brand img{width:34px;height:34px;object-fit:contain}
.mtg-brand__name{font:700 18px/1.1 "Onest",system-ui,sans-serif;color:var(--mtg-charcoal)}
.mtg-brand__tag{display:block;font:600 11px/1.2 "Onest",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mtg-steel);margin-top:3px}
.mtg-header .Header__menuTab{margin-left:auto}
.mtg-header .Header__menuList a,.mtg-header .Header__tabsTab a{text-decoration:none !important;color:var(--mtg-ink) !important;font:500 15px/1.2 "Onest",system-ui,sans-serif !important}
.mtg-header .Header__menuList a:hover{color:var(--mtg-steel-dark) !important}
.mtg-header .Header__menu,.mtg-header .Header__menu:before,.mtg-header .Header__menu:after{background:var(--mtg-charcoal) !important}
/* Search banner */
.Header__searchSection.mtg-hero{background:linear-gradient(rgba(35,42,45,.55),rgba(35,42,45,.55)),url("https://managedtechnologygroup.com/assets/hero-network.webp") center/cover no-repeat,var(--mtg-charcoal) !important;color:#e7ecef;padding:56px 0 64px;position:relative;overflow:hidden}
.mtg-hero .Header__container{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.mtg-hero__eyebrow{font:600 13px/1.3 "Onest",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mtg-pale);margin:0 0 12px}
.mtg-hero .Header__searchTitle{color:#fff !important;font:700 clamp(28px,4vw,44px)/1.15 "Onest",system-ui,sans-serif !important;margin:0 0 12px}
.mtg-hero .Header__description{color:#c9d3d9 !important;font-size:18px;max-width:40em;margin:0 0 24px}
.mtg-hero input[type=text],.mtg-hero input[type=search]{border-radius:12px !important}
@media (max-width:760px){.mtg-sitebar__inner{justify-content:flex-start;gap:14px}.mtg-sitebar__links{display:none}.mtg-brand__name{font-size:16px}}

/* Footer */
.mtg-footer{background:#232a2d;color:#b8c4cb;font:400 15px/1.6 "Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;padding:56px 0 0;margin-top:48px}
.mtg-footer a{color:#e3e9ec;text-decoration:none}
.mtg-footer a:hover{color:#fff;text-decoration:underline}
.mtg-footer__grid{max-width:1180px;margin:0 auto;padding:0 24px 44px;display:grid;grid-template-columns:1.4fr 1.2fr .8fr;gap:40px}
.mtg-footer__logo{width:220px;height:auto;margin-bottom:18px;display:block}
.mtg-footer__promise{font:600 17px/1.4 "Onest",system-ui,sans-serif;color:#fff;margin:0 0 6px}
.mtg-footer p{margin:0 0 12px}
.mtg-footer__heading{font:600 12px/1.3 "Onest",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a9c1d4;margin:4px 0 14px}
.mtg-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mtg-footer__label{color:#8e9ca5}
.mtg-footer__legal{max-width:1180px;margin:0 auto;padding:0 24px 24px;font-size:13px;color:#8e9ca5}
.mtg-footer__legal div{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mtg-footer__legal a{color:#8e9ca5}
@media (max-width:860px){.mtg-footer__grid{grid-template-columns:1fr;gap:28px}}

/* Brand colours across the portal: links and primary buttons */
a:hover{color:var(--mtg-charcoal)}
button[class*="primary"],a[class*="primary"],input[type=submit]{background:var(--mtg-steel) !important;border-color:var(--mtg-steel) !important;color:#fff !important}
button[class*="primary"]:hover,a[class*="primary"]:hover,input[type=submit]:hover{background:var(--mtg-steel-dark) !important;border-color:var(--mtg-steel-dark) !important}

/* Elegant theme: remove its stock photo and full-screen banner, stack the menu bar above the search banner */
#headerContainer.Header__header,.Header__header.Header__homeContent{display:block !important;background:none !important;background-image:none !important;height:auto !important;min-height:0 !important}
#headerContainer.Header__header:before,#headerContainer.Header__header:after{display:none !important;content:none !important}
#headerContainer .Header__navbar.mtg-header{position:relative !important;top:auto !important}
#headerContent.mtg-hero{display:block !important;position:relative !important;width:100% !important;box-sizing:border-box !important;flex:none !important;height:auto !important;min-height:0 !important}
.mtg-hero .Header__container,.mtg-header .Header__container{width:100% !important;max-width:1180px !important;box-sizing:border-box !important;float:none !important}

/* Zoho brand colour (orange) -> steel blue: search button, highlights */
[class*="zt3BrandBg"]{background-color:var(--mtg-steel) !important;border-color:var(--mtg-steel) !important}
[class*="zt3BrandFill"]{fill:var(--mtg-steel) !important}
[class*="zt3BrandColor"]{color:var(--mtg-steel-dark) !important}
[class*="zt3BrandBorder"]{border-color:var(--mtg-steel) !important}

/* Zoho's own colour variables (orange #e46317 by default) -> brand steel blue */
html:root{--color-brand:#507794 !important;--color-linkHover:#3c5f78 !important;--color-breadCrumbTextHover:#3c5f78 !important;--color-buttonPrimaryBg:#507794 !important;--color-buttonPrimaryText:#fff !important;--color-userCategory:#507794 !important;--reading-guide-line-bg:#507794 !important;--emphasize-focus-area-outline:#a9c1d4 !important}
.SearchContainer__downArrow{border-top-color:var(--mtg-steel) !important}