body {
  margin: 0;
}

.rg-page-header-wrapper {
  text-align: center;
  margin-top: 1rem;
}
.rg-page-header-wrapper .rg-page-header-img {
  height: 100px;
}
.rg-page-header-wrapper .rg-page-header-title {
  font-weight: bold;
  margin-bottom: 0;
  font-size: calc(1.375rem + 1.5vw);
}

.rg-shadow-img-dark {
  filter: drop-shadow(0px 0px 0.2rem #0d1723);
}

.rg-scroll-hidden {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.rg-scroll-hidden::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

.rg-rule {
  background-image: url(../images/golden-border.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  height: 10px;
  margin: 0;
  opacity: 1;
}

.rg-tilt {
  transform: skewX(-20deg);
}

.rg-bg-primary {
  background: #2e5c6b;
}

.rg-thm-bg-gradient {
  background-image: linear-gradient(#2e5c6b, #0d1723);
}

.rg-text-gradient {
  background: -webkit-linear-gradient(270deg, #5ffffa 30%, #0039ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rg-btn-primary {
  background-image: linear-gradient(#2e5c6b, #0d1723);
  box-sizing: border-box;
  border: 2px solid cyan;
  border-top: none;
  border-radius: 10% 20% 40% 20%;
  padding: 0.25rem 0.9rem;
  color: #6a95ba;
  transition: all 0.2s ease-in-out;
}
.rg-btn-primary:hover, .rg-btn-primary.active {
  color: skyblue;
  border-top: 1px solid cyan;
}
.rg-btn-primary:focus-visible, .rg-btn-primary:active, .rg-btn-primary:focus {
  box-shadow: inset 0px 0px 8px 3px darkcyan;
}

.rg-btn-secondary {
  background-image: linear-gradient(turquoise, darkcyan);
  box-sizing: border-box;
  border: 2px solid darkturquoise;
  border-top: none;
  border-radius: 10% 20% 40% 20%;
  padding: 0.25rem 0.9rem;
  color: cyan;
  transition: all 0.2s ease-in-out;
}
.rg-btn-secondary:hover {
  color: #154b4b;
  border-top: 1px solid darkturquoise;
}
.rg-btn-secondary:focus-visible, .rg-btn-secondary:active, .rg-btn-secondary:focus {
  box-shadow: inset 0px 0px 8px 3px #2e5c6b;
}

.rg-btn-dark {
  background-image: linear-gradient(#473a33, #151015);
  box-sizing: border-box;
  border: 2px solid darkcyan;
  border-top: none;
  border-radius: 10% 20% 20% 40%;
  padding: 0.25rem 0.9rem;
  color: #a99c9f;
  transition: all 0.2s ease-in-out;
}
.rg-btn-dark:hover {
  color: whitesmoke;
  border-top: 1px solid darkcyan;
}
.rg-btn-dark:focus-visible, .rg-btn-dark:active, .rg-btn-dark:focus {
  box-shadow: inset 0px 0px 8px 3px darkcyan;
}

.rg-section-ongoing-battle {
  margin: 2rem 1rem;
  padding: 2rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid turquoise;
  border-radius: 0.375rem;
}

.rg-card-battle {
  background-image: linear-gradient(#2e5c6b, #0d1723);
  border: cyan 3px groove;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 0 10px darkturquoise;
}

.rg-card-clan {
  background: transparent;
  border: none;
  text-align: center;
  color: white;
  text-shadow: 0 0 8px cyan;
  white-space: nowrap;
}
.rg-card-clan .rg-clan-img {
  border-radius: 1rem;
  border: cyan 3px double;
  box-shadow: 0 0 10px darkturquoise;
}
.rg-card-clan .rg-following-clan {
  background: radial-gradient(circle at top right, darkcyan, #0d1723);
  color: turquoise;
}

.rg-text-shadow-primary {
  text-shadow: 0 0 8px cyan;
}

.rg-card-post-wrapper {
  background-image: linear-gradient(70deg, #2e5c6b, #0d1723);
}
.rg-card-post-wrapper .rg-card-post {
  background-color: transparent;
  backdrop-filter: blur(0.4rem);
  color: white;
}
.rg-card-post-wrapper .rg-card-post:not(.rg-text-glow-none) {
  text-shadow: 0 0 8px cyan;
}
.rg-card-post-wrapper .rg-card-post .rg-post-avatar {
  height: 50px;
  border-radius: 50%;
  border: cyan 2px groove;
  box-shadow: 0 0 10px darkturquoise;
}
.rg-card-post-wrapper .rg-card-post .card-body {
  padding: 0;
}

.rg-flip-card {
  --flip-card-width: 110px;
  --flip-card-height: 175px;
  background-color: transparent;
  width: var(--flip-card-width);
  height: var(--flip-card-height);
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  /* This container is needed to position the front and back side */
  /* Do an horizontal flip when you move the mouse over the flip box container */
  /* Position the front and back side */
  /* Style the front side (fallback if image is missing) */
  /* Style the back side */
}
.rg-flip-card .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.4s;
  transform-style: preserve-3d;
}
.rg-flip-card .flip-card-inner:not(:hover) {
  transition-delay: 4s;
}
.rg-flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.rg-flip-card .flip-card-front, .rg-flip-card .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
.rg-flip-card .flip-card-front {
  background-color: transparent;
  color: black;
}
.rg-flip-card .flip-card-back {
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
}

.rg-modal-warzone {
  backdrop-filter: blur(0.3rem);
}

.acreage-graph-tabs .nav-link {
  color: gray;
}
.acreage-graph-tabs .nav-link.active {
  color: turquoise;
  background-color: rgb(33, 37, 41);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
.acreage-graph-tabs .acreage-graph-wrapper {
  position: relative;
  height: 350px;
  width: 100%;
}

.rg-thm-gradient-table {
  border-collapse: separate;
  border-spacing: 0 1rem;
}
.rg-thm-gradient-table tr:not(.rg-rank-ladder-current-level) {
  background-image: linear-gradient(#2e5c6b, #0d1723);
  box-sizing: border-box;
  color: skyblue;
}
.rg-thm-gradient-table tr.rg-rank-ladder-current-level {
  background-image: linear-gradient(turquoise, #2e5c6b);
  box-sizing: border-box;
  color: cyan;
  filter: drop-shadow(0 0 0.1rem turquoise);
}
.rg-thm-gradient-table td {
  border: solid 1px turquoise;
  border-style: solid none;
}
.rg-thm-gradient-table tr td:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-left-style: solid;
}
.rg-thm-gradient-table tr td:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-right-style: solid;
}

#pageLoader {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#pageLoader .tagline {
  max-width: 0;
  transition: ease-in-out 1.5s all;
  overflow: hidden;
  white-space: nowrap;
  font-family: "Kalam", cursive;
}
#pageLoader .tagline.grow {
  max-width: 100%;
}

.section-login, .section-register {
  z-index: 1050;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.rg-town-crier-scroll-body-wrapper .rg-town-crier-scroll-body {
  background-image: url("../images/internal pages/town-crier/scroll-body.png");
  background-repeat: repeat-y;
  background-size: 100%;
  padding: 1rem 22%;
  font-family: sans-serif;
}
.rg-town-crier-scroll-body-wrapper .rg-town-crier-scroll-body textarea {
  resize: none;
  width: 100%;
  min-height: 30vh;
  padding: 5px;
  overflow: hidden;
  box-sizing: border-box;
}

.rg-create-post-wrapper .rg-card-post {
  background-color: transparent;
  backdrop-filter: blur(0.4rem);
  color: white;
}
.rg-create-post-wrapper .rg-card-post .rg-post-avatar {
  height: 50px;
  border-radius: 50%;
  border: cyan 2px groove;
  box-shadow: 0 0 10px darkturquoise;
}
.rg-create-post-wrapper .rg-card-post .card-body {
  padding: 0;
}

.rg-select-file-wrapper > input {
  display: none;
}

.rg-profile-cover-img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}

/*# sourceMappingURL=regnoz.css.map */