
.hero h1 { margin-bottom: 1.5rem !important; }
.hero .category-links {
	margin-bottom: 3rem;
	font-size: var(--font-size-small);
	a { 
	color: white; 
	background: gray; 
	text-decoration: none; 
	display: inline-block;
	border-radius: 3px;
	text-transform: uppercase; 
	font-weight: var(--font-weight-light);
	padding: 0.3875em 0.5em;
	}
	a.category-m-a { background: var(--category-m-a-color) }
	a.category-accounting { background: var(--category-accounting-color)}
	a.category-payroll { background: var(--category-payroll-color)}
	a.category-tax { background: var(--category-tax-color)}
	a.category-wealth-management { background: var(--category-wealth-management-color)}
	.sep { display: none; }
}
.hero {
	.author-badge {
		margin-right: 3rem;
		position: relative;
		.avatar { width: 3.5em; height: 3.5em; margin-right: 0.875rem; }
		.wrapper { display: flex; align-items: center;   }
		a.wrapper { color: var(--text-color); text-decoration: none; }
	}
	.author-badge, .post-date { text-align: left; }
	.author-badge	.name:before, .post-date time:before {
		content: 'AUTHOR:';
		font-weight: var(--font-weight-light);
		display: block;
		margin-bottom: 0.25em;
	}
	.author-badge a.icon {
		border: solid 1px #ccc;
		font-size: var(--font-size-smaller);
		color: var(--secondary-color) !important;
		width: 1em;
		height: 1em;
		border-radius: 1em;
		padding:3px;
		line-height: 0;
		background: white;
		position: absolute;
		left: 3.5em;
		top: 3.5em;
	}
	.post-date time:before { content: 'PUBLISHED:' }
}
article.post {
	h1 { font-weight: var(--font-weight-medium); font-size: 3em; margin-bottom: 1.5rem; }
	h2 { font-size: 2em; font-weight: var(--font-weight-bold); margin-bottom: 1.5rem;}
	h3 { font-size: 1.75em; color: #666; margin-bottom: 1.25rem; font-weight: var(--font-weight-bold) !important;}
	h4 { font-size: 1.5em; font-weight: var(--font-weight-bold)}
	p { margin: 0 0 1em}
	p+h2, p+h3, p+h4 { padding-top: 1rem; }
	table {
		border: solid 1px var(--text-color);
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 1rem;
		line-height: var(--base-line-height);
		ol, ul { margin-top: 0 !important; margin-bottom: 0 !important; }
		th { text-align: left; background-color: var(--secondary-color); color: white; border-bottom: none !important; }
		th:not(:last-child) { border-right-color: white !important; }
		th, td { padding:0.75em 1em; border: solid 1px var(--text-color); vertical-align: top; }
		tbody > tr:first-child > td { border-top-color: none !important;  }
	}
}
@media(max-width:767px) {
	.hero {
		.post-info { font-size:90%; justify-content: space-between !important; }
	}
	table { border-right: none !important; border-bottom: none !important; max-width: calc(100vw - 2rem); overflow-x:auto; display: block; }
	table tr td { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
	table tr td:first-child { border-left: 0 !important; }
	table td ul, table td ol { padding-left: 1em; margin: 0;}
}
