/**
 * Main design styles for the site layout and components.
 * Template-based CSS for both modern and legacy builds.
 */


/* header
********************************************************************/

#nb-header {
}

#nb-header .nb-logo {
	height: 13rem;
}

#nb-header .nb-logo img {
	display: block;
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
	margin-top: -3rem;
}

#nb-header .nb-nav {
	width: 100%;
	margin-top: .25rem;
	margin-bottom: 1.25rem;
}

#nb-header .nb-nav ul {
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
}

#nb-header .nb-nav ul > li {
	display: inline-block;
	margin: .25rem .5rem;
}

#nb-header .nb-nav ul > li a {
	color: #ccc;
}

#nb-header .nb-nav ul > li a:hover {
	color: yellow;
}
#nb-header .nb-nav ul > li:not(:last-child):after {
	margin-left: 1rem;
	color: #ccc;
	opacity: .5;
	content: "|";
}

#nb-header .headings {
    margin-bottom: 2.1em;
}
#nb-header h1 {
    margin-bottom: 0;
    font-size: 1.5em;
}
#nb-header h1 a {
    text-decoration: none;
    color: #F0A9B8;
    background-color: inherit;
}
#nb-header p.claim {
    margin-bottom: 0;
}
#nb-header h2 {
    margin-bottom: 0;
    font-size: 1.125em;
}

#nb-header .tools {
    margin-bottom: 2.1em;
}
#nb-header .tools ul {
    margin-bottom: 0;
}
#nb-header .tools ul li {
    display: inline;
}

#nb-header form.search {
    margin: .5em 0 0;
    display: block;
}
#nb-header form.search #nb-search-input {
    width: 12em;
    margin-right: .5em;
}
[dir=rtl] #nb-header form.search #nb-search-input {
    margin-right: 0;
    margin-left: .5em;
}

#nb-header div.breadcrumbs {
    margin-bottom: .3em;
}
#nb-header div.breadcrumbs a {
    color: #F0A9B8;
    background-color: inherit;
}

.user_logged_in {
	position: absolute;
	right: 1rem;
	top: .25rem;
}

/* tools
********************************************************************/

/* make wiki links look the same as tool links in tool bars */
#nb-usertools a.wikilink1,
#nb-pagetools a.wikilink1,
#nb-usertools a.wikilink2,
#nb-pagetools a.wikilink2 {
    color: #F0A9B8;
    border-bottom-width: 0;
}
#nb-usertools a.wikilink2:hover,
#nb-pagetools a.wikilink2:hover,
#nb-usertools a.wikilink2:active,
#nb-pagetools a.wikilink2:active,
#nb-usertools a.wikilink2:focus,
#nb-pagetools a.wikilink2:focus {
    text-decoration: underline;
}

/* highlight selected tool */
/* before Greebo: */
.mode_admin a.action.admin,
.mode_login a.action.login,
.mode_register a.action.register,
.mode_profile a.action.profile,
.mode_recent a.action.recent,
.mode_index a.action.index,
.mode_media a.action.media,
.mode_revisions a.action.revs,
.mode_backlink a.action.backlink,
.mode_subscribe a.action.subscribe,
/* since Greebo: */
.mode_admin .action.admin a,
.mode_login .action.login a,
.mode_register .action.register a,
.mode_profile .action.profile a,
.mode_recent .action.recent a,
.mode_index .action.index a,
.mode_media .action.media a,
.mode_revisions .action.revs a,
.mode_backlink .action.backlink a,
.mode_subscribe .action.subscribe a {
    font-weight: bold;
}

/*____________ page tools ____________*/

/* before Greebo: */
#nb-pagetools ul li a.action.top,
/* since Greebo: */
#nb-pagetools ul li.action.top a {
    display: none;
}
/* before Greebo: */
[dir=rtl] #nb-pagetools ul li a.action.top,
/* since Greebo: */
[dir=rtl] #nb-pagetools ul li.action.top a {
    display: none;
}

/* hide background images from menu items inserted via plugins */
#nb-pagetools ul li a {
    background-image: none !important;
}
#nb-pagetools ul li a::before {
    content: none !important;
}


/* sidebar
********************************************************************/

.sidepanel {
	align-self: stretch;
}

.sidepanel nav {
	margin-top: .75rem;
}

.sidepanel h3 {
	margin: 0;
	padding: .35rem .75rem;
	background: #4e348a; //linear-gradient(180deg,#4e348a 0,#3e2479 100%);
	border-radius: .35rem .35rem 0 0;
}

.sidepanel nav ul {
	margin: 0;
	padding: .35rem 0 .35rem 0;
	border-radius: 0 0 .35rem .35rem;
	background: #2d2842;
}

.sidepanel nav ul li {
	display: block;
	width: 100%;
	list-style: none;
	margin-left: 0;
}

.sidepanel nav ul li.level1 {
	margin-left: 0;
}

.sidepanel nav ul li .curid a {
	background: #454059;
}

.sidepanel nav ul li a {
	color: #eee !important;
	padding: .25rem .5rem .25rem 1.5rem;
	display: block;
}

.sidepanel nav ul li a:hover {
	background: #454059;
	text-decoration: none;
}

.sidepanel nav ul li a.active {
	background: #4e348a;
	font-weight: bold;
}

/* Nested navigation */
.sidepanel nav ul ul {
	padding: 0;
	margin: 0;
	background: transparent;
	border-radius: 0;
}

.sidepanel nav ul ul li a {
	padding-left: 2.5rem;
	font-size: 0.9rem;
	color: #ccc !important;
}

.sidepanel nav ul ul li a:hover {
	background: #3d3452;
}

.mode_admin .sidepanel a.action.admin,
.mode_login .sidepanel a.action.login,
.mode_register .sidepanel a.action.register,
.mode_profile .sidepanel a.action.profile,
.mode_recent .sidepanel a.action.recent,
.mode_index .sidepanel a.action.index,
.mode_media .sidepanel a.action.media,
.mode_revisions .sidepanel a.action.revs,
.mode_backlink .sidepanel a.action.backlink,
.mode_subscribe .sidepanel a.action.subscribe,
.mode_admin .sidepanel .action.admin a,
.mode_login .sidepanel .action.login a,
.mode_register .sidepanel .action.register a,
.mode_profile .sidepanel .action.profile a,
.mode_recent .sidepanel .action.recent a,
.mode_index  .sidepanel .action.index a,
.mode_media .sidepanel .action.media a,
.mode_revisions .sidepanel .action.revs a,
.mode_backlink .sidepanel .action.backlink a,
.mode_subscribe .sidepanel .action.subscribe a {
	background: #454059;
}

/* hamburger - hidden by default, shown on mobile */
#sidepanel_hamburger {
	color: #eee;
	display: none;
}

/* search */
#nb-search {
	display: block;
}

#nb-search .no{
	display: flex;
	flex-flow: row nowrap;
}

#nb-search .no input.edit {
	flex-grow: 1;
	background: #2d2842;
	border: none;
	border-radius: .35rem 0 0 .35rem;
	color: #eee;
	padding: .25rem .5rem;
}

#nb-search .no button {
	flex-shrink: 0;
	background: #4e348a;
	border: none;
	border-radius: .35rem;
	color: #eee;
	padding: .25rem .5rem;
	margin-left: -.35rem;
}

#nb-search .no button:hover {
	background: #6a4eaa;
	box-shadow: 0 0 .35rem #111;
}
#nb-search .no button:focus {
	background: #422d71;
	box-shadow: none;
}

/* toc */

#nb-toc {
	margin: 0 0 1rem 1rem;
	padding: .25rem;
	width: 16rem;
	background: #2d2842;
	border-radius: .5rem;
	text-align: left;
}

/* content
********************************************************************/

.page {
    word-wrap: break-word;
	text-align: justify;
}

/* license note in footer and under edit window */
div.license {
    font-size: 93.75%;
}

.wrapper {
    padding-bottom: 1rem;
	background: #1e1a2d;
	box-shadow: 0 0 1rem #1e1a2d;
	display: flex;
	flex-flow: row nowrap;
    align-items: stretch;
	min-height: 60vh;
}
.wrapper .sidepanel {
	width: 18rem;
	padding: 1.25rem;
}

.wrapper .main {
	margin: 1em;
	margin-left: 0;
	margin-right: 2em;
	flex-grow: 1;
	min-height: 15rem;
}


/* footer
********************************************************************/

#nb-footer {
    background: #15121e;
	text-align: center;
	padding: 1.5rem 1.5rem 0 1.5rem;
	box-shadow: inset 0 7px 9px -1rem black;
}

#nb-footer > .container {
	text-align: left;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	gap: 10%;
}

#nb-footer .doc {
}
#nb-footer .top {
}

#nb-footer .license {
}
#nb-footer .license img {
    margin: 0 .5em 0 0;
    float: none;
}

.invisible_footer {
	display: block;
	width: 100%;
	background: #15121e;
}

/* Breadcrumbs */
.breadcrumbs {
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.breadcrumbs ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumbs li {
    display: inline;
    margin: 0 0.25rem 0 0;
}

.breadcrumbs li:after {
    content: "\203A";
    margin-left: 0.5rem;
    color: #666;
}

.breadcrumbs li:last-child:after {
    content: "";
}

.breadcrumbs a {
    color: #F0A9B8;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs li.active {
    color: #ccc;
}

/* Sitemap */
.sitemap-content {
    margin-top: 2rem;
}

.sitemap-section {
    margin-bottom: 3rem;
}

.sitemap-section h2 {
    color: #F0A9B8;
    border-bottom: 2px solid #4e348a;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.sitemap-section h2 a {
    color: inherit;
    text-decoration: none;
}

.sitemap-section h2 a:hover {
    text-decoration: underline;
}

.sitemap-section ul {
    list-style: none;
    padding-left: 1.5rem;
}

.sitemap-section li {
    margin-bottom: 0.5rem;
}

.sitemap-section li a {
    color: #eee;
    text-decoration: none;
}

.sitemap-section li a:hover {
    color: #F0A9B8;
    text-decoration: underline;
}

/* Article List (section index pages) */
.page-list {
    margin-top: 2rem;
}

.page-list h2 {
    color: #F0A9B8;
    border-bottom: 2px solid #4e348a;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.article-list {
    list-style: none;
    padding: 0;
}

.article-list li {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #2d2842;
    border-left: 4px solid #4e348a;
}

.article-list li:hover {
    border-left-color: #F0A9B8;
}

.article-list a {
    display: block;
    text-decoration: none;
}

.article-title {
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    color: #F0A9B8;
    margin-bottom: 0.5rem;
}

.article-summary {
    display: block;
    color: #ccc;
    line-height: 1.6;
}

.article-list a:hover .article-title {
    text-decoration: underline;
}

/* Pagination (prev/next navigation) */
.pagination {
    padding: 1.5rem 0;
}

.pagination a {
    color: #F0A9B8;
    text-decoration: none;
    padding: 0.5rem 1rem;
    background: #2d2842;
}

.pagination a:hover {
    background: #4e348a;
}

.pagination .prev {
    float: left;
}

.pagination .next {
    float: right;
}

/* Page footer (back to top link) */
.page-footer {
    text-align: center;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #252035;
    clear: both;
}

.back-to-top {
    color: #F0A9B8;
    text-decoration: none;
    font-size: 0.9rem;
}

.back-to-top:hover {
    text-decoration: underline;
}

/* Table of Contents */
#toc {
    background: #2d2842;
    border-radius: 0.5rem;
    padding: 1rem;
    margin: 1.5rem 0;
}

#toc h2 {
    margin-top: 0;
    font-size: 1.2rem;
    color: #F0A9B8;
}

#toc ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

#toc ul ul {
    padding-left: 1.5rem;
}

#toc li {
    margin: 0.25rem 0;
}

#toc a {
    color: #eee;
    text-decoration: none;
}

#toc a:hover {
    color: #F0A9B8;
    text-decoration: underline;
}

/* Filenames for code blocks */
dl.code,
dl.file {
    margin: 0.5rem 2rem 1rem 2rem;
    max-width: 100%;
}

dl.code dt,
dl.file dt {
    background-color: #15121F;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #ccc;
    display: inline-block;
    padding: 0.3em 0.5em;
    margin-left: 0;
    font-family: "Cascadia Code", Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
    font-size: 0.9em;
}

dl.code dd,
dl.file dd {
    margin: 0;
}

dl.code dd .highlight,
dl.file dd .highlight {
    margin: 0;
    border-radius: 0 0.5rem 0.5rem 0.5rem;
}

/* editor
********************************************************************/
textarea, input[type="text"], input[type="password"] {
	background: #2d2842;
	color: #eee;
	border: none;
	border-radius: .25rem;
	padding: .25rem;
}

button, input[type="button"], input[type="submit"], select {
	background: #4e348a;
	border: none;
	border-radius: .25rem;
	box-shadow: 1px 1px 3px #15121e;
	color: #eee;
	padding: .25rem .5rem;
	margin: 0 2px;
	transition: background-color .15s, box-shadow .15s;
}
select {
	padding: .25rem .5rem !important;
}

button:hover, input[type="button"]:hover, input[type="submit"]:hover, select:hover {
	background: #6a4eaa;
}
button:focus, input[type="button"]:focus, input[type="submit"]:focus, select:focus {
	background: #422d71;
	box-shadow: 0 0 0 transparent;
}

select:focus, select:target {
	background: #2d2842;
	color: #eee;
}

.nb-tool-bar button, input[type="button"] {
	border-radius: 0;
	margin: 0;
}

.nb-tool-bar button:first-child, input[type="button"]:first-child {
	border-radius: .25rem 0 0 .25rem;
}

.nb-tool-bar button:last-child, input[type="button"]:last-child {
	border-radius: 0 .25rem .25rem 0;
}

.section_highlight {
	background: #2d2842;
}


#nb-detail {
	background: #1e1a2d;
	min-height: 100vh;
}