/* Standard globals */
a { color: #0088cc; text-decoration: none; }

h1 { color: #444444; font-weight: 600; font-size: 2.5em; }
h2 { color: #104894; font-weight: 600; font-size: 2.2em; border-bottom: 0.5px solid #104894; margin-top:1.6em; }
h3 { color: #db7000; font-weight: 500; font-size: 1.7em; margin-top:1.3em; }
h4 { color: #444444; font-weight: 600; font-size: 1.4em; margin-top:1.2em; }
h5 { color: #777777; font-weight: 600; font-size: 1.2em; margin-top:1.2em; }
h6 { color: #444444; font-weight: 600; font-size: 1em; font-style: italic; margin-top:1.2em; }

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
	margin-top:.6em
}

/* Safari-only hack to adjust any heading id anchors so jumps aren't hidden by sticky header - this isn't needed with Chrome */
@supports (background: -webkit-canvas(squares)) { 
	:is(h1, h2, h3, h4, h5, h6)[id]:before {
		content: ''; 
		display: block; 
		margin-top: -60px;
		height: 60px;
		visibility: hidden; 
	}
}

body::before { background: none; }
body { color: #333; }

/* Make sure no links have a text shadow */
.navbar-brand, .nav-link {
	text-shadow: none;
}

/* Header */
.navbar.fixed-top {
}
.navbar-light .navbar-brand, 
.navbar-light .navbar-brand:hover {
	color: #000;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .active>.nav-link:hover, 
.navbar-light .navbar-nav .active>.nav-link:focus { 
	font-weight: bold; 
	color: #000;
}
.navbar-light .navbar-nav .nav-link {
	color: #666; 
}
.navbar-light .navbar-nav .nav-link:hover, 
.navbar-light .navbar-nav .nav-link:focus { 
	color: #000; 
	outline: none;
}
.bg-light { 
	background: rgba(255, 255, 255, .9) !important;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
	.bg-light { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(255, 255, 255, .7) !important; }
}

/* Fixed an issue on Safari where the popup submenus weren't appearing when expanded. */
@media (min-width: 992px) {
	.dropdown-menu { overflow-y: initial; }
}

/* ToC */
.bg-secondary { 
	background-color: inherit !important; 
	border: none; 
}
.bs-sidebar .nav > li > a { 
	color: #595959; 
}
.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus { 
	color: #000; 
    border: none;
}
.bs-sidebar .nav > li > a.active, .bs-sidebar .nav > li > a.active:hover, .bs-sidebar .nav > li > a.active:focus { 
	font-weight: bold;
	border: none; 
	color: #000;
}
.bs-sidebar {
	padding: 0;
	max-height:85vh;
	overflow-y: auto;
}

/* Content area */
.col-md-9 img { border: none; padding: 0; margin: 0; border-radius: 0; }

/* Tables */
.table {
	margin-bottom: 2em;
}
.table thead tr {
	border-bottom: 1px solid #333;
}
.table thead tr th {
	font-weight:600;
	color: #333;
	padding: 3px 1em 3px 3px;
	vertical-align: bottom;
}
.table thead th {
	border-top: none;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
}
.table tr {
	border-bottom: 1px solid #e6e6e6;
}
.table tr td {
	line-height: 1.5em;
	padding: .5em 1em .5em 3px;
	vertical-align: top;
}
.table td, .table th {
	border-top: none;
}

blockquote {
	background-color: #f8f8f8;
	border: solid 1px #e1e4e5;
	display: block;
	padding: .5em;
}
blockquote p:last-child {
	margin-bottom: 0;
}

/* Styles for admonitions https://python-markdown.github.io/extensions/admonition/ */
.admonition p { margin-bottom: 0; }
.admonition {
	background-color: #f5f5f7;
	padding: 10px;
	border: 1px solid #696969;
	border-left:thick solid #696969;
	border-radius: 6px;
	color: #000;
}
.admonition.note 						{ border-color: #696969; background-color: #f5f5f7; color: inherit; }
.admonition.note .admonition-title 		{ color: #696969; }
.admonition.tip 						{ border-color: #007c78; background-color: #faffff; color: inherit; }
.admonition.tip .admonition-title 		{ color: #007c78; }
.admonition.warning 					{ border-color: #d00; background-color: #fff2f4; color: inherit; }
.admonition.warning .admonition-title	{ color: #d00; }
.admonition.important					{ border-color: #936d00; background-color: #fffef2; color: inherit; }
.admonition.important .admonition-title	{ color: #936d00; }
.admonition.mas 						{ border-color: #8c28c2; background-color: #fcf8ff; color: inherit; }
.admonition.mas .admonition-title		{ color: #8c28c2; }

/* Custom styles */
.col-md-9 img.shadow {
	border: 1px rgba(0,0,0,0.2) solid;
	margin: 0 0 10px 0;
	box-shadow: 3px 3px 8px rgba(0,0,0,.3);
}
.col-md-9 img.borderlessShadow {
	box-shadow: 3px 3px 8px rgba(0,0,0,.3);
}

img.right { float: right; margin: 2px 0 6px 20px; }

.proPill, .standardPill, .corePill, .updatePill { display: inline-block; text-transform: uppercase; font-size: 0.7em; font-weight: 500; text-align: center; border: 1px solid; border-radius: 3px; padding: 2px 5px 2px; line-height: 1; margin: 0 0.1em; vertical-align: 1px; }
.proPill { background-color: #edf3fe; color: royalblue; border-color: royalblue; }
.proPill:before { content: "Pro"; }
.standardPill { background-color: #ffdacd; color: #e60000; border-color: #e60000; }
.standardPill:before { content: "Standard"; }
.corePill { background-color: #c9ddc9; color: green; border-color: green; }
.corePill:before { content: "Core"; }

.emoji {
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"
}

/* Style the heading anchors dynamically added via extra.js */
.anchor-heading .anchor-link {
	display: inline-block;
	padding-left: .25rem;
	text-decoration: none;
	opacity: 0;
	transition: opacity ease-in-out .25s;
}
.anchor-heading .anchor-link:hover {
	opacity: 1 !important;
}
.anchor-heading:hover .anchor-link {
	opacity: .5;
}
