body {
	background-color: #efefef;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Open Sans","Segoe UI",Arial,sans-serif;
	font-weight: 700;
}

.header {
	background-color: white;
	padding: 1em 2em 1em 2em;
	margin-bottom: 1.5em;
}

.header img {
	width: 80px;
}

.header .branding h1 {
	margin-bottom: 0;
}
.header .branding p {
	font-size: 15px;
	margin: 0;
}

.product-image {
	margin-bottom: 1.5em;
}

.product-image img {
	width: 100%;
}

.featured-image img {
	width: 100%;
	margin: 1.5em 0;
}

.content {
	background-color: white;
	padding: 1.5em 2em 1em 2em;
	margin-bottom: 1.5em;
}

.content a,
.content a:active {
	color: steelblue;
	text-decoration:none;
}

.content a:hover {
	text-decoration: underline;
}

.content img {
	max-width:100%;
}

.content .col-md-4 img {
	max-height: 500px;
}

.latest-posts hr {
	margin: 0.5rem 0;
}

.post-date {
	font-style:italic;
	line-height: 1em;
	margin-bottom: 1.5rem;
}

.post-extract-small img {
	max-height: 135px!important;
}

.post-extract {
}

.footer {
	background-color:#222222;
	color:#fff;
	padding: 1em 2em 0 2em;
}

.footer a,
.footer a:hover {
	color: #fff;
}

.redbg {
	background-color: red;
}

.navbar {
	background-color: #16aa74;
	font-size: 1.2rem;
	font-weight: 600;

}

.navbar .dropdown-menu,
.navbar .dropdown-item {
	background-color: #16aa74;
	color: white;
}

.dropdown-item:hover, .dropdown-item:focus {
	background-color: #119b6d;
}



.toc {
	background-color: #fafafa;
	padding: 1em 1.5em;
	width: fit-content;
	margin: 0.5em 0 2em 0;
}

.toc h3 {
	margin-bottom: 0;
}

.toc p {
	margin: 0.25em 0em;
}

.toc .heading1 {
	margin-left: 0em;
}

.toc .heading2 {
	padding-top: 1.2em;
	margin-left: 0em;
}

.toc .heading3 {
	margin-left: 1.2em;
}

.toc a {
	color: black;
}

blockquote {
	background: rgba(0,0,0,.05);
	padding: 1em 2em 0.2em 2em;
	margin: 0 0 1em 0;
}

.content ol li p {
	margin-top: 1rem;
	margin-bottom: 0;
}