/* The following imports the Fonts from Adobe */
@import url("https://use.typekit.net/oxa1jxb.css");

[data-bs-theme='dark'] .navbar-brand:hover,
[data-bs-theme='dark'] .navbar-brand:focus,
[data-bs-theme='dark'] .navbar-brand:hover #logo,
[data-bs-theme='dark'] .navbar-brand:focus #logo,
[data-bs-theme='dark'] .navbar-brand:hover .navbar-title,
[data-bs-theme='dark'] .navbar-brand:focus .navbar-title {
	cursor: pointer !important;
}
[data-bs-theme='dark'] .affix ul li a:hover {
	color: #111 !important;
	background-color: #fff !important;
}
/* Sticky header and footer */
header {
	position: sticky;
	top: 0;
	z-index: 1000;
	min-height: 60px;
}

@media(min-width:768px){
	header {
		height: 60px !important;
	}
}

body > footer {
	position: sticky;
	bottom: 0;
	z-index: 1000;
}
[data-bs-theme='dark'] .content dt,
[data-bs-theme='dark'] .content dd,
[data-bs-theme='dark'] main dt,
[data-bs-theme='dark'] main dd {
	color: #fff !important;
}
/* Force full opacity for next/prev navigation text */
.next-article > div > span {
	opacity: 1 !important;
}
#nextArticle > .next, #nextArticle > .prev {
	opacity: 1 !important;
}
/* Next/Prev navigation: non-link text color and link hover effect */
#nextArticle > .next, #nextArticle > .prev {
	color: #111;
}

[data-bs-theme='dark'] #nextArticle > .next,
[data-bs-theme='dark'] #nextArticle > .prev {
	color: #fff;
}

#nextArticle > .next a, #nextArticle > .prev a {
	color: #015B82;
	text-decoration: underline;
	background: none;
	padding: 0;
	display: inline;
}

#nextArticle > .next a:hover, #nextArticle > .prev a:hover {
	color: #fff !important;
	background-color: #000 !important;
	text-decoration: underline;
	padding: 0;
	display: inline;
}

.next-article, .prev-article {
	color: inherit;
}

.next-article a, .prev-article a {
	color: #015B82;
	text-decoration: underline;
}

.next-article a:hover, .prev-article a:hover {
	color: #fff !important;
	background-color: #000 !important;
	text-decoration: underline;
}

.prev, .next {
	color: inherit;
}

.prev a, .next a {
	color: #015B82;
	text-decoration: underline;
}

.prev a:hover, .next a:hover {
	color: #fff !important;
	background-color: #000 !important;
	text-decoration: underline;
}

[data-bs-theme='dark'] body > main,
[data-bs-theme='dark'] html > body > main {
	background-color: #111 !important;
}
[data-bs-theme='dark'] html,
[data-bs-theme='dark'] body {
	background-color: #111 !important;
	overflow-x: hidden;
}
.nav-link {
	color: #015B82;
	text-decoration: underline;
	font-weight: bold;
}

.nav-link:hover, .nav-link:focus {
	color: #fff !important;
	background-color: #000 !important;
	text-decoration: underline;
}
a, a.xref {
	color: #015B82;
	text-decoration: underline;
	font-weight: bold;
}

a:hover, a.xref:hover, a:focus, a.xref:focus {
	color: #fff !important;
	background-color: #000 !important;
	text-decoration: underline;
}
/* Prevent grey background for navbar-brand/logo/title in dark mode on hover */
[data-bs-theme='dark'] .navbar-brand:hover,
[data-bs-theme='dark'] .navbar-brand:focus,
[data-bs-theme='dark'] .navbar-brand:hover #logo,
[data-bs-theme='dark'] .navbar-brand:focus #logo,
[data-bs-theme='dark'] .navbar-brand:hover .navbar-title,
[data-bs-theme='dark'] .navbar-brand:focus .navbar-title {
	background-color: #03223b !important;
	color: #fff !important;
	text-decoration: none !important;
	cursor: default;
}


html, body {
	font-family: 'Figtree', Arial, Helvetica, sans-serif !important;
	background-color: #ffffff;
	color: #353833;
	font-size: 14px;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

/* Dark mode base styles */
[data-bs-theme='dark'] html, [data-bs-theme='dark'] body {
	background-color: #111 !important;
	color: #eee !important;
}


[data-bs-theme='dark'] .content,
[data-bs-theme='dark'] main,
[data-bs-theme='dark'] article,
[data-bs-theme='dark'] .actionbar,
[data-bs-theme='dark'] .next-article,
[data-bs-theme='dark'] .affix,
[data-bs-theme='dark'] .card,
[data-bs-theme='dark'] .table,
[data-bs-theme='dark'] .table-responsive,
[data-bs-theme='dark'] .search-results,
[data-bs-theme='dark'] .alert {
	background-color: #111 !important;
	color: #eee !important;
}

[data-bs-theme='dark'] a,
[data-bs-theme='dark'] a.header,
[data-bs-theme='dark'] .header a,
[data-bs-theme='dark'] .affix ul li a {
	color: #fff !important;
	font-weight: bold !important;
}

[data-bs-theme='dark'] .content article a,
[data-bs-theme='dark'] .content .actionbar a,
[data-bs-theme='dark'] .content .next-article a {
	color: #90caf9 !important;
	font-weight: bold !important;
}

[data-bs-theme='dark'] .content article a:hover,
[data-bs-theme='dark'] .content .actionbar a:hover,
[data-bs-theme='dark'] .content .next-article a:hover {
	color: #000 !important;
	background-color: #fff !important;
}

[data-bs-theme='dark'] a:hover,
[data-bs-theme='dark'] .header a:hover,
[data-bs-theme='dark'] .header a:focus {
	color: #111 !important;
	background-color: #fff !important;
	font-weight: bold !important;
}


[data-bs-theme='dark'] code,
[data-bs-theme='dark'] pre,
[data-bs-theme='dark'] pre code {
	background-color: #222 !important;
	color: #ffeb3b !important;
}

[data-bs-theme='dark'] .next-article,
[data-bs-theme='dark'] .actionbar {
	background-color: #111 !important;
	color: #eee !important;
}

[data-bs-theme='dark'] .alert {
	background-color: #222 !important;
	color: #ff9800 !important;
}

[data-bs-theme='dark'] .external {
	color: #90caf9 !important;
}



[data-bs-theme='dark'] .affix {
	background-color: #111 !important;
	color: #eee !important;
}

[data-bs-theme='dark'] .search-results {
	background-color: #181818 !important;
	color: #eee !important;
}

[data-bs-theme='dark'] .table,
[data-bs-theme='dark'] .table-responsive {
	background-color: #181818 !important;
	color: #eee !important;
}

[data-bs-theme='dark'] .card {
	background-color: #222 !important;
	color: #eee !important;
}


#autocollapse > div > a, #navbar > ul > li > a, #navbar > form.icons > div > a{
    color:white;
}

a.header, .header a {
	color: #015B82;
	text-decoration: underline;
}

body > main > div.content > article > ul > li > a{
    color: #015B82;
	text-decoration: underline;
}

body > footer{
    background-color:#03223b;
    color:white;
    min-height: 60px;
}

body > footer .container-xxl {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

@media(min-width:768px){
	body > footer {
		height: 60px !important;
	}
}

body > footer > div > div{
    color:white;
}

/* Header links: white text on teal background on hover */
.header a:hover, .header a:focus {
	color: #fff !important;
	background-color: #009193 !important;
}

.anchorjs-link {
    display: none;
}

.navbar {
background-color:#03223b

}

.navbar .container-xxl {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: 100% !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.navbar a{

text-decoration: none;
font-weight: bold;
}

#nav-link a {
    color:white;
}

#navbar a:hover{
  color: #fff !important;
  background-color: #009193 !important;
}


/* Unify navbar header font and effects for both modes */
.navbar-brand, .navbar-brand #logo, .navbar-brand .navbar-title {
	font-family: 'Figtree', Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	color: #fff !important;
	background-color: #03223b !important;
	text-decoration: none !important;
	cursor: pointer;
}

/* Remove hover effect for logo/title in both modes */
.navbar-brand:hover, .navbar-brand:focus,
.navbar-brand:hover #logo, .navbar-brand:focus #logo,
.navbar-brand:hover .navbar-title, .navbar-brand:focus .navbar-title {
	background-color: #03223b !important;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
}

.navbar .navbar-brand {
    text-indent: 1em;
}

.affix ul li a {
  color: #015B82 !important;
}

.affix ul li a:hover {
  color:white !important;
  background-color:black;
}

#quick-links + ul a:hover {
color:white;
background-color:black;
}

#navbar > form.icons > div > ul{
    color:black;
}

#logo {
  margin-top: -9px; /* Moves the logo up slightly */
  height: 40px;      /* Makes the logo slightly smaller, adjust as needed */
  width: auto;
}

.affix >  a {
color: #015B82;
}
.bar {
	background-color: #03223b;
	color: #FFFFFF;
	padding: .8em .5em .4em .8em;
	height: 1.8em;
	font-size: 1.5em;
	margin: 0;
}

.tab {
	background-color: #0066FF;
	color: #ffffff;
	padding: 8px;
	width: 5em;
	font-weight: bold;
}

#search-results>.sr-items .sr-item>.item-href {
    color: #015B82;
}

[data-bs-theme='dark'] #search-results>.sr-items .sr-item>.item-href {
    color: #fff;
}