body {
  color: white;
  font-size: 14px;
  font-family: 'Rubik', sans-serif;
  margin: 0;
  background: #1c0303
}

#container{
  width: 100%;
}

#homepageText {
  font-size: 22px;
  text-align: center;
}

#headerContainer {
  padding: 10px;
  margin: 10px;
  text-align: center;
  font-size: 18px;
}

#headerContainer ul {
  padding-right: 22px;
  list-style: none;
}

.product {
  display: none;
}

a:link { color: #ffffff; border-bottom: 5px; }
a:visited { color: #ffffff; }
a:hover { color: gold; }

h1 {font-size:24px;font-weight: bold;}
h2 { font-size:20px; font-weight: bold; }
h3 { font-size:16px; font-weight: normal; }
h4 { font-size:14px; font-weight: normal; }

hr {
  height: 1px;
  background: #c1cce4;
  border: 0px;
  margin: 15px 0;
}

code, tt {
  font-family: arial;
}
span.parameter {
  font-size: 17px;
  font-family: arial;
  color: #f5b52e;
}
span.parameter:after {
  content:":";
}
span.types:before {
  content:"(";
}
span.types:after {
  content:")";
}
.type {
  font-weight: bold; font-style:italic
}

p.name {
  font-family: "Andale Mono", arial;
}


#navigation {font-family: 'Open Sans', sans-serif;float: left;background: #210000;border-right: 1px solid #d3dbec;border-bottom: 1px solid #d3dbec;vertical-align: top;overflow: visible;width: 21vw;height: 100vh;align-content: left;top: 0;bottom:0;position:fixed;overflow-y:scroll;overflow-x:hidden;margin-bottom: 50px;text-underline-offset: 3px;}

#navigation br {
  display: none;
}

#navigation h1 {
  background: #2e2e2d;    color: white;
  border-bottom: 1px solid #d3dbec;
  padding: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
box-shadow: inset 0 0 12px rgb(29 0 0);

}

#navigation h2 {
  margin-top: 2px;
  font-size: 18px;
  background: #331818;
  border-bottom: 1px solid #d3dbec;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0px;
  color: white;
}

#navigation a {
color: #f1f0f0;
}

#navigation a:hover {
color: #f6d060;
}

#content {
  padding-left: 10px;
  color: #e0e0e0;
  margin-left: 21vw;
  /* width-max: 700px; */
  width: 78vw;
  overflow-x:hidden;
}

#content h1 {
  background-color: #5c1717;
  color: white;
  padding: 15px;
  margin: 0px;
text-shadow: 2px 2px #000000;
box-shadow: inset 0 0 12px rgb(6 6 6);


}

#content h2 {
box-shadow: inset 0 0 12px rgb(6 6 6);
background-color: #2e2e2d;
color: white;
padding: 15px;
padding-top: 20px;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 0px;
text-shadow: 2px 2px #000000;
}

#content h2 a {
  color: white;
  text-decoration: none;
}

#content h2 a:hover {
  text-decoration: underline;
}

#content pre {
  margin: 15px;
  margin-top: 35px;
}

pre {
  background-color: rgb(17 17 17);
  color: white;
  border-radius: 3px;
  /* border: 1px solid #C0C0C0; /* silver */
  padding: 15px;
  overflow: auto;
  font-family: "Andale Mono", arial;
}

#content ul pre.example {
  margin-left: 0px;
}

table.index {
/* border: 1px #00007f; */
}
table.index td { text-align: left; vertical-align: top; }

#navigation summary > a{
  text-decoration: none !important;
}


#navigation ul
{
  font-size:0.8em;
  list-style-type: none;
  margin: 1px 1px 1px 1px;
  padding-left: 0px;
  padding-bottom: 20px;
}

#navigation li
{
  font-size: 15px;
  margin: 1px 1px 1px 1px;
  padding-left: 25px;
}

#navigation li::before {
  content: '•';
  padding-right: 3px;

}

#navigation summary {
  color: white;
  margin-right: 0px;
  font-size: 18px;
  text-indent: -1em;
  margin: 3px 0px 0px 25px;
}


#navigation li li a {
  margin: 0px 3px 0px -1em;
}


#content p {
  padding-left: 20px;
  padding-right: 20px;
}

#content table {
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
}

#about {
  padding: 15px;
  padding-left: 16em;
  background-color: 1c0303;
  color: white;
}


table.module_list, table.function_list {
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-collapse: collapse;
  margin-top: 0px;
}
table.module_list, table.function_list a {/* text-underline-offset: 2px; */text-decoration: solid 0.5px underline #cfcfcfba;font-weight: bold;color: #ffffff;}

table.module_list, table.function_list a:hover {color: #ffb844;}

table.module_list td, table.function_list td {
  border-width: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid 1px #1c0303;;
}
table.module_list td.name, table.function_list td.name {
font-size: 16px;
background-color: #2e0a00;
min-width: 500px;
border-right-width: 0px;
}
table.module_list td.summary, table.function_list td.summary {
  background-color: #430f00; width: 100%; border-left-width: 0px;
  color: white;
font-size: 16px;
}

span.types > a {
  color: #d7d7d7;
}
span.types > a:hover {
  color: gold;
}

.type {
  color: #d7d7d7;
}

dl.function {
  margin-top: 0px;
  padding-top: 0px;
  margin-right: 10px;
  margin-left: 5px;
  border-top: solid 3px rgb(64 64 64);
  border-bottom: solid 3px rgb(64 64 64);
  border-left: solid 3px rgb(64 64 64);
  border-right: solid 3px rgb(64 64 64);
  background-color: #210501;
  box-shadow: inset 0 0 6px rgb(42 42 42);
}

dl.function dt {
color: #fdaa26;
font-family: arial;
background-color: #2b2b27;
box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
font-weight: bold;
padding: 15px;
font-size: 18px;
padding-top: 15px;
}

dl.function dd {
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 15px;
}

#content dl.function dd h3 {
  margin-top: 5px;
  padding-top: 5px;
  font-weight: bold;
  color: rgb(255 255 255);
}

#content dl.function dd ul, #content dl.function dd ol {
  padding: 0px;
  padding-left: 15px;
  list-style-type: none;
font-size: 16px;
}

ul.nowrap {
  overflow:auto;
  white-space:nowrap;
}

.section-description {
  padding-left: 15px;
  padding-right: 15px;
}

/* stop sublists from having initial vertical space */
ul ul { margin-top: 0px; }
ol ul { margin-top: 0px; }
ol ol { margin-top: 0px; }
ul ol { margin-top: 0px; }

/* make the target distinct; helps when we're navigating to a function */
a:target + * {
}


/* styles for prettification of source */
pre .comment { color: #558817; }
pre .constant { color: #a8660d; }
pre .escape { color: #844631; }
pre .keyword { color: #6475f0; font-weight: bold; }
pre .library { color: #0e7c6b; }
pre .marker { color: #512b1e; background: #fedc56; font-weight: bold; }
pre .string {color: #eec326;}
pre .number {color: #5cff00;}
pre .operator { color: #2239a8; font-weight: bold; }
pre .preprocessor, pre .prepro { color: #a33243; }
pre .global { color: #c040c0; }
pre .user-keyword { color: #800080; }
pre .prompt { color: #558817; }
pre .url { color: #272fc2; text-decoration: underline; }

/* width */
::-webkit-scrollbar {width: 15px;}

/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);background: #545454;}

/* Handle */
::-webkit-scrollbar-thumb {background: #282828;box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #ffb844;
}

.bannerImage {
width: 90vw;
height: 35vh;
/* padding-bottom: 5px; */
}

.bannerText {
margin-top: 0px !important;
margin-bottom: 0px;
text-align: center;
font-size: 25px;
}

.welcomeMessage {
padding-top: 10px;
margin: 0;
font-weight: bold;
font-size: 20px;
text-align: center;
}

.disclaimerMessage {
padding-right: 20px;
padding-left: 20px;
margin: 0;
text-decoration: italic;
font-size: 20px;
text-align: center;
}

.welcomeDiv {
box-shadow: inset 0 0 6px rgb(0 0 0);
background: #320b01;
padding-bottom: 1px;
list-style: none;
}

.discordImage {
  padding: 20px;
  padding-bottom: 0px;
  padding-top: 10px;
  width: 250px;
  padding-left: 42%;
}

.quickLinks {
text-align: left !important;
font-size: 20px;
text-underline-offset: 3px;
}

.quicklinks a {
padding-bottom: 5px;
}

.functionDescription {
font-size: 19px;
margin: 0px;
padding: 5px;
}

.function h3 {
font-size: 16px;
border-bottom: 1px solid #626262;
}

#content > div > div > ul {
margin-top: 5px !important;
}

details summary {
  color: black;
}


#navigation summary:hover {
  color: #ebd116;
}

details {
    border: 1px solid gray;
    border-radius: 0.2rem;
    padding: 0.3rem;
}

details:hover {
}

details[open] > summary {
  margin-bottom: 0.5rem;
}

details summary {
  cursor: pointer;
}

details summary > * {
  display: inline;
}

details li {
list-style: square;
}

.lastUpdatedMessage {
  font-size: 16px;
  font-style: italic;
  text-align: center;
  margin-bottom: 4px;
}