.home-title {
	font-family: "Castellar", serif;
	font-size: 5vw;
	color: darkorange;
}
div.home-background-rect {
	background-color: rgba(16, 16, 16, 0.85);
}
img.glow {
	filter: drop-shadow(0px 0px 7px #FFB800);
}
div.dot {
	background-color: rgba(128,128,128,0.5);
}
div.active {
	background-color: rgba(128,128,128,1);
}

/*Navigation Bar Styling*/
#navigation {
	background: rgb(64,64,64);
	background: linear-gradient(180deg, rgba(64,64,64,1) 0%, rgba(12,12,12,1) 100%);
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #111111;
	box-shadow: 0px 0px 5px 5px rgba(30, 30, 30, 0.5);
}
#title {
	font-family: "Castellar", serif;
	font-weight: bold;
}
#searchForm input {
	font-size: 3vw;
	background-color: rgba(0,0,0,0);
	color: #DDD;
}
#searchForm input[type=text]{
	border-bottom: 2px solid #DDD;
}
.hamburger-icon div {
	background-color: #DDD;
}

#menu {
	font-family: Segoe UI, Helvetica, sans-serif;
}
#menu.expanded {
	width: 250px;
}
#menu a {
	color: #DDD;
}

div.search-result:hover {
	background-color: #E3D4C5;
}
span.spell-slot-icon {
	color: white;
	font-weight: 200;
}

/*Footer*/
#footer {
	background-color: #222;
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #222;
	font-size: 12px;
}
#footer p {
    color: #DDD;
}

#content-pane {
	background-color: rgba(255,255,255,0.9);
}
#upper-spacer {
	color: white;
}
#page-main {
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #111;
}

/*Page Body Content*/

#page-main h1 {
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #295470;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 3em;
}
#page-main h2 {
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #408CBF;
	margin-top: 7px;
	margin-bottom: 7px;
	font-weight: normal;
	font-size: 2em;
}
#page-main h3 {
    font-family: Segoe UI, Helvetica, sans-serif;
	color: #AC7139;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: normal;
	font-size: 1.5em;
}
#page-main h4 {
    font-family: Segoe UI, Helvetica, sans-serif;
    color: #295470;
    margin: 3px auto;
    text-align: center;
    font-size: 1.25em;
}
body.transparent #content-pane h4 {
	color: white;
}
#page-main p {
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #111;
}
#page-main hr {
    border-top: 1px solid #444;
}
#page-main a:link,
#page-main a:visited,
.col-right-md table a:link,
.col-right-md table a:visited,
.grid-container a:link,
.grid-container a:visited,
#footer a:link,
#footer a:visited {
    color: #DB7617;
    text-decoration: none;
}
#page-main p a:hover,
#page-main ul li a:hover {
    color: #FFE666;
    text-decoration: none;
}
.ampText-normal {
	color: #FF4000;
}
.ampText-hot {
	background-color: yellow;
}

/*Alternate styling*/
body.transparent div#content-pane, body.transparent div.spacer {
	background-color: rgba(0,0,0,0);
	color: #DDD;
	text-align: center;
}
body.transparent div#content-pane h1, body.transparent div#content-pane p {
	color: #DDD !important;
}

/*Page Elements*/
.grid-container .grid-light-4 {
	background-color: #D1DAE0;
	color: #111;
}
.grid-container .grid-light-3 {
	background-color: #D1DAE0;
	color: #111;
}
.grid-container .grid-light-2 {
	background-color: #D1DAE0;
	color: #111;
}
div.article-image {
	background-color: #D1DAE0;
}
.col-right-md {
    background-color: #D1DAE0;
}
.col-left-lg {
    background-color: #D1DAE0;
}
.col-right-md table, .col-left-lg table {
  	color: #111;
}
.info-banner {
    background-color: #C4D1FF;
    border: 1px solid #48537A;
    color: #48537A;
}
.spoiler-alert-minor {
    background-color: #FFD028;
    border: 1px solid #634D00;
    color: #634D00;
}
.spoiler-alert-major {
	background-color: #D67272;
	border: 1px solid #890000;
	color: #890000;
}
.spoiler-alert-major h3 {
	color: #890000 !important;
}
table.spell-list {
	color: #111;
}
table.spell-list h3, table.spell-list h4 {
	color: #111 !important;
}
table.spell-list tr.spell:nth-child(4n), table.spell-list tr.spell:nth-child(4n-1) {
	background-color: #D1DAE0;
}
table.spell-list tr.spell:nth-child(4n-2), table.spell-list tr.spell:nth-child(4n-3) {
	background-color: #B3C2CC;
}
table.spell-list tr:first-child {
	background-color: #295470;
	color: #DDD;
}
.spell-tier{
	font-family: Century, serif;
	color: 111;
}
b.spell-int {
	color: yellow;
}
b.spell-rit {
	color: magenta;
}
#redirected {
	font-family: Segoe UI, Helvetica, sans-serif;
	color: #111;
}
.class-table {
	color: #111;
}
.class-table tr:nth-child(even){
	background-color: #B3C2CC;
}
.class-table tr:nth-child(odd){
	background-color: #D1DAE0;
}
.class-table tr:first-child {
	background-color: #295470;
	color: #DDD;
}
.table-comp-container {
	box-shadow: 0 0 2px #888;
}
.table-comp-title a, .step-container a {
	background-color: #DB7617;
	color: white !important;
}
.table-comp {
	padding-bottom: 3px;
}

/* Tooltips */
.tooltip {
	border-bottom: 1px dotted #295470;
}
.tooltip .tooltiptext {
	background-color: #555;
	color: white;
}
.tooltip .tooltiptext::after {
  border-color: #555 transparent transparent transparent;
}

.tabButton {
	background-color: #B3C2CC;
	color: #295470 !important;
}
.tabButton.active {
	background-color: #295470;
	color: white !important;
}
.tier {
	color: #295470;
}
.tier-large {
	color: #295470;
}
div.srd-main-container h3 {
	color: #295470 !important;
}
div.map-container {
	width: 100%;
	min-height: 700px;
	margin: 0 auto;
	cursor: pointer;
}

#srd-navigator {
	background-color: #D1DAE0;
	font-family: Segoe UI, Helvetica, sans-serif;
}
#srd-navigator a:link, #srd-navigator a:visited {
	color: #295470;
}
#srd-navigator a:hover {
	color: #DB7617;
}
#srd-navigator h3 {
	color: #295470;
	font-family: Segoe UI, Helvetica, sans-serif;
	text-transform: uppercase;
}
#srd-navigator h4 {
	color: #295470;
	font-family: Segoe UI, Helvetica, sans-serif;
	text-transform: uppercase;
}

div.char-ability {
	background-color: #D1DAE0;
}
span.tier {
  	font-family: Century, serif;
  	font-weight: bold;
}
/* CASPER Case Files */
div.casper-case-file {
	display: block;
	width: 70%;
	border: 1px solid black;
	color: black;
	background-color: #e8d4b4;
	font-size: 12px;
	margin: 0 auto;
	padding: 10px;
}
#page-main div.casper-case-file h1 {
	font-family: "Courier New", monospace;
	color: black;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
#page-main div.casper-case-file h2 {
	font-family: "Courier New", monospace;
	color: black;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
#page-main div.casper-case-file p {
	font-family: "Courier New", monospace;
	color: black;
}
/* Wiki Nav */
ul.table-of-contents {
	text-align: left;
	list-style-type: none;
}
ul.table-of-contents li {
	margin-top: 4px;
	margin-bottom: 4px;
}
ul.table-of-contents li a:link, ul.table-of-contents li a:visited {
	color: #DB7617;
    text-decoration: none;
}
ul.table-of-contents li a:hover {
	color: #FFEE66;
    text-decoration: none;
}
li.toc-level-0 a {
	color: #295470;
	font-family: Segoe UI, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
li.toc-level-1 a {
	color: black;
	font-family: Segoe UI, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 5px;
}
li.toc-level-2 a {
	color: black;
	font-family: Segoe UI, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 10px;
}
li.toc-level-3 a {
	color: black;
	font-family: Segoe UI, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 15px;
}
li.toc-level-3 a {
	color: black;
	font-family: Segoe UI, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-left: 20px;
}
li.toc-level-4 a {
	color: black;
	font-family: Segoe UI, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-left: 25px;
}
h1.wiki-categories {
	font-size: 1.1em !important;
}
hr.wiki-footer {
	border-top: 1px solid #AAA !important;
}
/* Timeline of Events */
div.timeline-event {
	display: inline-block;
	width: 35%;
	margin: 8px;
	background-color: #B3C2CC;
}
div.timeline-event h2 {
	color: #295470 !important;
	font-weight: bold !important;
	font-size: 1em !important;
}
div.timeline {
	text-align: center;
}
div.timeline h4 {
	color: #408CBF;
	font-weight: normal;
}