/*
Variables
*/
:root {
	--global--font-primary: var(--font-headings, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif);
	--global--font-secondary: var(--font-base, "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif);
}

pre,
code,
kbd,
samp {
	font-family: "Courier New", Consolas, monospace;
}

/*
Footer navigation social icons
*/
.footer-navigation svg {
	width: 32px;
	height: 32px;
}

/*
Breadcrumb
*/
#breadcrumb {
	line-height: 1;
}
.breadcrumb {
	display: inline-block;
	list-style: none;
	margin: 1rem 0;
	padding: 0;
}
.breadcrumb::after,
.breadcrumb::before {
	content: " ";
	display: table
}
.breadcrumb li {
	float: left;
	font-size: var(--global--font-size-xs);
	cursor: default;
}
.breadcrumb li:not(:last-child)::after {
	content: "/";
	margin: 0 .5rem;
	position: relative;
	top: 1px;
	opacity: 1;
}

/*
TOC
*/
.toc {
	width: auto;
	display: table;
	margin: 0;
	padding: 1em 1.5em;
	word-break: break-all;
	word-wrap: break-word;
	border: #aaa solid 1px;
	border-radius: 3px;
	background:rgba(255,255,255,0.1);
}
#sidebar .toc {
	width: 100%;
}

.toc a {
	text-decoration: none;
}
.toc ul {
	counter-reset: toc-item;
	margin: 0;
	padding-left: calc(var(--global--spacing-horizontal));
	list-style: none;
}

.toc li a::before {
	content: counters(toc-item, ".") ". ";
	counter-increment: toc-item;
}
.toc a:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
}
.toc .toc-title {
	margin-top: calc(0.25 * var(--global--spacing-vertical));
	margin-bottom: calc(0.25 * var(--global--spacing-vertical));
	text-align: center;
	font-weight: bold;
}
.toc .toc-toggle {
	font-weight: normal;
	font-size: 0.9em;
}
.toc .toc-list {
	margin: 0;
	padding: 0;
}

.toc .toc-list li.number-per-page-1:not(:first-child) {
	margin-top: 4px;
	padding-top: 8px;
	border-top: 1px dashed #666;
}

/*
Sidebar
*/
body.has-sidebar #content {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	max-width: var(--responsive--alignwide-width);
	margin-left: auto;
	margin-right: auto;
}
body.has-sidebar #primary {
	width: calc(100% - 320px - 32px);
}
body.has-sidebar #sidebar {
	width: 320px;
}
body.has-right-sidebar #sidebar {
	margin-left: auto;
	margin-right: 0;
}

body.has-left-sidebar #sidebar {
	margin-left: 0;
	margin-right: auto;
}
body.has-left-sidebar #content {
	flex-direction: row-reverse;
}

@media screen and (max-width: 1000px) {
	body.has-sidebar #content {
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
	body.has-sidebar #primary,
	body.has-sidebar #sidebar {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.sidebar-widget-area > * {
	margin-top: var(--global--spacing-vertical);
	margin-bottom: var(--global--spacing-vertical);
}

body.has-sidebar #sidebar .sidebar-2 {
	position: sticky;
	margin-bottom: 0;
	top: 10px;
	z-index: 1;
}

body.has-sidebar #sidebar input {
	max-width:100%;
}

/*
Custom Header
*/
body.jp-custom-header #masthead {
	position: relative;
	max-width: 100%;
	padding-left: calc(0.5 * (100% - var(--responsive--alignwide-width)));
	padding-right: calc(0.5 * (100% - var(--responsive--alignwide-width)));
	background-size: cover;
	background-position: center;
}
body.jp-custom-header #masthead .site-branding,
body.jp-custom-header #masthead #site-navigation {
	z-index: 1;
}
body.jp-custom-header #masthead::before {
	content: " ";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin-top: calc(-2.4 * var(--global--spacing-vertical));
	margin-left: calc(0.5 * (var(--responsive--alignwide-width) - 100%));
	margin-right: calc(0.5 * (var(--responsive--alignwide-width) - 100%));
}
body.jp-custom-header #masthead::before {
	background-color: #000;
	opacity: 0.1;
}
.is-dark-theme body.jp-custom-header #masthead::before {
	opacity: 0.3;
}

@media only screen and (max-width: 481px) {
	body.jp-custom-header #masthead {
		position: static;
	}
}

/*
Site Navigation
*/
#site-navigation .dropdown-icon {
	word-break: keep-all;	
}