/* Globals Start */

:root {
    --main-bg-color: #1c0505;
    --secondary-bg-color: #1e0404;
    --footer-bg-color: #1c0c07;
    --footer-link-color: #da9a61;
    --primary-text-color: #684747;
    --secondary-text-color: #b8b8b8;
    --muted-text-color: #937c5c;
    --discord-color: #7289DA;
    --primary-link-color: #ecd4a8;
    --secondary-link-color: #ddc5fa;
    --notice-text-color:#c2a8cb;
    --link-hover-color: #d85350;
    --slider-text-color: #250d0d;
    --news-text-color: #8a7455;
    --slider-bg-color: rgb(31 20 2 / 62%);
    --shinsoo-color: #cc2429;
    --chunjo-color: #d8aa45;
    --jinno-color: #1eebda;
    --footer-bg-color: #0b0303;
    --primary-font: 'Myriad Pro Regular';
    --secondary-font: 'Open Sans Bold';
    --secondary-font-bold: 'Trajan Pro SemiBold';
}

img{
    display:unset !important;
}

body {
    background-color: #100603;
}

a {
    color: unset;
    text-decoration: none;
}

a:hover {
    color: var(--link-hover-color) !important;
}

input {
    border: none;
    border-radius: 0;
    margin: 5px auto;
    background-color: #b40000 !important;
    background-image: url("../img/input.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #ded0d5 !important;
    font-size: 10pt;
    font-family: "Open Sans Regular";
    height: 35px;
    width: 100%;
    padding-left: 35px;
    padding-right: 15px;
}

.form-control {
    border: none !important;
}

.form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(149, 0, 17, .5);
}

.form-label {
    margin: 0 !important;
}

.page-link {
    color: var(--secondary-text-color) !important;
    background-color: var(--slider-text-color) !important;
    border: none !important;
}

.page-link:hover {
    background-color: var(--secondary-bg-color) !important;
}

table {
    border-color: #261d12 !important;
}

.dropdown-menu {
    background-color: var(--main-bg-color);
    border-radius: 3px;
}

.dropdown-menu a {
    color: #fff !important;
    font-family: var(--secondary-font);
    font-weight: unset !important;
    font-size: 11pt;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--slider-text-color) !important;
}

.empire-1 {
    color: var(--shinsoo-color) !important;
}

.empire-2 {
    color: var(--chunjo-color) !important;
}

.empire-3 {
    color: var(--jinno-color) !important;
}

.btn-default {
    height: 66px;
    width: 70%;
    text-align: center;
    color: #fff;
    font-size: 10pt;
    padding: 0 20px;
    font-family: var(--secondary-font);
    border: none;
    border-radius: 0;
    background-image: url(../img/btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
    background-size: 100% 100%;
    opacity: 0.8;
}

.btn-default:hover {
    opacity: 1;
}

.btn-primary {
    color: #fff;
    background-color: #950011;
    border-color: #380006;
}
.btn-primary:hover {
    color: #d85350;
    background-color: #950011;
    border-color: #380006;
}
.btn-primary:active {
    color: #d85350;
    background-color: #950011;
    border-color: #380006;
}
.btn-primary:focus {
    color: #d85350;
    background-color: #950011;
    border-color: #380006;
    box-shadow: 0 0 0 .25rem rgba(149, 0, 17, .5) !important;
}

video#animation {
    object-fit: cover;
    width: 100%;
    height: 99.4vh;
    position: absolute;
    top: 0;
    left: 0;
}

@media all and (max-width: 991px) {
    video#animation,
    .background-fix {
        display: none !important;
    }
    main.main-content,
    header,
    .navbar_main {
        z-index: unset !important;
    }
}

.discord-widget:hover {
    right: 20px;
}
.discord-widget {
    width: 320px;
    transition-property: right;
    transition-duration: 2s;
    -webkit-transition-property: right;
    -webkit-transition-duration: 1s;
    position: fixed;
    bottom: 100px;
    right: -230px;
    z-index: 10;
}

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

/* Track */
::-webkit-scrollbar-track {
    background: #140404;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #e03939;
}

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

html {
    scroll-behavior: smooth;
}

.downloads-specs-table td,
.downloads-specs-table th {
    /* color: #ffdcbd; */
    font-size: 14px;
}

.downloads-specs-table th {
    background-color: #250707;
}

.downloads-specs-table.table > :not(caption) > * > * {
    border-bottom: 1px solid #4a2020;
}

.downloads-specs-table.table > :not(:last-child) > :last-child > * {
    border-bottom: none !important;
}

.recaptcha {
    transform: scale(0.8);
}

/* ALERTS */

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}


/* LABELS */

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.label-default {
  background-color: #777;
}

.label-default[href]okokok,
.label-default[href]okokok {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]okokok,
.label-primary[href]okokok {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]okokok,
.label-success[href]okokok {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]okokok,
.label-info[href]okokok {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]okokok,
.label-warning[href]okokok {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]okokok,
.label-danger[href]okokok {
  background-color: #c9302c;
}