div#content {
	margin-top: 50px;
}
.quote-callout {
 	margin: 25px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 22px;
	font-weight: 600;
	color: #99b433;
	border-color: #99b433 !important;
	width: 40%;
	min-width: 180px;
}
.quote-callout-l {
	float: left;
}
.quote-callout-r {
	float: right;
}
.quote-callout > p > span {
	color: #343a40;
}
.quote-open {
	z-index: 0;
	font-style: italic;
}

/*
	Blog
*/
.border-post-card {
	border-color: #2c3e50;
	border-width: 1px 1px 1px 6px;
	border-style: solid;
	background-image: linear-gradient(to right, rgba(255,0,0,0), #2c3e50);
}
.border-post-body-top {
	border-top: 1px solid #2c3e50;
}
.border-post-body-bot {
	border-bottom: 1px solid #2c3e50;
}
div.postbody p {
	font-size: 0.875em;
}
.post-date {
	font-weight: bold;
}
.sticky>h2 {
	font-variant: small-caps;
}
.sticky>h2 {
	font-weight: 900;
}
.sticky>h3 {
	margin-top: -20px;
	font-weight: 600;
	font-variant-caps: all-small-caps;
	font-size: 20px;
}
.regular h2 {
	font-variant: small-caps;
}
.regular h2 {
	font-weight: 900;
	line-height: 30px;
}
.regular h3 {
	margin-top: -10px;
	color: #7f8c8d;
	font-weight: 500;
	font-style: italic;
	text-transform: lowercase;
}
.subtitle {
	border-bottom: 6px dotted #ecf0f1;
}
.callout-name {
	color: #000;
	font-weight: bold;
}
.regpost {
	width: 50%;
}
.post-wrapper {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

/*	
	Main Nav 
*/
#title>a {
	text-decoration: none;
}

/*	
	Footer
*/
footer {
	padding: 10px;
	clear: both;
}
footer h3 {
	display: block;
	border-bottom: 1px solid white;
	line-height: 25px;
	font-weight: 900;
}
#crc-progress-bar h3 {
	text-align: center;
}
.sm-certs {
	overflow-y: auto;
}
.sm-certs > div.w3-row > div {
	text-align: center;
}
.csm-badge {
	width: 150px;
	height: 150px;
}
.badgr-badge {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	width: 315px;
	margin: 0 auto;
}
.ms-cert {
	width: 315px;
}

/*
	JS Styles
*/
.hide {
    visibility: hidden;
}
.show {
    visibility: visible;
}

/* 
	W3.CSS OVERRIDES 
*/
body {
	background-color: #fffdfd;
	/* font-style font-variant font-weight font-size/line-height font-family*/
	/*
		1em is equal to the current font size. 
		The default text size in browsers is 16px. So, the default size of 1em is 16px
		The size can be calculated from pixels to em using this formula: pixels/16=em
	*/
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Garamond, Georgia, serif;
}
.w3-sidebar {
	top: 0;
}
.w3-button:hover{
	color:#99b433 !important;
	background-color:#34495e !important;
}
.w3-card {
	margin-bottom: 25px;
}
.w3-card article:last-of-type {
	margin-bottom: 75px;
}