/* ZANACMS adjustments for the public Just the Docs stylesheet */

.zp-jtd-mobile-header {
	display:none;
}

.site-title,
.site-title:hover,
.site-title:active,
.site-title:focus {
	text-decoration:none;
}

.zp-jtd-mobile-header .site-title {
	padding-left:0 !important;
}

.side-bar .site-title {
	padding-left:.75rem !important;
}

.main-header {
	display:flex !important;
	align-items:center !important;
	justify-content:flex-end;
}

.site-footer:empty,
.zp-jtd-subtitle:empty {
	display:none;
}

.zp-jtd-page-footer {
	display:none;
}

.site-footer a,
.site-footer a:hover,
.site-footer a:active,
.site-footer a:focus {
	text-decoration:none;
}

.zp-jtd-subtitle {
	margin-left:auto;
	color:#5c5962;
	font-size:.875rem;
	line-height:1.4;
}

.nav-list,
.nav-list ul {
	list-style:none;
	padding-left:0;
}

.nav-list ul {
	margin-top:.2rem;
	padding-left:1rem;
}

.nav-list li {
	margin:0;
}

.nav-list a {
	display:block;
	padding:.35rem .75rem;
	border-radius:4px;
	text-decoration:none !important;
}

.nav-list a:hover,
.nav-list a:focus,
.side-bar .site-nav .zphtml-nav-parent:hover>a,
.side-bar .site-nav .zphtml-nav-parent:focus-within>a {
	background:#e9e8f5 !important;
	text-decoration:none !important;
}

.nav-list a[aria-current=page] {
	font-weight:600;
}

.site-nav .zphtml-nav-parent>a::after,
.zp-jtd-mobile-nav .zphtml-nav-parent>a::after {
	content:"⌄";
	float:right;
	margin-left:.4rem;
	font-size:.85em;
}

.side-bar .site-nav .zphtml-nav-parent {
	position:relative;
}

.side-bar .site-nav .zphtml-nav-parent>ul {
	display:none !important;
	height:auto !important;
	opacity:1 !important;
	visibility:visible !important;
}

.side-bar .site-nav .zphtml-nav-parent:hover>ul,
.side-bar .site-nav .zphtml-nav-parent:focus-within>ul {
	display:block !important;
	overflow:visible !important;
}

.side-bar .site-nav .zphtml-nav-parent>ul a {
	padding-left:1rem;
}

.zp-jtd-mobile-nav .zphtml-nav-parent>ul {
	display:block !important;
}

.zp-jtd-mobile-nav .zphtml-nav-parent>ul a {
	padding-left:1rem;
}

@media (max-width:50rem) {
	html,
	body {
		min-height:100%;
	}

	body {
		display:flex;
		flex-direction:column;
		min-height:100vh;
		padding-top:0;
	}

	.side-bar {
		display:none;
	}

	.main {
		display:flex;
		flex:1 0 auto;
		flex-direction:column;
		box-sizing:border-box;
		width:100%;
		margin-left:0;
	}

	.main-content-wrap {
		display:flex;
		flex:1 0 auto;
		flex-direction:column;
		box-sizing:border-box;
		width:100%;
	}

	.main-header {
		display:flex !important;
		align-items:center !important;
		justify-content:flex-end;
		box-sizing:border-box;
		width:100%;
		height:auto;
		min-height:0;
		padding:.75rem 1rem;
		border-bottom:1px solid #eeebee;
	}

	.zp-jtd-subtitle {
		margin-left:0;
	}

	.zp-jtd-mobile-header {
		display:flex;
		position:relative;
		z-index:50;
		align-items:center;
		box-sizing:border-box;
		width:100%;
		min-height:3.75rem;
		padding:0 1rem;
		background:#f5f6fa;
	}

	.zp-jtd-mobile-header .site-title {
		margin-right:auto;
	}

	.zp-jtd-mobile-menu {
		margin:0;
		padding:0;
	}

	.zp-jtd-mobile-menu>summary,
	.zp-jtd-mobile-menu[open]>summary {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:2.5rem;
		height:2.5rem;
		margin:0;
		padding:0;
		border:0;
		background:transparent;
		box-shadow:none;
		color:#7253ed;
		font:inherit;
		font-size:1.45rem;
		line-height:1;
		cursor:pointer;
		list-style:none;
		text-decoration:none;
	}

	.zp-jtd-mobile-menu>summary::-webkit-details-marker {
		display:none;
	}

	.zp-jtd-mobile-menu>summary::marker {
		content:"";
	}

	.zp-jtd-mobile-menu>summary::before {
		content:"☰";
	}

	.zp-jtd-mobile-menu>summary span {
		display:none;
	}

	.zp-jtd-mobile-panel {
		position:absolute;
		top:100%;
		left:0;
		right:0;
		box-sizing:border-box;
		padding:.75rem 1rem 1rem 1rem;
		border-top:1px solid #eeebee;
		background:#f5f6fa;
		box-shadow:0 .5rem 1rem rgba(0,0,0,.08);
	}

	.zp-jtd-mobile-nav .nav-list,
	.zp-jtd-mobile-nav .nav-list ul {
		margin:0;
		padding:0;
	}

	.zp-jtd-mobile-nav .nav-list ul {
		padding-left:1rem;
	}

	.zp-jtd-mobile-nav .nav-list a {
		padding:.35rem 0;
		background:transparent;
	}

	.zp-jtd-mobile-nav .nav-list a:hover,
	.zp-jtd-mobile-nav .nav-list a:focus {
		background:#e9e8f5 !important;
	}

	.zp-jtd-page-footer {
		display:block;
		position:static;
		box-sizing:border-box;
		width:auto;
		margin:auto 1rem 0 1rem;
		padding:1rem 0;
		border-top:1px solid #eeebee;
	}
}