/*!
 * CSS Customization
 * Copyright 2025 STUEBER SYSTEMS GmbH
 */
html {
	scroll-padding-top: 80px;
}
body {
	font-family: 'Roboto', sans-serif;
	padding-top: 4.5rem;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', serif;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
main a, footer a {
	text-decoration: none;
}
main a:hover, footer a:hover {
	text-decoration: underline;
}
pre {
	padding: 1rem;
}
blockquote {
    border-left: .2rem solid var(--bs-tertiary-color);
    color: var(--bs-tertiary-color);
    margin-bottom: 1rem;
	padding-left: .6rem;
}
figure img {
	max-width: 100%;
    height: auto;	
}
figure figcaption {
	text-align: center;
}
figure figcaption h4 {
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;    
	height: auto;	
}
.blog-post-date {
	margin-bottom: 0.5rem;
}
.blog-post-related {
	margin-top: 2rem;
}
.blog-pagination {
	margin-bottom: 2rem;
}
.blog-post-related-title, 
.blog-recent-title, 
.blog-taxonomy-title {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.badge.badge-secondary {
	color: rgba(108, 117, 125, 0.8);
	border-style: solid;
	border-width: 1px;
	background: none;
}
.note {
    border-left-width: 4px;
    border-left-style: solid;
    position: relative;
    border-color: #0594cb;
    display: block;
}
.admonition-content {
	display:block;
	margin:0;
	padding:.125em 1em;
	margin-top:2em;
	margin-bottom:2em;
	overflow-x:auto;
	background-color:rgba(0,0,0,.05)
}
.admonition-content p {
	margin-top:1em;
	margin-bottom:1em;
}
.blog-toc {
    font-size: .875rem;
}
.blog-toc nav {
    font-size: .875rem;
}
.blog-toc nav ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.blog-toc nav ul ul {
    padding-left: 1rem;
    margin-top: .25rem;
}
.blog-toc nav li {
    margin-bottom: .25rem;
}
.blog-toc nav a {
    color: inherit;
}
.blog-toc-toggle {
    display: flex;
    align-items: center;
}
@media (max-width: 1199.98px) {
	.blog-toc-toggle {
		border: 1px solid;
		border-color: var(--bs-gray-400);
		border-radius: 0.4rem;
		justify-content: space-between;
		width: 100%;
	}
	.blog-toc-toggle:hover, .blog-toc-toggle:focus, .blog-toc-toggle:active, .blog-toc-toggle[aria-expanded="true"] {
		color: var(--bs-gray-600);
		background-color: #fff;
		border-color: var(--bs-gray-600);
	}
}
@media (max-width: 991.98px) {
	.blog-toc-collapse nav {
		padding: 1.25rem;
		background-color: var(--bs-gray-100);
		border: 1px solid;
		border-color: var(--bs-gray-400);
		border-radius: 0.25rem;
	}
}
@media (min-width: 992px) {
	.blog-toc {
		position: -webkit-sticky;
		position: sticky;
		top: 5rem;
		right: 0;
		z-index: 2;
		height: calc(100vh - 7rem);
		overflow-y: auto;
	}
	.blog-toc-collapse {
		display: block !important;
	}
}