/* 

Text Styles
------------------------------------------------------------ */

	h1 {
		color: var(--baltic-sea);
		font-size: 2em;
		font-weight: 800;
		line-height: 1.25em;
		margin: 0 0 24px 0;
		padding: 0;
	}
		
		@media (prefers-color-scheme: dark) {
			h1 {
				color: var(--white);
			}
		}
	
	h2 {
		color: var(--baltic-sea);
		font-size: 1.5em;
		line-height: 1.25em;
		margin: 0 0 24px 0;
		padding: 0;
	}
	
		@media (prefers-color-scheme: dark) {
			h2 {
				color: var(--white);
			}
		}
	
	h3 {
		color: var(--baltic-sea);
		font-size: 1.25em;
		line-height: 1.25em;
		margin: 0 0 24px 0;
		padding: 0;
	}
	
		@media (prefers-color-scheme: dark) {
			h3 {
				color: var(--white);
			}
		}
	
	h4 {
		color: var(--baltic-sea);
		font-size: 1.125em;
		line-height: 1.25em;
		margin: 0 0 24px 0;
		padding: 0;
	}
	
		@media (prefers-color-scheme: dark) {
			h4 {
				color: var(--white);
			}
		}
	
	p {
		line-height: 1.5em;
		margin: 0 0 24px 0;
		padding: 0;
	}
	
	.italic {
		font-style: italic;
	}
	
	blockquote {
		line-height: 1.5em;
		margin: 0;
		padding: 0 0 0 24px;
		font-style: italic;
		color: var(--mountain-mist);
		border-left: 2px solid var(--iron);
	}
		
		@media (prefers-color-scheme: dark) {
			blockquote {
				color: var(--mountain-fog);
				border-left: 2px solid var(--abbey);
			}
		}
	
	blockquote a:link, blockquote a:visited {
		color: var(--mountain-mist);
		text-decoration: underline;
	}
	
		@media (prefers-color-scheme: dark) {
			blockquote a:link, blockquote a:visited {
				color: var(--mountain-fog);
			}
		}
	
	strong {
		font-weight: 500;
	}
	
	.blog_content strong {
		font-weight: 600;
	}
		
		@media (prefers-color-scheme: dark) {
			.blog_content strong {
				font-weight: 700;
			}
		}
	
	pre {
		font-family: Menlo, Monaco, Consolas, "Courier New", monospace;;
		font-size: 0.875em;
		line-height: 1.5em;
		background-color: var(--alabaster);
		/* border: 1px solid var(--mountain-mist); */
		margin-top: 0;
		margin-bottom: 24px;
		padding: 16px 16px 16px 16px;
		border-radius: 8px / 8px;
		-webkit-border-radius: 8px 8px;
		-moz-border-radius: 8px / 8px;
	}
	
		@media (prefers-color-scheme: dark) {
			pre {
				background-color: var(--charade);
			}
		}
	
	
	code {
		font-family: Menlo, Monaco, Consolas, "Courier New", monospace;;
		font-size: 0.875em;
		line-height: 1.5em;
		background-color: var(--alabaster);
		/* border: 1px solid var(--mountain-mist); */
		padding: 4px 8px 4px 8px;
		border-radius: 8px / 8px;
		-webkit-border-radius: 8px 8px;
		-moz-border-radius: 8px / 8px;
	}
		
		@media (prefers-color-scheme: dark) {
			code {
				background-color: var(--charade);
			}
		}
	
	hr {
		border: 0;
		border-bottom: 1px dashed var(--iron);
		background: #999;
		padding: 0;
		margin: 48px 0 48px 0;
	}
		
		@media (prefers-color-scheme: dark) {
			hr {
				border-bottom: 1px dashed var(--abbey);
			}
		}
	
	.headline {
		color: var(--ship-grey);
		font-weight: 400;
		margin: -16px 0 24px 0;
		font-size: 1.5em;
		line-height: 1.25em;
	}
	
		@media (prefers-color-scheme: dark) {
			.headline {
				color: var(--mercury);
			}
		}
	
	.caption {
		font-size: var(--caption);
	}
	
	a:link, a:visited {
		color: var(--denim);
		text-decoration: none;
	}
		
		@media (prefers-color-scheme: dark) {
			a:link, a:visited {
				color: var(--jordy-blue);
			}
		}
	
	a:hover {
		text-decoration: underline;
	}
	
/* 
	
Lists
------------------------------------------------------------ */

	ol {
		counter-reset: li 0;
		list-style-type: none;
		list-style-position: initial;
		list-style-image: initial;
		padding: 0px;
		margin: 0;
		margin-bottom: 24px;
	}

	ol li {
		counter-increment: li 1;
		position: relative;
		padding-left: 56px;
		margin-bottom: 16px;
	}
	
	ol > li, ul > li {
		line-height: 1.5;
	}
	
	li {
		display: list-item;
		text-align: -webkit-match-parent;
	}
	
	ol li::before {
		content: counter(li, decimal);
		background-color: var(--alabaster);
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
		padding: 4px 0 4px 0;
		width: 32px;
		height: 24px;
		text-align: center;
		position: absolute;
		left: 0px;
		top: -4px;
	}
		
		@media (prefers-color-scheme: dark) {
			ol li::before {
				background-color: var(--charade);
			}
		}
	
	ul {
		counter-reset: li 0;
		list-style-type: disc;
		list-style-position: outside;
		padding: 0;
		margin: 0;
		margin-block-start: 0em;
		margin-block-end: 0em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 40px;
		margin-bottom: 24px;
	}
	
	ul li {
		counter-increment: li 1;
		position: relative;
		padding-left: 16px;
		margin-bottom: 16px;
	}
	
	ul.checklist {
		counter-reset: li 0;
		list-style-type: none;
		list-style-position: initial;
		list-style-image: initial;
		padding: 0;
		margin: 0;
	}
	
	li.check_item {
		list-style: none; 
		position: relative;
		padding: 0 0 0 24px;
	}
	
	ul li.check_item::before {
		content: ' ';
		background-color: var(--ship-grey);
		background-size: 16px 16px;
		display: inline-block;
		height: 16px;
		width: 16px;
		opacity: 1;
		mask-image: url('../images/checkmark.svg');
		-webkit-mask-image: url('../images/checkmark.svg');
		position: absolute;
		left: 0;
		top: 4px;
	}
		
		@media (prefers-color-scheme: dark) {
			ul li.check_item::before {
				background-color: var(--mercury);
			}
		}
	
	


	
	

.hidden_link a:link, .hidden_link a:visited {
	color: var(--ship-grey);
	text-decoration: none;
}

	@media (prefers-color-scheme: dark) {
		.hidden_link a:link, .hidden_link a:visited {
			color: var(--mercury);
		}
	}

.dim {
	color: var(--mountain-mist) !important;
}

	@media (prefers-color-scheme: dark) {
		.dim {
			color: var(--mountain-fog) !important;
		}
	}

.dim a:link, .dim a:visited {
	color: var(--mountain-mist) !important;
}

	@media (prefers-color-scheme: dark) {
		.dim a:link, .dim a:visited {
			color: var(--mountain-fog) !important;
		}
	}

.dim a:hover {
	color: var(--mountain-mist) !important;
	text-decoration: underline;
}

	@media (prefers-color-scheme: dark) {
		.dim a:hover {
			color: var(--mountain-fog) !important;
		}
	}

.dark {
	color: var(--baltic-sea) !important;
}

	@media (prefers-color-scheme: dark) {
		.dark {
			color: var(--white) !important;
		}
	}

.dark a:link, .dark a:visited, .dark a:hover {
	color: var(--baltic-sea) !important;
}

	@media (prefers-color-scheme: dark) {
		.dark a:link, .dark a:visited, .dark a:hover {
			color: var(--white) !important;
		}
	}

.hidden_link a:hover {
	color: var(--ship-grey);
	text-decoration: underline;
}

	@media (prefers-color-scheme: dark) {
		.hidden_link a:hover {
			color: var(--mercury);
			text-decoration: underline;
		}
	}

.mb-n16 {
	margin-bottom: : -16px !important;
}

.mt-24 {
	margin-top: 24px;
}

.mt-n24 {
	margin-top: -24px !important;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-8 {
	margin-bottom: 8px;
}

.mb-16 {
	margin-bottom: 16px;
}

.mb-32 {
	margin-bottom: 32px;
}

.truncate {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fake_link {
	color: var(--denim);
	text-decoration: none;
}
	
	@media (prefers-color-scheme: dark) {
		.fake_link {
			color: var(--jordy-blue);
		}
	}