/* Link and navigation bar color */
nav.main-nav a, #footer a, #post-nav a, p a, li a {
	box-shadow: inset 0 -2px 0 #ff9300;
	font-weight: 400;
}
nav.main-nav a:hover, #footer a:hover, #post-nav a:hover, p a:hover, li a:hover {
	box-shadow: inset 0 -25px 0 #ff9300;
}
nav.main-nav a.cta {
	background: #fff;
	color: #bc6d01;
	padding: 6px 14px;
	border: 2px solid #ff9300;
	border-radius: 20px;
	white-space: nowrap;
	box-shadow: none;
}
nav.main-nav a.cta:hover {
	background: #ff9300;
	color: #000000;
}
/* Post titles */
h2 a {
	box-shadow: none;
	font-weight: 600;
}
h2 a:hover {
	box-shadow: inset 0 -2px 0 #ff9300;
}
/* Titles in post list */
#post-list h2 {
	margin-top: 1.35em;
}
/* Comment separator */
.microblog_conversation {
	border-top: 1px solid #eee;
}
/* Conversation link */
.conversation-on-mb {
	box-shadow: none;
	color: #bc6d01;
	font-size:13px;
	border: solid 2px #ff9300;
	border-radius: 20px;
	display: inline-block;
	padding: 6px 14px;
}
.conversation-on-mb:hover {
	background: #ff9300;
	color: #000000;
}
/* Comments */
div.microblog_post {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.microblog_avatar {
	border-radius: 10px;
	vertical-align: top;
	padding: 0px;
}
/* Add an em-dash in front of the blockquote footer */
blockquote footer:before {
	content: "\2014\00a0";
}
/* Lists */
#post-list article ol li {
	list-style-type: decimal;
}  

#post-list article ul li {
	list-style-type: disc;
}

.post-body ul li {
	list-style-type: disc !important;
}
/* Dark theme */
@media (prefers-color-scheme: dark) {
	body nav.main-nav a.cta {
		background: #2A2828;
		color: #90A3cA;
		border: 2px solid #ff9300;
		border-radius: 20px;
		white-space: nowrap;
		box-shadow: none;
	}
	body nav.main-nav a.cta:hover {
		background: #ff9300;
		color: #000000;
		border: 2px solid #ff9300;
		margin-left: 12px;
	}
	body nav.main-nav a, footer#footer a, #post-nav a, article p a, section p a {
		box-shadow: inset 0 -2px 0 #ff9300 !important;
		transition: all .35s !important;
		transition-timing-function: cubic-bezier(.7, 0, .3, 1) !important;
	}
	body nav.main-nav a:hover, footer#footer a:hover, #post-nav a:hover, article p a:hover, section p a:hover {
		color: #2a2828;
		box-shadow: inset 0 -25px 0 #ff9300 !important;
	}
	b, strong { color: #ffffff; }
}