.blog-post-content {
/* ---- BRAND PALETTE OVERRIDE — change these 6 per client ---- */
--blog-navy: #0a3291;
--blog-orange: #f78d02;
--blog-light-bg: #f5f5f5;
--blog-text: #333333;
--blog-muted: #64748b;
--blog-link: #f78d02;
/* ---- Derived / structural ---- */
--blog-border: #e2e6ea;
font-family: 'Source Serif 4', Georgia, serif;
font-size: 18px;
line-height: 1.8;
color: var(--blog-text);
}
.blog-post-content *,
.blog-post-content *::before,
.blog-post-content *::after { box-sizing: border-box; }
/* ---- Eyebrow / category label ---- */
.blog-post-content .post-label {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--blog-orange);
margin-bottom: 16px;
}
/* Hide CMS-injected H1 to prevent duplicate headings */
.blog-post-content .section-title-large { display: none !important; }
.blog-post-content .section-title.large { display: none !important; }
/* ---- Headings ---- */
.blog-post-content h1 {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: clamp(28px, 4vw, 40px);
font-weight: 700;
line-height: 1.2;
color: var(--blog-navy);
margin-bottom: 20px;
}
.blog-post-content h2 {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 22px;
font-weight: 700;
color: var(--blog-navy);
margin: 48px 0 16px;
line-height: 1.3;
}
.blog-post-content h3 {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 17px;
font-weight: 600;
color: var(--blog-navy);
margin: 32px 0 12px;
}
/* ---- Meta line under title ---- */
.blog-post-content .post-meta {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 13px;
color: var(--blog-muted);
margin-bottom: 40px;
padding-bottom: 32px;
border-bottom: 2px solid var(--blog-border);
}
/* ---- Body text ---- */
.blog-post-content p { margin-bottom: 20px; }
.blog-post-content a {
color: var(--blog-link);
text-decoration: underline;
text-underline-offset: 3px;
}
.blog-post-content a:hover { color: var(--blog-navy); }
.blog-post-content ul,
.blog-post-content ol { margin: 0 0 20px 24px; padding: 0; }
.blog-post-content li { margin-bottom: 8px; }
/* ---- Callout / pull quote ---- */
.blog-post-content .callout {
background: var(--blog-light-bg);
border-left: 4px solid var(--blog-orange);
padding: 20px 24px;
margin: 36px 0;
border-radius: 0 6px 6px 0;
width: 100%;
}
.blog-post-content .callout p {
margin-bottom: 0;
font-style: italic;
color: var(--blog-navy);
}
/* ---- CTA block ---- */
.blog-post-content .cta-block {
background: var(--blog-navy);
color: #fff;
padding: 36px 40px;
border-radius: 8px;
margin-top: 56px;
text-align: center;
width: 100%;
}
.blog-post-content .cta-block h2 { color: #fff; margin-top: 0; font-size: 22px; }
.blog-post-content .cta-block p { color: #c8d0db; margin-bottom: 24px; }
.blog-post-content .cta-btn {
display: inline-block;
background: var(--blog-orange);
color: #fff;
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.06em;
text-decoration: none;
padding: 14px 32px;
border-radius: 4px;
text-transform: uppercase;
}
/* ---- Comparison table ---- */
.blog-post-content .comparison-table {
width: 100%;
border-collapse: collapse;
margin: 36px 0;
}
.blog-post-content .comparison-table th,
.blog-post-content .comparison-table td {
border: 1px solid var(--blog-border);
padding: 12px 16px;
text-align: left;
font-size: 16px;
}
.blog-post-content .comparison-table th {
background: var(--blog-navy);
color: #fff;
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
}
.blog-post-content .comparison-table tr:nth-child(even) td { background: var(--blog-light-bg); }
/* ---- Atomic answer (featured-snippet style) ---- */
.blog-post-content .atomic-answer {
background: var(--blog-light-bg);
border-left: 3px solid var(--blog-orange);
padding: 14px 18px;
margin-bottom: 20px;
font-style: italic;
color: var(--blog-navy);
line-height: 1.7;
}
/* ---- Inline term definition ---- */
.blog-post-content .atomic-def {
background: var(--blog-light-bg);
border: 1px solid var(--blog-border);
padding: 12px 16px;
margin: 16px 0;
border-radius: 4px;
width: 100%;
}
.blog-post-content .atomic-def .term {
color: var(--blog-navy);
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
}
/* ---- Table of contents ---- */
.blog-post-content .toc {
background: var(--blog-light-bg);
border: 1px solid var(--blog-border);
border-left: 4px solid var(--blog-orange);
border-radius: 0 6px 6px 0;
padding: 20px 28px;
margin: 36px 0 44px;
display: inline-block;
min-width: 260px;
max-width: 100%;
}
.blog-post-content .toc-title {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--blog-muted);
margin-bottom: 12px;
}
.blog-post-content .toc ol { margin: 0; padding-left: 20px; }
.blog-post-content .toc li { margin-bottom: 6px; font-size: 15px; }
.blog-post-content .toc a {
color: var(--blog-navy);
text-decoration: none;
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
}
.blog-post-content .toc a:hover { color: var(--blog-orange); text-decoration: underline; }
/* ---- FAQ ---- */
.blog-post-content .faq-item {
border-bottom: 1px solid var(--blog-border);
padding: 20px 0;
}
.blog-post-content .faq-item:last-child { border-bottom: none; }
.blog-post-content .faq-item h3 {
font-size: 17px;
margin-bottom: 10px;
color: var(--blog-navy);
}
/* ---- Hidden schema Q&A pairs (kept in DOM for structured data) ---- */
.blog-post-content .qa-pair { display: none; }
/* ---- Author block ---- */
.blog-post-content .author-block {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 28px 32px;
background: var(--blog-light-bg);
border: 1px solid var(--blog-border);
border-radius: 8px;
margin: 48px 0 0;
}
.blog-post-content .author-avatar {
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 2px solid var(--blog-border);
}
.blog-post-content .author-info { display: flex; flex-direction: column; gap: 4px; }
.blog-post-content .author-label {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--blog-muted);
margin-bottom: 2px;
}
.blog-post-content .author-name {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-weight: 700;
font-size: 16px;
color: var(--blog-navy);
text-decoration: none;
}
.blog-post-content .author-name:hover { color: var(--blog-orange); }
.blog-post-content .author-title {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-size: 13px;
color: var(--blog-muted);
margin-bottom: 8px;
}
.blog-post-content .author-bio {
font-size: 15px;
line-height: 1.7;
color: var(--blog-text);
margin-bottom: 0;
}
@media (max-width: 520px) {
.blog-post-content .author-block { flex-direction: column; }
.blog-post-content .author-avatar { width: 56px; height: 56px; }
}
Managed IT Education
What Is Co-Managed IT? A Plain-English Guide for Kansas City Business Owners
Blue Tree Technology · Kansas City
If your only IT person just put in their two-week notice — or is buried keeping the lights on with no time for security, backups, or that Microsoft 365 migration you've been putting off — co-managed IT may be exactly the model you didn't know had a name. This guide explains what co-managed IT services are, how the model works in practice, and how to know whether it fits your business.
What Is Co-Managed IT Services? (The Plain-English Version)
Co-managed IT services is a shared-responsibility model where your existing in-house IT staff and an external Managed Service Provider (MSP) each own defined portions of your IT environment. Your internal team keeps the work they already handle well, and the MSP covers the gaps — unlike fully managed IT, where the MSP owns your entire IT operation.
In This Article
- What Is Co-Managed IT Services? (The Plain-English Version)
- How Co-Managed IT Actually Works: Roles, Responsibilities, and the Day-to-Day
- Signs Your Kansas City Business Is Ready for Co-Managed IT
- Co-Managed IT vs. Fully Managed IT: Which Model Fits?
- What Services Are Typically Covered Under a Co-Managed IT Agreement?
- What Does Co-Managed IT Cost? (And What Drives the Price)
- How to Choose a Co-Managed IT Partner in Kansas City
- Frequently Asked Questions
- Think Co-Managed IT Might Be the Right Fit for Your Kansas City Team?
Co-Managed IT Services: A model in which a business's internal IT staff and an external Managed Service Provider divide IT responsibilities according to a formal agreement, rather than handing full control to either side.
Managed Service Provider (MSP): A third-party company that manages and delivers IT services to a client business under a contractual service agreement.
How Co-Managed IT Differs from Fully Managed IT
Fully managed IT means the MSP replaces your internal IT function entirely — your business has no dedicated in-house IT staff, and the MSP handles everything from end-user support to infrastructure management.
Co-managed IT means the MSP works alongside your existing team. Your IT person stays in their role. The MSP fills the specific skill gaps or capacity gaps that your internal team can't cover alone.
How Co-Managed IT Actually Works: Roles, Responsibilities, and the Day-to-Day
In a co-managed IT arrangement, responsibilities are split by a formal agreement called an MSPA. Your internal IT staff handles end-user support, on-site hardware, and day-to-day requests. The MSP handles 24/7 monitoring, cybersecurity, cloud management, and escalated issues — with each lane documented so there is no overlap or confusion.