/* *
* Change TOC styles
* */
#toc_container p.toc_title + ul.toc_list {
	margin-top: 10px;
}

#toc_container li {
	line-height: 1.618;
}

#toc_container a {
	font-size: 16px;
}

/* *
* Change Pre styles
* */
pre > code {
	padding: 10px 14px !important;
	border-radius: 4px;
	/* Styles for Buy Me A Coffee */
}

/* *
* Add styles for support buttons
* */
.buy-me-a-coffee-button {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
	border-radius: 6px;
}

.buy-me-a-coffee-button img {
	height: 41px !important;
	width: 178px !important;
	border-radius: 6px;
	object-fit: contain;
}

.sidebar-donate-button-list {
	margin: 0;
	padding: 0;
	text-align: center;
}

.donate-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 193px;
	max-width: 100%;
	min-height: 45px;
	border-radius: 6px;
	border: 0;
}

.buy-me-a-coffee-button {
	background: #ff8241;
}

.buy-me-a-coffee-button img {
	max-height: 35px;
}

.patreon-button, .paypal-button {
	padding: 0 1rem;
	color: #fff !important;
	text-decoration: none !important;
	position: relative;
	top: -2px;
}

.patreon-button {
	background: #f96854;
}

.patreon-button img {
	height: 37px;
	width: 37px;
}

.paypal-button {
	background: #00457c;
}
.paypal-button svg {
	margin-right: 10px;
	height: 17px;
	width: 17px;
	fill: #fff;
}

.blog-post-end-donate-btns {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	font-size: 13px;
}

.blog-post-end-donate-btns a + a {
	margin-left: 8px;
}

/*
* Fix Sumo share closing mobile button
* */
.sumome-share-client-wrapper.sumome-share-client-wrapper-mobile div.sumome-share-client-mobile div.sumome-share-client-close-mobile.sumome-share-client-close-mobile-left {
	right: 16px !important;
	left: auto !important;
	top: 16px !important;
}

/*
* Custom typography styles
* */
.is-dark-theme h1,
.is-dark-theme h2,
.is-dark-theme h3,
.is-dark-theme h4,
.is-dark-theme h5,
.is-dark-theme h6,
.is-dark-theme blockquote,
.is-dark-theme dl,
.is-dark-theme ol,
.is-dark-theme p,
.is-dark-theme p code,
.is-dark-theme table,
.is-dark-theme ul {
	color: #fff !important; /*;var(--global--color-primary) !important;*/
}

.is-dark-theme #toc_container {
	background: #333 !important;
}

.is-dark-theme .sumo-form-wrapper.scrollbox-popup .sumome-react-wysiwyg-text p {
	color: #fff;
}

blockquote,
dl,
ol,
p,
p code,
table,
ul,
.entry-content p {
	font-size: 1.05rem !important;
}

code,
kbd,
pre,
samp {
	font-size: 1rem !important;
}

@media screen and (min-width: 800px) {
	blockquote,
	dl,
	ol,
	p,
	p code,
	table,
	ul,
	.entry-content p {
		font-size: 1.125rem !important;
	}
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.3rem;
}

h5 {
	font-size: 1.2rem;
}

@media screen and (min-width: 800px) {
	h1 {
		font-size:3rem;
	}

	h2 {
		font-size: 1.9rem;
	}

	h3 {
		font-size: 1.7rem;
	}

	h4 {
		font-size: 1.4rem;
	}
}

.singular .entry-title {
	font-size: 1.8rem;
}

@media screen and (min-width: 800px) {
	.singular .entry-title {
		font-size: 3rem;
	}
}

@media screen and (min-width: 1100px) {
	.singular .entry-title {
		font-size:2.5rem;
	}
}

/*
* Fix code comment text color
* */
.singular .hljs-comment,
.singular .hljs-quote {
    color: #8993a7;
}

#jp-relatedposts {
	max-width: 610px !important;
	margin-left: auto !important;
  margin-right: auto !important;
}