body.site {
  background-image: linear-gradient(rgba(0, 0, 0, 0.375),rgba(0, 0, 0, 0.375)) , url(https://echoesofsosaria.com/images/bg/britnew.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: black;
}

@font-face {
  font-display: swap;
  font-family: "MedievalSharp";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/medievalsharp-v24-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/medievalsharp-v24-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/medievalsharp-v24-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("../fonts/medievalsharp-v24-latin-regular.woff") format("woff"),
    /* Modern Browsers */ url("../fonts/medievalsharp-v24-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("../fonts/medievalsharp-v24-latin-regular.svg#MedievalSharp")
      format("svg"); /* Legacy iOS */
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "MedievalSharp", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700 !important;
  color: #f0dec6;
}

body {
  font-family: "MedievalSharp", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400 !important;
  color: #f0dec6;
}

.container-nav {
  justify-content: center !important;
}

.card-header {
  border-color: transparent !important;
}

.table {
    --table-color: #2889e9;
    --table-bg: #a69d86;
    --table-border-color: var(--border-color);
    --table-accent-bg: transparent;
    --table-striped-color: var(--body-color);
    --table-striped-bg: rgba(0,0,0,.05);
    --table-active-color: var(--body-color);
    --table-active-bg: rgba(0,0,0,.1);
    --table-hover-color: var(--body-color);
    --table-hover-bg: rgba(0,0,0,.075);
    border-color: var(--table-border-color);
    color: #000000;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}

.serverstat {
  background: url(https://ultimaorigins.com/images/tableimgs/Table1-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-color: #f0dec6;
}

.forums {
  background: url(https://ultimaorigins.com/images/tableimgs/Table2-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-color: #f0dec6;
  padding-bottom: 40px !important;
}

.homemain {
  background: url(https://ultimaorigins.com/images/tableimgs/Table5-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  padding-bottom: 100px !important;
  border-color: #f0dec6;
}

.discord {
  background: url(https://ultimaorigins.com/images/tableimgs/Table3-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-color: #f0dec6;
}

.patchnotes {
  background: url(https://ultimaorigins.com/images/tableimgs/Table6-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-color: #f0dec6;
}

.events {
  background: url(https://ultimaorigins.com/images/tableimgs/Table7-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-color: #f0dec6;
}

.uk-panel-title {
  position: relative;
  top: -25px;
}

.com-content-article,
.com-content-category-blog {
  background: url(https://ultimaorigins.com/images/tableimgs/Table4-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-radius: 0.5em;
  border-style: solid;
  border-width: 1px;
  border-color: #f0dec6;
  padding-bottom: 130px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.com-tags-tag__category.category.list-group {
  background: url(https://ultimaorigins.com/images/tableimgs/Table4-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-radius: 0.5em;
  border-style: solid;
  border-width: 1px;
  border-color: #f0dec6;
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  margin-bottom: 25px;
}

.articlefullimage {
  border-radius: 0.5em;
  float: left;
  padding-right: 10px;
  padding-top: 5px;
}

.articlefullimage > img {
  border-radius: 0.5em;
}

.articleintroimage {
  border-radius: 0.5em;
  float: left;
  padding-right: 10px;
  padding-top: 5px;
}

.articleintroimage > img {
  border-radius: 0.5em;
}

.com-content-category-blog.blog > .page-header {
  padding-left: 15px;
  padding-top: 15px;
}

.com-content-category-blog.blog {
  margin-bottom: 25px;
}

.list-group-item.list-group-item-action {
  background: transparent;
  border: transparent;
  margin-bottom: 20px;
}

.articleintroimage.item-image img {
  margin-left: 15px;
  border-radius: 0.5em;
}

li.list-group-item img {
  border-radius: 0.5em !important;
  margin-right: 10px;
  margin-bottom: 5px;
  float: left;
}

.com-content-article.item-page {
  margin-bottom: 25px;
  padding-bottom: 160px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 25px;
}

.tag-body {
  color: #f0dec6;
}

.tag-body:hover {
  color: #f0dec6;
}

.createdby,
.published {
  color: #f0dec6;
}

#jj-discord-connect {
  background-color: #f0dec6;
  color: #353b41;
}

.mod-menu.mod-list.nav {
  justify-content: center;
}

a:link:not(.btn) {
  color: #dcb37c;
  text-decoration: underline #2a46af;
}

a:visited:not(.btn) {
  color: #dcb37c;
  text-decoration: underline #2a46af;
}

a:hover:not(.btn) {
  color: #dcb37c;
  text-decoration: underline #2a46af 4px;
}

a:active:not(.btn) {
  color: #dcb37c;
  text-decoration: underline #2a46af 4px;
}

.site.error_site .grid-child.container-component {
  background: url(https://ultimaorigins.com/images/tableimgs/Table4-Lower-Left.png)
      no-repeat bottom left,
    linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
  border-radius: 0.5em;
  border-style: solid;
  border-width: 1px;
  border-color: #f0dec6;
  padding-bottom: 150px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.site.error_site .grid-child.container-component .card {
  background: transparent;
  border: none;
}

.site.error_site .navbar-brand {
  text-align: center;
  width: 100%;
}

.site.error_site .header {
  background: rgba(0, 0, 0, 0.9);
}

.site.error_site .nav-item {
  color: #f0dec6;
}

.discord img {
  border-radius: 0.5em;
}

.system-message-container {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 0.5em;
}

.mm-collapse, .mm-show {
  background: rgba(0, 0, 0, 0.9) !important;
}

.level-2 {
  background: rgba(0, 0, 0, 0) !important;
}

.grid-child.container-below-top {
  color: #dcb37c;
  justify-content: center;
}