* {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.header .navbar .navbar-nav .nav-item .nav-link {
  color: #ffc107;
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  text-shadow: none;
  text-transform: uppercase;
}

.header::before {
  background: none;
  opacity: 1;
}

.navbar-logo {
  min-width: 10rem; /* Set the minimum width for the logo */
  max-width: 15rem; /* Set the maximum width for the logo */
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 768px) {
  .navbar-logo {
    max-width: 15rem; /* Adjust this value as needed */
  }
}

@media (min-width: 368px) {
  .navbar-logo {
    min-width: 10rem; /* Adjust this value as needed */
  }
}

.navbar-logo:hover {
  filter: saturate(0) brightness(1.2);
  transition: all 0.3s ease-in-out;
}

.pagebody * {
  color: #eaeaea;
}

::selection {
  background-color: #ffc107;
  color: #080b0f;
}

a {
  color: #ffc107 !important;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-decoration: none !important;
  text-shadow: none;
}

a:hover {
  color: #eaeaea !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffc107;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

p {
  color: #eaeaea;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-shadow: none;
}

.btn-close {
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  background-color: #ffc107;
  border-bottom: #dd8500 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-style: normal;
  font-weight: 600 !important;
  opacity: 1;
}

.dropdown .dropdown-menu {
  background-color: #0e1016;
  border: 1px solid #ffc107;
  border-radius: 0;
  padding: 0;
  position: relative;
}

.dropdown .dropdown-menu li .dropdown-item {
  background-color: #0e1016;
  color: #eaeaea;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.7rem 0.5rem;
  text-transform: uppercase;
  z-index: 9;
}

.dropdown .dropdown-menu li .dropdown-item::after {
  background-color: #0e1016;
  border-color: #181b25;
  border-style: solid;
  border-width: 1px;
  width: auto;
}

.dropdown .dropdown-menu li:hover .dropdown-item,
.dropdown .dropdown-menu li .dropdown-item:hover,
.dropdown .dropdown-menu li .dropdown-item:active,
.dropdown .dropdown-menu li .dropdown-item.nav-active {
  background-color: #eaeaea;
  color: #141a21 !important;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
}

.dropdown-toggle::after {
  display: none;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu {
  left: 50%;
  margin-top: 0;
  min-width: 250px;
}

.header .navbar .navbar-nav .nav-item .dropdown-menu::after {
  background-color: none;
  background-image: none;
}

.header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
  display: none;
}

.header .navbar .navbar-nav .nav-item .nav-link.nav-active::before {
  background-color: transparent;
  box-shadow: none;
}

.header .navbar .navbar-nav .nav-item .nav-link:active {
  color: #eaeaea !important;
}

.header .navbar .navbar-toggler {
  display: none;
}

.nav-link {
  color: #ffc107;
  text-transform: uppercase;
}

.navbar-nav {
  font-size: 1.2rem;
}

.offcanvas {
  background-color: #080b0f;
  border-color: #080b0f;
  border-right: #181b25;
  border-style: solid;
  border-width: 1px;
  transition: transform 0.3s ease-in-out;
  visibility: hidden;
}

.offcanvas-header {
  background-color: #0e1016;
  border-bottom: #181b25;
  border-color: #080b0f;
  border-style: solid;
  border-width: 1px;
  padding: 1rem;
}

@media (max-width: 991.98px) {
  .membership-bar-info {
    display: none !important;
  }
}

.nav-item:hover .fa {
  color: #eaeaea !important;
}

.nav-item:hover .text-danger {
  color: #eaeaea !important;
}

.nav-item:hover .text-info {
  color: #eaeaea !important;
}

.section-padding {
  overflow: hidden;
  padding-bottom: 8rem;
  padding-top: 8rem;
}

.text-light {
  color: #eaeaea !important;
}

.bg-dark {
  background-color: #14161f !important;
}

.bg-dark-2 {
  background-color: #0e1016 !important;
}

.border {
  border-color: #181b25 !important;
}

.hero {
  height: 50vh;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

/* Default Hero Settings */
/* .hero-video {
  background-color: #110a14;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
} */

/* Off-Center Hero Settings */
.hero-video {
  background-color: #110a14;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

.video-overlay {
  background-image: linear-gradient(to right, #0d0d0d 1px, transparent 1px),
    linear-gradient(to bottom, #0d0d0d 1px, transparent 1px);
  background-size: 2px 2px;
  opacity: 0.3;
  bottom: 0;
  content: "";
  display: block;
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

/* YouTube Hero Version */
.hero-video-youtube {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-30%);
  min-height: 120vh;
}

code {
  color: hsl(224, 100%, 85%) !important;
  font-size: 0.875em;
  word-wrap: break-word;
}

.banner {
  border-bottom: #181b25;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
  border-radius: 0;
  border-top: #181b25;
  border-top-style: solid;
  border-top-width: 0.1rem;
}

.banner,
.card-img-zoom {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #0d0d0d 1px, transparent 1px),
      linear-gradient(to bottom, #0d0d0d 1px, transparent 1px);
    background-size: 2px 2px;
    opacity: 0.3;
  }
}

.btn {
  background-color: #ffc107;
  border-bottom: #dd8500 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-style: normal;
  font-weight: 600 !important;
}

.btn:hover {
  background-color: #eaeaea;
  border-color: rgba(192, 192, 192, 0.8);
  border-bottom: rgba(192, 192, 192, 0.8) !important;
  transition: 0.3s ease-in-out;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #080b0f !important;
  font-style: normal;
  font-weight: 500;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #eaeaea;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: #ffc107;
  border-color: #ffc107;
  box-shadow: none;
  color: #eaeaea;
}

.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}

#discord-banner {
  animation: 60s scroll infinite linear;
  background-image: url(../../assets/images/graphics/logos/discord.svg);
  background-repeat: repeat;
  background-size: 3rem;
  position: relative;
}

@keyframes scroll {
  100% {
    background-position: 2400px 2400px;
  }
}

.btn-discord {
  background-color: #5865f2 !important;
  border-bottom: #5865f2 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-color: #303aa8 !important;
  border-radius: 0 !important;
  color: #eaeaea !important;
  transition: all 0.3s ease-in-out !important;
}

.btn-discord:hover {
  background-color: #eaeaea !important;
  border-color: rgba(192, 192, 192, 0.8) !important;
  border-bottom: rgba(192, 192, 192, 0.8) !important;
  transition: 0.3s ease-in-out;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #080b0f !important;
  font-style: normal;
  font-weight: 500;
  transition: all 0.3s ease-in-out !important;
}

@media (max-width: 770px) {
  .btn-discord {
    margin-top: 1rem;
  }
}

.text-discord {
  color: #5865f2 !important;
}

.border-discord {
  border-bottom: #5865f2;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
  border-radius: 0;
  border-top: #5865f2;
  border-top-style: solid;
  border-top-width: 0.1rem;
}

#discord-banner p {
  margin-bottom: 0;
  margin-top: 0;
}

#youtube-section {
  background-image: url(../../assets/images/graphics/logos/youtube.svg);
  background-size: 3rem;
  background-color: #14161f;
  border-top: #181b25;
  border-top-style: solid;
  border-top-width: 0.1rem;
  border-bottom: #181b25;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
  animation: 60s scroll infinite linear;
}

@keyframes scroll {
  100% {
    background-position: 2400px 2400px;
  }
}

.youtube-section {
  border-bottom: #181b25;
  border-bottom-style: solid;
  border-bottom-width: 0.1rem;
  border-radius: 0;
  border-top: #181b25;
  border-top-style: solid;
  border-top-width: 0.1rem;
}

.btn-youtube {
  background-color: red;
  border-color: red !important;
  border-bottom: #861f1f !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0;
  color: #eaeaea !important;
  transition: all 0.3s ease-in-out !important;
}

.btn-youtube:hover {
  background-color: #eaeaea !important;
  border-color: rgba(192, 192, 192, 0.8) !important;
  border-bottom: rgba(192, 192, 192, 0.8) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0;
  color: #080b0f;
  font-style: normal;
  font-weight: 500;
  transition: all 0.3s ease-in-out !important;
}

.text-youtube {
  color: red !important;
}

#card-features .card-flyer {
  background-color: #0e1016;
  border-color: #181b25;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  margin-top: 50px;
  transition: all 0.2s ease-in;
}

#card-features .card-flyer .image-box {
  overflow: hidden;
}

#card-features .card-flyer .image-box img {
  height: 100%;
  transition: all 0.4s ease-in-out;
  width: 100%;
}

#card-features .card-flyer:hover {
  margin-top: 50px;
  transition: all 0.2s ease-in;
}

#card-features .card-flyer:hover .image-box img {
  opacity: 0.7;
  transform: scale(1.15);
}

#cards .card {
  border-color: #181b25;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  min-height: 100%;
}

#cards .card .user-picture {
  position: absolute !important;
  right: 5%;
  top: -20%;
}

#cards .heading-border {
  position: absolute;
  top: 60%;
  width: 100%;
}

#cards .shadow-sm .rounded-circle {
  background: #0e1016;
  padding: 10px;
}

.card .card-img-zoom {
  overflow: hidden;
}

.card .card-img-zoom {
  opacity: 1;
}

.card .card-img-zoom img {
  height: 100%;
  transition: all 0.4s ease-in-out;
  width: 100%;
}

.card:hover .card-img-zoom img {
  opacity: 0.7;
  transform: scale(1.15);
  transition: all 0.4s ease-in-out;
}

#youtube-section::before {
  background-image: linear-gradient(
    -225deg,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.2)
  );
  content: "";
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}

.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.embed-responsive-item {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.embed-responsive::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.profile-link {
  background-color: rgba(14, 16, 22, 0.7);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.quote_ {
  opacity: 0.1 !important;
}

.text-deathknight {
  color: #ee2a2a !important;
}

.text-designer {
  color: #17ff77 !important;
}

.text-developer {
  color: #ff2e2e !important;
}

.text-druid {
  color: #f77e1c !important;
}

.text-gm {
  color: #508dff !important;
}

.text-hunter {
  color: #15b822 !important;
}

.text-mage {
  color: #11b4ff !important;
}

.text-paladin {
  color: #ff5cb6 !important;
}

.text-priest {
  color: #eaeaea !important;
}

.text-rogue {
  color: #fffc2e !important;
}

.text-seniorgm {
  color: #c35efd !important;
}

.text-shaman {
  color: #2e5fff !important;
}

.text-support {
  color: #2bffca !important;
}

.text-warlock {
  color: #9234ff !important;
}

.text-warrior {
  color: #ad663c !important;
}

.user-picture:hover .profile-link {
  opacity: 1;
}

.user-picture:hover .profile-link:after {
  background-color: rgba(14, 16, 22, 0.7);
  border-radius: 50%;
  transition: none;
}

.vertical-divider {
  color: #323649;
  width: 5%;
}

figure {
  margin: 0;
}

@media (max-width: 767.98px) {
  .bg-offset-hero::after {
    width: 100%;
  }
}

#cart_item_count {
  color: #080b0f !important;
}

#cart_price #dp_price_full span {
  color: #ffc107;
}

#cart_price #vp_price_full span {
  color: #d4d4d4;
}

#checkout_info {
  padding-bottom: 1rem;
}

#checkout_info .mb-3 {
  margin-top: 20px;
}

#checkout_info b {
  color: #ffc107;
  font-weight: 500 !important;
}

#checkout_info img {
  display: none;
}

#checkout_info p {
  padding-bottom: 5rem;
}

#fusion_tooltip {
  background-color: #13141a;
  border: 1px solid #323649;
  border-radius: 0;
  box-shadow: none;
  font-size: 1rem;
  padding: 1rem;
  z-index: 999999999;
}

#item_quality {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}

#item_space .card-body {
  background-color: #080b0f !important;
}

#online_realm_1 > div > table > thead > tr > th {
  background-color: #14161f;
  border-color: #181b25;
  border-style: solid;
  border-width: 1px;
}

#page-page .table th {
  background-color: #ffc107;
  border-color: #323649;
  border-style: solid;
  border-width: 0.1rem;
  color: #0a0b0f;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 20px !important;
  padding: 0.2rem;
}

#page-page > div > div > div > div > div > div.col-lg-4.py-5.pe-lg-5 {
  background-color: #14161f;
  display: flex;
  padding: 3rem;
}

#page-page > div > div > div > div > div > div.col-lg-8.py-lg-5.pb-5.pb-lg-0 {
  display: flex;
}

#page-page > div > div > div > div > div.col-lg-3.mb-3 {
  display: flex;
}

#paypal .card-header {
  background-color: #ffc107;
}

#paypal .card-header h4 {
  color: #080b0f !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

#paypal .pricing-card-title {
  color: #eaeaea;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

#paypal p {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

#sort_by {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}

#store .col-sm-2 {
  width: 25% !important;
}

#timeline-cards .card {
  background-color: #080b0f;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
  margin-top: 50px;
  transition: all 0.2s ease-in;
}

#timeline-cards .card .card-img-zoom {
  overflow: hidden;
}

#timeline-cards .card .card-img-zoom img {
  height: 100%;
  transition: all;
  width: 100%;
}

#timeline-cards .card:hover {
  box-shadow: 0 15px 26px rgba(0, 0, 0, 0.5);
  margin-top: 50px;
  transition: all 0.2s ease-in;
}

#timeline-cards .card:hover .card-img-zoom img {
  opacity: 0.7;
  transform: scale(1.15);
}

#tooltip,
.tooltip {
  background-color: #080b0f;
  border: 1px solid #141a21;
  border-radius: 0;
  border-top: none;
  box-shadow: none;
  color: #eaeaea;
  font-size: 1rem;
  line-height: 1.5;
  padding: 7px;
}

#update_status span {
  color: #0a0b0f !important;
}

#update_status card-header {
  color: #eaeaea !important;
}

.accordion-button:not(.collapsed) {
  color: #13141a;
  background-color: #ffc107;
  box-shadow: none;
}

.accordion .accordion-item .accordion-body {
  border: 1px solid #181b25;
  color: #eaeaea;
  padding: 1rem 1.25rem;
  text-shadow: none;
}

.accordion .accordion-item .accordion-header .accordion-button {
  box-shadow: none;
  color: #eaeaea;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-shadow: none;
}

.accordion .accordion-item .accordion-header .accordion-button,
.accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: #ffc107;
  font-weight: 500;
}

.accordion .accordion-item .accordion-header .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080b0f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-item .accordion-header .accordion-button:hover,
.accordion .accordion-item .accordion-header .accordion-button,
.accordion
  .accordion-item
  .accordion-header
  .accordion-button[aria-expanded="true"] {
  background-color: #ffc107;
  font-weight: 500;
}

.accordion .accordion-item .accordion-header .accordion-button:hover,
.accordion .accordion-item .accordion-header .accordion-button:active,
.accordion
  .accordion-item
  .accordion-header
  .accordion-button[aria-expanded="true"] {
  background-color: #ffc107;
  color: #080b0f !important;
  font-weight: 500;
}

.accordion-body .store_item {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid #181b25 !important;
}

.accordion-button {
  background-color: #ffc107;
  border-bottom: #dd8500 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-color: #ffc107;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.accordion-button:hover {
  background-color: #eaeaea !important;
  border-bottom: #eaeaea !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-color: #eaeaea;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}

.accordion-button:focus {
  border-color: none;
  box-shadow: none;
  outline: 0;
  z-index: 3;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2314161f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.affix-icon {
  margin-right: 0.5rem;
}

.aliance.bg-faction {
  background-color: transparent !important;
  border: none;
  padding: 1rem;
}

.avatar {
  border: 1px solid #ffc107;
}

.avatar > img {
  border-radius: 0 !important;
  display: block;
  height: 3rem;
  width: 3rem;
}

.avatar-img {
  transition: opacity 0.2s ease-in-out;
}

.avatar-link {
  display: inline-block;
  position: relative;
}

.avatar-link:hover .avatar-img {
  cursor: pointer;
  opacity: 0.3;
}

.avatar-link:hover .avatar-text {
  cursor: pointer;
  opacity: 1;
}

.avatar-text {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease-in-out;
}

.avatar_current {
  border: 0.2rem solid #ffc107 !important;
}

.badge {
  border-radius: 0 !important;
  font-size: 0.75em;
  padding: 0.35em 0.65em;
}

.bg-faction.alliance {
  background-image: url(../../../images/misc/bg_alliance_complete.png);
}

.border-dark {
  border-color: #181b25 !important;
}

.btn-primary {
  background-color: #ffc107;
  border-bottom: #dd8500 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-color: #ffc107;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-family: "Poppins", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  width: 55%;
}

.btn-primary:hover {
  background-color: #eaeaea;
  border-color: rgba(192, 192, 192, 0.8);
  border-bottom: rgba(192, 192, 192, 0.8) !important;
  transition: 0.3s ease-in-out;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #080b0f !important;
  font-style: normal;
  font-weight: 500;
}

.button-store {
  background-color: #14161f !important;
  border: #323649 !important;
  border-radius: 0 !important;
  border-style: solid !important;
  border-width: 0.1rem !important;
  color: #ffc107 !important;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-shadow: none;
  text-transform: uppercase;
}

.button-store:hover {
  background-color: #14161f !important;
  border: #323649 !important;
  border-radius: 0 !important;
  border-style: solid !important;
  border-width: 0.1rem !important;
  color: #eaeaea !important;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-shadow: none;
  text-transform: uppercase;
}

.store_item.card-body.col-md-6 {
  border-color: #323649 !important;
  border-style: solid !important;
  border-width: 1px !important;
  background-color: #141a21 !important;
}

.card:not(.card-disabled).card-hover:hover {
  filter: saturate(0) brightness(1.2);
}

.card {
  background-color: #13141a !important;
  border-color: #181b25;
  border-radius: 0 !important;
}

.card #dp_price_full img {
  display: none;
}

.card #vp_price_full img {
  display: none;
}

.card-body {
  background-color: #0e1016;
}

.card-disabled {
  filter: saturate(0%) opacity(30%);
  transition: filter 0.5s ease;
}

.card-footer {
  background-color: #0e1016;
  border-color: #181b25;
}

.card-header {
  background-color: #14161f;
  border-bottom: 1px solid #181b25;
  border-color: #181b25;
  color: #eaeaea;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
}

.card-header:first-child {
  background-color: #ffc107;
  border-radius: 0;
  color: #13141a;
}

.card-text .fst-italic {
  color: #929eaf;
  font-style: normal !important;
  text-transform: uppercase;
}

.carousel-fade .carousel-item {
  transition: opacity ease-in-out 500ms !important;
}

.char-avatar {
  background-color: #080b0f00 !important;
}

.char-avatar .char-level {
  background-color: #ffc107 !important;
  border-radius: 50%;
  bottom: -1.3rem !important;
  color: #080b0f !important;
  position: absolute;
  right: -1.8rem !important;
}

.char-avatar > i {
  border-radius: 0 !important;
  display: block;
  height: 100%;
  width: 100%;
}

.character-select .d-block {
  color: #eaeaea;
  font-weight: 500;
  text-transform: uppercase;
}

.character-select img {
  background-color: transparent;
  border: 0.1rem solid #323649;
  border-radius: 0 !important;
}

#page-page
  > div
  > div
  > div
  > div
  > div
  > div.row.col-md-12.col-lg-9
  > div:nth-child(1)
  > div
  > div.card-body
  > table
  > tbody
  > tr.item_group
  > td:nth-child(2)
  > div:nth-child(1) {
  color: #ffc107 !important;
}

#page-page
  > div
  > div
  > div
  > div
  > div
  > div.row.col-md-12.col-lg-9
  > div:nth-child(1)
  > div
  > div.card-body
  > table
  > tbody
  > tr.item_group
  > td:nth-child(1)
  > img {
  background-color: transparent;
  border: 0.1rem solid #ffc107;
  border-radius: 0 !important;
}

.character-select tr {
  margin-bottom: 20px;
}

.copper-points {
  color: #ffb45e;
  font-weight: 500;
  text-transform: uppercase;
}

.copper-points i {
  display: none;
}

.copper-points:before {
  color: #ffb45e;
  content: "\f51e";
  font-family: "FontAwesome";
  font-weight: 500;
  text-transform: uppercase;
}

.dp_price_value {
  color: #141a21 !important;
  font-family: "Poppins", sans-serif;
  text-shadow: none;
}

.error-feedback {
  background-color: #13141a;
  border-color: #323649;
  border-radius: 0;
  border-width: 0.1rem;
  color: #df2929 !important;
  text-transform: uppercase;
}

.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
  color: #080b0f;
}

.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  color: #080b0f;
}

.fa-circle-arrow-right:before {
  color: #eaeaea !important;
  content: "\e1d9" !important;
}

.fa-shopping-cart {
  color: #080b0f !important;
}

.fa-ul > * {
  font-weight: 400 !important;
}

.fixed-arrow {
  bottom: 20px;
  position: fixed;
  right: 20px;
  z-index: 999;
}

.footer {
  background-color: #13141a;
  height: auto;
  margin: 0;
  width: 100%;
}

.footer .footer-copyright {
  color: var(--color-text-muted);
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 1.219rem;
  text-align: center;
  text-shadow: none;
}

.footer-logo {
  height: auto;
  margin-top: 2rem;
  max-width: 500px;
  padding-bottom: 5%;
  width: 100%;
}

.form-check-input:checked {
  background-color: #181b25;
  border-color: #ffc107 !important;
}

.form-select {
  border: solid;
  border-color: #181b25;
  border-radius: 0 !important;
  border-width: 0.1rem !important;
  box-shadow: none !important;
  color: #929eaf !important;
  font-family: "Poppins", sans-serif !important;
  font-size: var(--form-select-font-size);
  font-weight: 500 !important;
}

.form-select:disabled {
  background-color: var(--form-select-disabled-bg);
  border-color: #181b25 !important;
  color: var(--form-select-disabled-color);
}

.form-select:focus {
  border-color: #181b25 !important;
  border-style: solid !important;
  border-width: 0.1rem !important;
  box-shadow: none !important;
  outline: none !important;
}

.gallery-image {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.gallery-image:hover {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.gold-points {
  color: #ffc107 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.gold-points i {
  display: none;
}

.gold-points:before {
  color: #ffc107;
  content: "\f51e";
  font-family: "FontAwesome";
  font-weight: 500;
  text-transform: uppercase;
}

.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  text-transform: normal;
}

select,
textarea,
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="file"],
input[type="text"],
input[type="time"],
input[type="week"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="datetime-local"] {
  font-family: "Poppins", sans-serif !important;
  font-size: 1rem;
  font-weight: 500 !important;
  text-shadow: none;
}

.page-item.disabled .page-link {
  color: #080b0f !important;
  background-color: #ffc107;
  border-radius: 0%;
}

.page-item .page-link {
  color: #080b0f !important;
  background-color: #ffc107;
  border-radius: 0%;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#search_results_items_next {
  color: #080b0f !important;
  background-color: #ffc107;
  border-radius: 0%;
}

.page-item.active .page-link {
  background-color: #eaeaea;
}

.pagination li a:hover {
  background-color: #eaeaea;
}

ul.pagination li.paginate_button {
  margin-right: 0.2rem;
}

select:focus,
select:active {
  box-shadow: none !important;
}

.page-link:focus {
  box-shadow: none;
}

.item {
  border-radius: 0 !important;
}

.item a {
  background-image: none !important;
  border-radius: 0 !important;
}

.item img {
  border: #181b25 1px solid;
  border-radius: 4px !important;
}

.item_price img {
  display: none;
}

.list-group {
  border-radius: 0;
}

.list-group-item,
.list-group-item.active {
  background-color: #13141a;
  border-color: #323649;
  border-radius: 0;
  box-shadow: none;
  color: #eaeaea;
  text-transform: uppercase;
}

.list-group-item + .list-group-item {
  border-top-width: 1px;
  border-color: #323649;
  border-radius: 0;
  box-shadow: none;
}

.list-group-item:hover,
.list-group-item:focus,
.list-group-item.active {
  background-color: #ffc107;
  border-color: #323649;
  border-radius: 0;
  color: #141a21 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase;
}

.location-select .d-block {
  color: #ffc107 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.modal-content {
  background-clip: padding-box;
  background-color: #080b0f;
  border: 1px solid #181b25;
  border-radius: 0;
  display: flex;
  outline: 0;
  position: relative;
  width: 100%;
}

.modal-header {
  border-bottom: 1px solid #181b25;
  border-top-left-radius: none;
  border-top-right-radius: none;
  display: flex;
  padding: 1rem;
}

.my_avatar {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-color: #323649 !important;
  border-style: solid !important;
  border-width: 0.1rem !important;
  box-shadow: none !important;
  display: block;
}

.my_avatar:hover {
  border-color: #eaeaea !important;
}

.nav-link:hover {
  color: #eaeaea !important;
}

.nav-link:hover i {
  color: #eaeaea !important;
}

.nav-pills .nav-link {
  color: #eaeaea !important;
  background: #0e1016;
  border: #080b0f;
  border-bottom: #3236495c;
  border-radius: 0;
  border-style: solid;
  border-width: 0.1rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #ffc107 !important;
  border-bottom: rgba(0, 0, 0, 0.5) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #080b0f !important;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}

.nav-pills .nav-link:hover {
  background-color: #0e1016;
  color: #eaeaea;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #ffc107;
  border-color: #ffc107;
  border-style: solid;
  border-width: 1px;
  color: #080b0f !important;
  transition: all 0.3s ease-in-out;
}

.nice_active,
.nice_active:hover,
.nice_active:active {
  background-color: #14161f;
  border-color: #ffc107;
  border-style: solid;
  border-width: 0.1rem;
  color: #eaeaea;
  padding: 0.3rem;
}

.nice_active::after {
  display: none;
}

.nice_active::before {
  display: none;
}

.nice_button img {
  display: none;
}

.nice_table {
  border-spacing: 0;
  margin-left: auto;
  margin-right: auto;
}

.nice_table a {
  font-size: 1rem;
}

.nice_table a:hover {
  color: #ffc107;
}

.nice_table img {
  border: #181b25 0.1rem solid;
}

.nice_table tbody tr td,
.nice_table thead + tbody tr:first-child td {
  background-color: #0e1016;
  border-color: #181b25;
  border-style: solid;
  border-width: 1px;
  color: #eaeaea !important;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  padding: 1.125rem 0.875rem;
  text-shadow: none;
  text-transform: uppercase;
  vertical-align: middle;
}

.nice_table thead + tbody::before {
  height: 0;
}

.nice_table thead tr th,
.nice_table tbody tr:first-child td {
  color: #eaeaea;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  padding: 1.125rem 0.875rem;
  text-shadow: none;
  text-transform: uppercase;
  vertical-align: middle;
}

.nice_table thead tr,
.nice_table tbody tr:first-child {
  background-color: hsla(214, 30%, 5%, 1) !important;
  border-bottom: #181b25;
  border-left: #181b25;
  border-right: #181b25;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
}

.nice_table tbody tr td,
.nice_table thead + tbody tr:first-child td {
  color: #eaeaea !important;
  font-size: 1rem !important;
  font-weight: 600;
  text-shadow: none;
}

.page-subbody {
  background-color: transparent;
  background-image: none;
  margin: 5rem 0 0;
  padding: 1rem;
}

.page_form label {
  color: #929eaf;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem !important;
  font-weight: 500;
}

.pagebody {
  background-image: none;
  background-image: none;
  box-shadow: none;
  color: #929eaf;
  padding: 1rem;
}

.realm_bar,
.poll_bar {
  border-radius: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.realm_bar_fill span {
  visibility: hidden;
}

.realm_bar_fill.alliance {
  background-color: #0070dd;
  border: #141a21;
  border-radius: 0;
  border-style: solid;
  border-width: 2px;
  padding: 0.4rem;
}

.realm_bar_fill.horde {
  background-color: #c41e3b;
  border: #141a21;
  border-radius: 0;
  border-style: solid;
  border-width: 2px;
  padding: 0.4rem;
}

.section-body {
  color: #929eaf;
  font-family: "Poppins", sans-serif;
  font-weight: 500 !important;
}

.section-content {
  display: flex;
  height: 10vh;
  margin: 0;
}

.section-header {
  color: #eaeaea;
  display: none;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.section-pageheader {
  border-color: #181b25 !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.section-topbar {
  background-color: transparent;
  display: block;
  font-size: 1.2rem;
  height: auto;
  padding: 0.5rem 0;
  width: 100%;
  z-index: 99;
}

.section-topbar .membership-bar .membership-bar-info {
  color: #eaeaea;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  margin: 0 0 0 1rem;
  text-align: left;
  text-shadow: none;
}

.section-topbar .membership-bar .membership-bar-info .info-coins {
  color: #eaeaea;
}

.section-topbar .membership-bar .membership-bar-info .info-coins span {
  color: #eaeaea;
}

.section-topbar
  .membership-bar
  .membership-bar-info
  .info-coins
  span
  i[text-gold] {
  color: #ffc107;
  font-style: normal;
}

.section-topbar
  .membership-bar
  .membership-bar-info
  .info-coins
  span
  i[text-silver] {
  color: #d4d4d4;
  font-style: normal;
}

.section-topbar .membership-bar .membership-bar-info .info-welcome span {
  color: #ffc107;
}

.section-topbar .membership-bar .membership-bar-profile .profile-avatar {
  border: 1px solid #ffc107;
  box-shadow: none;
  height: 3rem;
  transition: 200ms border-color ease-in-out;
  width: 3rem;
}

.section-topbar .membership-bar .membership-bar-profile .profile-avatar:hover,
.section-topbar .membership-bar .membership-bar-profile .profile-avatar:active {
  border-color: #eaeaea;
}

.sidebox {
  background-color: #0b0c13;
  background-image: none;
  border: 1px solid #141a21;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 var(--margin-primary);
}

.sidebox .card-body {
  padding: 0;
}

.sidebox .sidebox-body {
  color: #eaeaea;
  height: auto;
  padding: 0.5rem;
  text-transform: uppercase;
  width: 100%;
}

.silver-points {
  color: #d4d4d4;
  font-weight: 500;
  text-transform: uppercase;
}

.silver-points i {
  display: none;
}

.silver-points:before {
  color: #d4d4d4;
  content: "\f51e";
  font-family: "FontAwesome";
  font-weight: 500;
  text-transform: uppercase;
}

.sort {
  display: none;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}

.swal2-cancel {
  background-color: #cf2828 !important;
  border-bottom: #711 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}

.swal2-cancel:hover {
  background-color: #eaeaea !important;
  border-bottom: rgba(230, 230, 230, 0.5) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 500;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
}

.swal2-container.swal2-center > .swal2-popup {
  background-color: #0a0b0f;
  background-image: none;
  border: 2px solid #ffc107;
  border-radius: 0;
  box-shadow: none;
}

.swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid #ffc107 !important;
  border-radius: 50%;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #ffc107 !important;
  border-radius: 0 !important;
}

.swal2-icon.swal2-warning {
  border-color: #ffc107;
  color: #ffc107;
}

.swal2-styled.swal2-confirm {
  background-color: #ffc107 !important;
  border-bottom: #dd8500 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500 !important;
  text-shadow: none;
  text-transform: uppercase;
  transition: 0.3s ease-in-out !important;
}

.swal2-styled.swal2-confirm:hover {
  background-color: #eaeaea !important;
  border-color: rgba(192, 192, 192, 0.8);
  border-bottom: rgba(192, 192, 192, 0.8) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #080b0f !important;
  font-style: normal;
  font-weight: 500;
  transition: 0.3s ease-in-out !important;
}

.swal2-styled.swal2-deny {
  background-color: #d82d2d !important;
  border-bottom: #8b1010 !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500 !important;
  text-shadow: none;
  text-transform: uppercase;
  transition: 0.3s ease-in-out !important;
}

.swal2-styled.swal2-deny:hover {
  background-color: #eaeaea !important;
  border-color: rgba(192, 192, 192, 0.8);
  border-bottom: rgba(192, 192, 192, 0.8) !important;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #080b0f !important;
  font-style: normal;
  font-weight: 500;
  transition: 0.3s ease-in-out !important;
}

.swal2-title {
  color: #ffc107 !important;
  font-size: 1.875em;
  font-weight: 500;
  margin: 0;
  max-width: 100%;
  padding: 0.8em 1em 0;
  position: relative;
  text-align: center;
  text-transform: uppercase !important;
  word-wrap: break-word;
}

.swal2-html-container {
  color: #eaeaea !important;
  font-size: 1.125em;
  font-weight: 400;
  line-height: normal;
  margin: 1em 1.6em 0.3em;
  overflow: auto;
  padding: 0;
  text-align: center;
  text-transform: uppercase !important;
  word-break: break-word;
  word-wrap: break-word;
  z-index: 1;
}

.table {
  border-color: #323649;
  margin-bottom: 1rem;
  text-transform: uppercase;
  vertical-align: top;
  width: 100%;
  --bs-table-accent-bg: transparent;
  --bs-table-active-bg: #14161f;
  --bs-table-active-color: #212529;
  --bs-table-bg: transparent;
  --bs-table-hover-bg: #13141a;
  --bs-table-hover-color: #ffc107;
  --bs-table-striped-bg: #181b25;
  --bs-table-striped-color: #eaeaea;
}

.table tr:not(.table-striped) {
  color: #929eaf;
}

.table th {
  background-color: #ffc107;
  border-color: #323649;
  border-style: solid;
  border-width: 0.1rem;
  color: #0a0b0f;
  cursor: pointer;
  font-weight: 600;
}

.user-avatar {
  display: inline-block;
  height: 150px;
  position: relative;
  width: 150px;
}

.user-avatar .avatar-change-text {
  background-color: rgba(19, 21, 30, 0.8);
  border-radius: 0 !important;
  color: #ffc107 !important;
  display: none;
  height: calc(100% + 2px);
  left: -1px;
  position: absolute;
  text-transform: uppercase !important;
  top: -1px;
  width: calc(100% + 2px);
}

.user-avatar img {
  border-color: #ffc107;
  border-style: solid;
  border-width: 0.1rem;
  height: 150px;
  width: 100%;
}

.user-avatar:hover .avatar-change-text {
  display: flex;
}

.vp_price_value {
  color: #141a21 !important;
  font-family: "Poppins", sans-serif;
  text-shadow: none;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #323649;
  box-shadow: none;
}

[id^="vote_field_"] .h4 {
  color: #ffc107;
  font-size: 1.2rem;
  text-transform: uppercase;
}

button,
.nice_button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  background-color: #ffc107;
  border-bottom: #dd8500;
  border-bottom-style: solid;
  border-bottom-width: 0.2rem;
  border-radius: 0 !important;
  color: #0d0d0d !important;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600 !important;
  text-shadow: none;
  text-transform: uppercase;
}

button:hover,
.nice_button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:active,
.nice_button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
  background-color: #eaeaea;
  border-color: rgba(192, 192, 192, 0.8);
  border-bottom: rgba(192, 192, 192, 0.8) !important;
  transition: 0.3s ease-in-out;
  border-bottom-style: solid !important;
  border-bottom-width: 0.2rem !important;
  border-radius: 0 !important;
  color: #080b0f !important;
  font-style: normal;
  font-weight: 500;
}

hr {
  border-top: 1px solid hsl(224, 100%, 85%);
}

hr:not([size]) {
  color: #c7d4ff;
  height: 1px;
}

img.item_icon {
  border-color: #0a0b0f;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
}

label {
  color: #929eaf !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 0.8rem !important;
  text-shadow: none !important;
  text-transform: uppercase;
}

select {
  background-position: 90% 50%;
  background-repeat: no-repeat;
  background-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
}

select option,
select optgroup {
  background-color: #080b0f;
  color: #929eaf;
  text-transform: uppercase;
}

select,
textarea,
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="file"],
input[type="text"],
input[type="time"],
input[type="week"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="datetime-local"] {
  color: #ffc107;
  font-family: "Poppins", sans-serif;
  text-transform: normal;
}

textarea:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
input[type="text"]:focus,
input[type="text"]:active,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="datetime-local"]:focus {
  background-color: none;
  border: none;
  box-shadow: none;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #181b25;
}

ul.list-unstyled li:not(:last-child) {
  border-bottom: 0.1rem solid #181b25;
  padding: 1rem;
}

ul.list-unstyled li:not(:last-child).no-custom-style {
  border-bottom: none;
  padding: 0;
}

/* Armory Form */
.input-group {
  gap: 1rem;
  display: flex;
  flex-direction: row;
}

/* Changelog */
#changelog .list-group-item:hover {
  background-color: #14161f;
  color: #ffc107 !important;
}

/* Custom CSS for open dropdowns */
.navbar-collapse .nav-item.dropdown.show .dropdown-menu {
  display: block;
}
