/* Header styles */
#tutorials-movecmds h5,
#tutorials-spellcmds h5,
#tutorials-menucmds h5 {
  font-family: "Aldrich";
  font-size: 16px;
  color: #b67a56;
  margin: 0px;
  padding: 0px;
}

/* Tutorial styles */
.tutorials-sysreq-tables table {
  width: 75%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #b7a980;
  background-color: #0f2c4e;
  table-layout: fixed;
}
.tutorials-sysreq-tables tr,
.tutorials-sysreq-tables td {
  width: 33%;
}
.tutorials-sysreq-os {
  font-family: "Aldrich";
  color: #ececec;
  font-weight: bold;
  text-align: center;
}
.tutorials-sysreq-header {
  color: #b67a56;
  font-weight: bold;
}
.tutorials-to-downloads {
  width: 225px;
  border: 1px solid #78978b;
  background-color: #0f2c4e;
  padding: 10px;
  margin: 0px auto;
}
#tutorials-config-user table {
  margin: auto;
  width: 75%;
  border-spacing: 0px;
  table-layout: fixed;
  border: 2px solid #78978b;
}
#tutorials-config-user th {
  padding: 5px;
  font-family: "Aldrich";
  font-size: 16px;
  color: #b67a56;
}
#tutorials-config-user td {
  padding: 5px;
}
#tutorials-config-user img {
  display: block;
  width: 400px;
  height: 500px;
  margin: 0px auto;
  border: 2px solid #b7a980;
  border-radius: 10px;
}
#image-holder {
  display: flex;
  flex-flow: row;
  justify-content: space-evenly;
}
#tutorials-custom-conback-preview {
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
}
.conback-preview {
  width: 302px;
  height: auto;
  margin: 10px auto;
  display: inline-block;
  border: 2px solid #b7a980;
  border-radius: 10px;
  background-color: #0f2c4e;
}
.conback-preview img {
  width: 300px;
  height: auto;
  border-bottom: 2px solid #b7a980;
  border-radius: 10px;
  margin: 0px auto;
  display: block;
}
.conback-preview figcaption {
  width: 300px;
  height: auto;
  padding: 5px 0px;
  margin: 0px auto;
  text-align: center;
}
#tutorials-setupserv-public img {
  margin: 0px auto;
  display: block;
  border: 2px solid #b7a980;
  border-radius: 10px;
}

/* Community styles */
#community-legacy table,
#community-clans table,
#tutorials-change-text-color table,
#tutorials-consolecmds table,
#tutorials-cheats table,
#tutorials-setupserv table {
  width: 100%;
  border-spacing: 0px;
  table-layout: fixed;
  border: 2px solid #78978b;
}
#community-legacy th,
#community-clans th,
#tutorials-change-text-color th,
#tutorials-consolecmds th,
#tutorials-cheats th,
#tutorials-setupserv th {
  padding: 5px;
  font-family: "Aldrich";
  font-size: 16px;
  color: #b67a56;
}
#community-legacy td,
#community-clans td,
#tutorials-change-text-color td,
#tutorials-consolecmds td,
#tutorials-cheats td,
#tutorials-setupserv td {
  padding: 5px;
}

/* Footer styles */
footer {
  margin: 0px;
  padding: 5px 0px;
  background-color: #091b2b;
  border-top: 1px solid #b7a980;
}
footer p {
  margin: 0px;
  padding: 0px;
  text-align: center;
}

/* Center Text */
.center-txt {
  text-align: center;
}

/* Image Container */
.content-img-container {
  margin: 0px auto;
  text-align: center;
}
.content-img-container img {
  margin: 0px 20px;
  border: 1px solid #b7a980;
}
/* Discord Invite */
.discord-invite {
  margin: 2px auto;
  text-align: center;
  background-color: #0f2c4e;
  border: 1px solid #78978b;
  border-radius: 10px;
  width: 100px;
  height: 100px;
}
.discord-icon {
  margin: 5px 0px 0px 0px;
  padding: 0px;
  width: 60px;
  height: 60px;
  border: 1px solid #b7a980;
  border-radius: 50px;
}
.discord-text {
  display: block;
  margin: 2px;
  padding: 0px;
  font-size: 14px;
}
/* Animation Container */
.animation-container {
  margin: 0px auto;
  text-align: center;
}
.animation-container img {
  margin: 15px 50px;
  border: 1px solid #b7a980;
  border-radius: 10px;
}

/* List Styles */
.list-abc {
  list-style-type: upper-alpha;
}

/* Center Single Image and Figure with Border */
.img-center {
  display: block;
  margin: 0px auto;
  border: 2px solid #b7a980;
  border-radius: 10px;
}
.fig-center {
  text-align: center;
}
.fig-center img {
  border: 2px solid #b7a980;
  border-radius: 10px;
}

/* Center Flexbox Figures */
.content-fig-container {
  display: flex;
  justify-content: center;
  margin: 0px;
  padding: 0px;
}
.content-fig {
  width: 100%;
  margin: 0px 10px;
  padding: 5px;
}
.content-fig img {
  display: block;
  margin: 0px auto;
  border: 2px solid #b7a980;
  border-radius: 10px;
}
.content-fig figcaption {
  margin: 5px 0px;
}




/* --------------------------------------[Reformat Progress]-------------------------------------- */
html {
  background-color: #0f2c4e;
  font-family: "ABeeZee";
  color: #b7a980;
}
:root {
  font-size: 16px;
}
body {
  margin: 0px;
  padding: 0px;
}

/* --------------------[ Main Navigation with Header Img ]-------------------- */
.header-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}
#main-nav {
  background-color: #091b2b;
  font-size: 20px;
  width: 100%;
  height: auto;
  border-top: 1px solid #b7a980;
  border-bottom: 1px solid #b7a980;
  margin: 0px;
  padding: 0px;
}
#main-nav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
#main-nav li {
  display: block;
  padding: 0px;
  transition-duration: 0.5s;
}
#main-nav a {
  display: block;
  text-decoration: none;
  color: #b7a980;
  background-color: #091b2b;
  padding: 5px 25px;
  margin: 0px 1px;
}
#main-nav a:hover {
  color: #ececec;
  background-color: #0f2c4e;
  border-left: 1px solid #b7a980;
  border-right: 1px solid #b7a980;
  border-radius: 10px;
  padding: 5px 25px;
  margin: 0px;
  cursor: url(/images/cursor-crosshair.cur), auto;
}
#main-nav ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 0px;
  margin-left: 10px;
  display: none;
  border-top: 0px;
  border-right: 1px solid #b7a980;
  border-bottom: 1px solid #b7a980;
  border-left: 1px solid #b7a980;
  border-radius: 0px 0px 10px 10px;
  font-size: 0.95rem;
  overflow: hidden;
}
#main-nav ul li:hover > ul,
#main-nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}
#main-nav ul li ul li {
  clear: both;
  width: 100%;
}
#main-nav ul li ul li a:hover {
  border-radius: 0px;
  border: 0px;
}

/* --------------------[ Side Navigation ]-------------------- */
/* .side-nav ul {
  list-style: none;
  padding-left: 0px !important;
  margin: 0px;
}
.side-nav li {
  display: block;
  padding: 0px;
  margin: 4px 0px;
}
.side-nav a {
  display: block;
  padding: 10px;
  text-align: center;
  background-color: #170e21;
  border-top: 1px solid #b7a980;
  border-bottom: 1px solid #b7a980;
  border-radius: 10px;
}
.side-nav a:hover {
  color: #ececec;
  background-color: #202225;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border-left: 20px solid #ececec;
  border-right: 20px solid #ececec;
  cursor: url(/images/cursor-crosshair.cur), auto;
} */

/* --------------------[ Header Formatting ]-------------------- */
.header-main1 {
  font-family: "Aldrich";
  font-size: 20px;
  color: #ececec;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.header-main2 {
  font-family: "Aldrich";
  font-size: 18px;
  color: #b67a56;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.header-main3 {
  font-family: "Aldrich";
  font-size: 16px;
  text-align: center;
  color: #b67a56;
  margin: 0px;
  padding: 0px;
}
.header-main4 {
  font-family: "Aldrich";
  font-style: italic;
  font-size: 16px;
  color: #b67a56;
  margin: 0px;
  padding: 0px;
}
.header-main-author {
 font-family: "Aldrich";
 font-size: 14px;
 font-style: italic;
 text-align: center;
 color: #b67a56;
 margin: 0px;
 padding: 0px;
}
.header-sm-white {
  font-family: "Aldrich";
  font-size: 15px;
  text-align: center;
  color: #ececec;
  margin: 0px;
  padding: 0px;
}
.header-nav1 {
  font-family: "Aldrich";
  font-size: 16px;
  text-align: center;
  color: #ececec;
  margin: 0px;
  padding: 0px;
}

/* --------------------[ Footer Formatting ]-------------------- */
.footer-links {
  width: 25%;
  margin: 0px auto;
  padding: 20px 5px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

/* --------------------[ Button Link Lists ]-------------------- */
.button-link-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
}
.button-link-list ul {
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.button-link-list li {
  float: left;
  text-align: center;
  padding: 1px 5px;
}
.button-link-list a {
  display: block;
  background-color: #0f2c4e;
  border: 1px solid #78978b;
  border-radius: 10px;
  padding: 3px;
}
.button-link-list a:hover {
  background-color: #202225;
  color: #b7a980;
}
.button-link-list span {
  font-size: 0.8rem;
  color: #ececec;
}
.button-link-list2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
}
.button-link-list2 ul {
  list-style: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.button-link-list2 li {
  float: left;
  text-align: center;
  padding: 1px 5px;
}
.button-link-list2 a {
  display: block;
  background-color: #091b2b;
  border: 1px solid #78978b;
  border-radius: 10px;
  padding: 3px;
}
.button-link-list2 a:hover {
  background-color: #202225;
  color: #b7a980;
}
.button-link-list2 span {
  font-size: 0.8rem;
  color: #ececec;
}


/* --------------------[ Tables ]-------------------- */
.table {
  text-align: center;
  width: 95%;
  height: auto;
  border-spacing: 0px;
  margin: 0px auto;
}
.table thead {
  font-weight: bold;
  color: #b67a56;
}
.table th {
  border-bottom: 1px solid #78978b;
}
.table td {
  border-bottom: 1px solid #78978b;
}
.table-row-one {
  background: #0f2c4e;
}

/* --------------------[ Other Site-Wide Formatting ]-------------------- */
.side-note {
  font-size: 14px;
  font-style: italic;
  color: #ececec;
  margin: 2px;
  padding: 0px;
}
.center-note {
  font-size: 14px;
  font-style: italic;
  color: #b67a56;
  margin: 2px;
  padding: 0px;
  text-align: center;
}
.dir-code {
  font-family: "Courier New", Courier, monospace;
  color: #ececec;
}
hr {
  border: 1px solid #b7a980;
  width: 95%;
}
.sub-divider {
  border: 1px dashed #78978b;
  width: 85%;
}
a {
  text-decoration: none;
  color: #78978b;
}
.center {
  text-align: center;
}
.justify {
  text-align: justify;
}
.italic {
  font-style: italic;
}
.justify-italic {
  text-align: justify;
  font-style: italic;
}
.center-img {
  display: block;
  margin: 0px auto;
  border: 1px solid #78978b;
  border-radius: 10px;
  /* height: 300px; */
}
ul {
  list-style-image: url('/images/list-icon.png');
}
ul ul {
  list-style-image: url();
  color: #ececec;
}
.list-title {
  font-family: "Aldrich";
  color: #ececec;
}
.container-flex {
  display: flex;
  flex: row nowrap;
  justify-content: center;
  align-items: center;
}
.float-arrow {
  float: right;
}
.youtube-video iframe {
  margin: auto;
  display: block;
}
/* Card wrapper to create equal heights with flexbox */
.card-wrap1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 8px;
  padding: 0px;
}
.card-wrap2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 5px;
  padding: 0px;
}

/* --------------------[ Main Section List Styles ]-------------------- */
.tutorial-instructions {
  margin: 0.5em 1.5em;
  padding: 0em;
}

/* --------------------[ Description List Styles ]-------------------- */
.description-title {
  font-family: "Aldrich";
  color: #b67a56;
  font-weight: bold;
}

/* --------------------[ Page Layout ]-------------------- */
/* [ Grid Containers ] */
#index-container {
  display: grid;
  grid-template-columns: 25% 20% 25% 30%;
}
#guide-container,
#tutorials-container,
#downloads-container,
#database-container,
#videos-container,
#multimedia-container,
#community-container {
  display: grid;
  grid-template-columns: 75% 25%;
}

/* [ Index Grid Layout ] */
#index-new-video {
  margin: 10px 5px 5px 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
#index-new-skin {
  margin: 10px 5px 5px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
#index-new-map {
  margin: 10px 5px 5px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
}
#index-news {
  margin: 5px 5px 10px 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 5;
}
#index-game {
  margin: 10px 10px 5px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
}
#index-calendar {
  margin: 5px 10px 5px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3;
}
#index-discord {
  margin: 5px 10px 10px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  text-align: center;
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 4;
  display: grid;
  gap: 5px;
  justify-content: space-evenly;
  align-items: center;
}

/* [ Guide Main Grid Layout ] */
#guide-main {
  margin: 10px 5px 10px 10px;
  padding: 5px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
#guide-nav {
  margin: 10px 10px 10px 5px;
  padding: 10px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

/* [ Guide > Story Grid Layout ] */
#guide-journal {
  margin: 10px 5px 5px 10px;
  padding: 5px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
#guide-excerpt {
  margin: 5px 5px 5px 10px;
  padding: 5px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
#guide-riders {
  margin: 5px 5px 5px 10px;
  padding: 5px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 5;
}
#guide-heretic3 {
  margin: 5px 5px 10px 10px;
  padding: 5px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 5;
  grid-row-end: 6;
}

/* [ Tutorials Grid Layout ] */
#tutorials-main {
  margin: 10px 5px 10px 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
#tutorials-nav {
  margin: 10px 10px 10px 5px;
  padding: 10px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

/* [ Downloads Grid Layout ] */
#downloads-main {
  margin: 10px 5px 10px 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
#downloads-nav {
  margin: 10px 10px 10px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

/* [ Databases Grid Layout ] */
#databases {
  margin: 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
}

#database-main {
  margin: 10px 5px 10px 10px;
  padding: 5px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
#database-search {
  margin: 10px 10px 10px 5px;
  padding: 10px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
.searchbox {
  width: 95%;
  margin: auto;
}
.dbsearch-maptype {
  width: 100%;
  height: 125px;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: space-evenly;
}
.dbsearch-shrines {
  width: 100%;
  height: 100px;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: space-evenly;
}
#database-maps {
  margin: 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
}
#database-skins {
  margin: 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
}

/* [ Videos Grid Layout ] */
#videos-main {
  margin: 10px 5px 10px 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
#videos-news {
  margin: 10px 10px 10px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

/* [ Community Grid Layout ] */
#community-main {
  margin: 10px 5px 10px 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
#community-nav {
  margin: 10px 10px 10px 5px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

/* [ Credits Layout ] */
#credits,
#credits-links {
  margin: 10px;
  padding: 5px;
  background-color: #091b2b;
  border: 1px solid #b7a980;
  border-radius: 10px;
}

/* --------------------[ Sidebar Navigation Formatting ]-------------------- */
#guide-nav ul,
#tutorials-nav ul,
#downloads-nav ul {
  padding-left: 20px;
  margin-top: 0px;
}

/* --------------------[ Index: New Content ]-------------------- */
.newest-video {
  display: block;
  margin: 2px auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  overflow: hidden;
}
.newest-skin {
  display: block;
  margin: 2px auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  width: 95%;
  height: auto;
}
.newest-map {
  display: block;
  margin: 2px auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  width: 95%;
  height: auto;
}

/* --------------------[ Index: News ]-------------------- */
.header-news-title {
  font-family: "Aldrich";
  font-size: 18px;
  text-align: center;
  color: #b67a56;
  margin: 0px;
  padding: 0px;
}
.header-news-date {
  font-family: "Aldrich";
  font-size: 16px;
  text-align: center;
  font-style: italic;
  color: #b67a56;
  margin: 0px;
  padding: 0px;
}
#index-news p {
  margin: 10px 0px;
  padding: 0px;
}
.index-video {
  display: block;
  margin: 0px auto;
  border: 1px solid #b7a980;
}
.news-map {
  display: block;
  margin: 0px auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  width: 400px;
  height: auto;
}
.news-img-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto;
  justify-content: center;
  align-items: center;
}
.news-img-container img {
  margin: 5px;
  width: 75px;
  height: 75px;
  border: 1px solid #b7a980;
  border-radius: 10px;
} 
.news-edit {
  display: flex;
  margin: 0px auto;
  width: 95%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.news-edit img {
  margin: 0px 20px;
}

/* --------------------[ Index: Game Details ]-------------------- */
#index-game-about {
  margin: 5px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
#index-game-about img {
  max-width: 30%;
  height: auto;
  border: 1px solid #b7a980;
}
#index-game-about p {
  margin: 0px;
  padding: 0px 0px 0px 5px;
  font-size: 0.92rem;
}

/* --------------------[ Index: Discord App ]-------------------- */
#index-discord-join {
  width: 95%;
  height: auto;
  background-color: #0f2c4e;
  border: 1px solid #78978b;
  border-radius: 10px;
  padding: 2px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
#index-discord-info {
  width: 98%;
  height: auto;
  background-color: #202225;
  border: 1px solid #78978b;
  border-radius: 10px;
  text-align: left;
  font-size: 0.9rem;
  padding: 0px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
#index-discord-event {
  width: 95%;
  height: auto;
  background-color: #0f2c4e;
  border: 1px solid #78978b;
  border-radius: 10px;
  padding: 2px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
#index-discord-app {
  padding: 0px;
  margin: 0px;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 5;
}
#index-discord ul {
  list-style-position: inside;
  padding: 2px;
  margin: 0px;
}
#index-discord ul li {
  padding: 4px;
}
#index-discord iframe {
  border: 1px solid #78978b;
  border-radius: 10px;
  padding: 0px;
  margin: 0px;
}

/* --------------------[ Guide: Containers ]-------------------- */
.guide-select-container {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.guide-card {
  width: 275px;
  height: 175px;
  background-color: #0f2c4e;
  background-size: 275px 175px;
  border: 1px solid #78978b;
  border-radius: 10px;
  margin: 10px;
  overflow: hidden;
}
.guide-card h3 {
  margin: 0px;
  padding: 2px;
  width: 275px;
  font-family: "Aldrich";
  font-size: 16px;
  background-color: #0f2c4e;
  text-align: center;
  border-bottom: 1px solid #78978b;
}
.guide-card a {
  display: block;
  width: 100%;
  height: 100%;
  color: #78978b;
}
.guide-card a:hover {
  color: #b7a980;
}

/* --------------------[ Guide: Story Formatting ]-------------------- */
.story-justline {
  text-align: justify;
  line-height: 25px;
  padding: 10px;
}
#story-journal-intro img,
#story-journal-addemdum img,
#story-journal-mana img {
  height: 200px;
  width: auto;
  border: 1px solid #78978b;
  border-radius: 10px;
  margin: 5px;
}
#story-journal-intro p,
.story-journal-lostyears-container p,
.story-journal-card-container p,
#story-journal-addemdum p,
#story-journal-book p {
  padding: 0px 10px;
  text-align: justify;
  line-height: 25px;
}
.story-journal-card-container {
  margin: 0px auto;
}
.story-journal-chronicles-card,
.story-journal-race-card,
.story-journal-creature-card {
  display: flex;
  flex-flow: column nowrap;
  justify-content:space-between;
  height: 100%;
  width: 48%;
  background-color: #202225;
  border: 1px solid #b7a980;
  border-radius: 10px;
  vertical-align: top;
  text-align: justify;
  padding: 5px;
  margin: 3px;
}
.story-journal-chronicles-card img,
.story-journal-race-card img {
  display: block;
  height: 300px;
  width: auto;
  background: url('/images/lore-bg.gif');
  border: 1px solid #78978b;
  border-radius: 10px;
  margin: 0px auto;
}
.story-journal-creature-h {
  display: block;
  margin: 0px auto;
  width: 250px;
  height: auto;
  background: url('/images/lore-bg.gif');
  border: 1px solid #78978b;
  border-radius: 10px;
}
.story-journal-creature-v {
  display: block;
  margin: 0px auto;
  width: 150px;
  height: auto;
  background: url('/images/lore-bg.gif');
  border: 1px solid #78978b;
  border-radius: 10px;
}
.story-journal-creature-card figure {
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.story-journal-creature-card figure img {
  display: inline-block;
  vertical-align: middle;
}
#story-journal-mana img {
  display: block;
  height: 150px;
  width: auto;
  background: url('/images/lore-bg.gif');
  border: 1px solid #78978b;
  border-radius: 10px;
  margin: 0px auto;
}
.story-journal-card-container-small {
  margin: 0px auto;
}
.story-journal-small-card {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  height: 100%;
  width: 35%;
  background-color: #202225;
  border: 1px solid #b7a980;
  border-radius: 10px;
  vertical-align: top;
  text-align: justify;
  padding: 5px;
  margin: 3px;
}
.story-journal-small-card img,
#story-journal-shrines img {
  display: block;
  background: url('/images/lore-bg.gif');
  border: 1px solid #78978b;
  border-radius: 10px;
  margin: 0px auto;
}
.story-journal-smhoriz-card {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  height: auto;
  width: 96%;
  background-color: #202225;
  border: 1px solid #b7a980;
  border-radius: 10px;
  vertical-align: top;
  text-align: justify;
  padding: 5px;
  margin: 8px 15px;
}
.story-journal-smhoriz-card img {
  display: block;
  background: url('/images/lore-bg.gif');
  border: 1px solid #78978b;
  border-radius: 10px;
  margin: 0px auto;
}
.story-journal-concept-container {
  display: flex;
  flex: row wrap;
  justify-content: center;
  align-items: center;
}
.story-journal-concept-container img {
  background: none;
  height: 100px;
  width: auto;
  border: 1px solid #78978b;
  border-radius: 10px;
  margin: 5px;
}
#story-journal-shrines ul {
  margin: 5px;
}
#story-journal-shrines li {
  text-align: justify;
  padding: 5px;
}

/* --------------------[ Downloads: General ]-------------------- */
.addon-mod-img {
  margin: 0px auto;
  display: block;
  border: 2px solid #b7a980;
  border-radius: 10px;
}

/* --------------------[ Downloads: Containers ]-------------------- */
.icons-card-container,
.wallpaper-card-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
.icon-pack {
  width: 455px;
  height: auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #0f2c4e;
  padding: 5px;
  margin: 10px;
  overflow: hidden;
}
.icon-pack img {
  display: inline-block;
  margin: auto;
  height: 48px;
  width: 48px;
}
.icon-pack-container {
  text-align: center;
}
.lrg-icon {
  margin: 10px;
  height: 128px !important;
  width: 128px !important;
}
.wallpaper-card {
  width: 455px;
  height: auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #0f2c4e;
  padding: 5px;
  margin: 10px;
  overflow: hidden;
  text-align: center;
}
.wallpaper-card img {
  display: block;
  margin: 5px auto;
  height: 225px;
  width: 400px;
}

/* --------------------[ Databases: Containers ]-------------------- */
.databases-card-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
.databases-link-card {
  width: 455px;
  height: auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #0f2c4e;
  padding: 5px;
  margin: 10px;
  overflow: hidden;
  text-align: center;
}
.databases-link-card a {
  display: block;
}
.databases-link-card img {
  border: 1px solid #78978b;
  border-radius: 10px;
}

/* --------------------[ Videos: Containers ]-------------------- */
#videos-card-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
.videos-player-card {
  width: 455px;
  height: auto;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #0f2c4e;
  padding: 5px;
  margin: 10px;
  overflow: hidden;
}
.videos-news-card {
  padding: 0px;
}
#videos-news p,
.videos-news-card p {
  margin: 0px;
  padding: 2px 10px;
}
.videos-news-card b {
  font-family: "Aldrich";
  color: #b67a56;
}

/* --------------------[ Community: Containers ]-------------------- */
#community-card-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.community-current-card {
  width: 200px;
  height: 250px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #0f2c4e;
  padding: 5px;
  margin: 10px;
  overflow: hidden;
}
.community-current-card p {
  margin: 0px;
}
.community-current-img {
  display: block;
  width: 125px;
  height: 125px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: black;
  text-align: center;
  margin: 5px auto 5px auto;
}

/* --------------------[ Community: Clan Tags Missing Names ]-------------------- */
.mia-clan-names ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.mia-clan-names li {
  display: inline-block;
  width: 40%;
  border: 1px solid #78978b;
  background: #0f2c4e;
  margin: 3px;
  padding: 5px;
  text-align: center;
}

/* --------------------[ 404: Page Not Found ]-------------------- */
#error-container {
  margin: 25px;
  padding: 20px;
  border: 1px solid #b7a980;
  border-radius: 10px;
  background-color: #091b2b;
}
.error-nav {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
}
.error-nav ul {
  list-style: none;
  margin: 0px auto;
  padding: 0px;
}
.error-nav li {
  text-align: center;
  padding: 2px;
}
.error-nav a {
  display: flex;
  flex-flow: row nowrap;
  justify-content:left;
  align-items: center;
  background-color: #0f2c4e;
  border: 1px solid #78978b;
  border-radius: 10px;
  padding: 0px;
  width: 100%;
  overflow: hidden;
}
.error-nav a:hover {
  background-color: #202225;
  color: #b7a980;
}
.error-nav img {
  border-right: 1px solid #78978b;
  background-color: #202225;
}
.error-nav span {
  padding: 0px 5px;
}