* {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

.header .navbar .navbar-nav .nav-item .nav-link {
	color: #72b20a;
	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-height: 100%;
	min-width: 13rem;
	max-width: 15rem;
	transition: all 0.3s ease-in-out;
}

.navbar-logo:hover {
	filter: saturate(0) brightness(1.2);
	transition: all 0.3s ease-in-out;
}

.pagebody * {
	color: #eaeaea;
}

::selection {
	background-color: #72b20a;
	color: #080b0f;
}

a {
	color: #72b20a !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: #72b20a;
	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: #72b20a;
	border-bottom: #84cd0a !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 #72b20a;
	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: #72b20a;
	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: 70vh;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.hero-video {
	background-color: #110a14;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	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;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.3;
	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: #72b20a;
	border-bottom: #84cd0a !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: #72b20a;
	border-color: #72b20a;
	color: #eaeaea;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
	background-color: #72b20a;
	border-color: #72b20a;
	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: #84cd0a !important;
	border-bottom: #84cd0a !important;
	border-bottom-style: solid !important;
	border-bottom-width: 0.2rem !important;
	border-color: #84cd0a !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: #84cd0a !important;
}

.border-discord {
	border-bottom: #84cd0a;
	border-bottom-style: solid;
	border-bottom-width: 0.1rem;
	border-radius: 0;
	border-top: #84cd0a;
	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: 84cd0a;
	border-color: 84cd0a !important;
	border-bottom: #84cd0a !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: 84cd0a !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: #72b20a;
}

#cart_price #vp_price_full span {
	color: #d4d4d4;
}

#checkout_info {
	padding-bottom: 1rem;
}

#checkout_info .mb-3 {
	margin-top: 20px;
}

#checkout_info b {
	color: #72b20a;
	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: #72b20a;
	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: #72b20a;
}

#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: #72b20a;
	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: #72b20a;
	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: #72b20a;
	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: #72b20a;
	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: #72b20a;
	border-bottom: #84cd0a !important;
	border-bottom-style: solid !important;
	border-bottom-width: 0.2rem !important;
	border-color: #72b20a;
	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 #72b20a;
}

.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 #72b20a !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: #72b20a;
	border-bottom: #84cd0a !important;
	border-bottom-style: solid !important;
	border-bottom-width: 0.2rem !important;
	border-color: #72b20a;
	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: #72b20a !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: #72b20a;
	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: #72b20a !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: #72b20a !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 #72b20a;
	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: #72b20a !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: #72b20a !important;
	font-weight: 500;
	text-transform: uppercase;
}

.gold-points i {
	display: none;
}

.gold-points:before {
	color: #72b20a;
	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: #72b20a;
	border-radius: 0%;
}

.page-item .page-link {
	color: #080b0f !important;
	background-color: #72b20a;
	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: #72b20a;
	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,
.list-group-item.active {
	background-color: #13141a;
	border-color: #323649;
	border-radius: 0;
	box-shadow: none;
	color: #eaeaea;
	text-transform: uppercase;
}

.list-group-item:hover,
.list-group-item:focus,
.list-group-item.active {
	background-color: #72b20a;
	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: #72b20a !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: #72b20a !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: #72b20a;
	border-color: #72b20a;
	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: #72b20a;
	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: #72b20a;
}

.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: #72b20a;
	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: #72b20a;
}

.section-topbar .membership-bar .membership-bar-profile .profile-avatar {
	border: 1px solid #72b20a;
	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 #72b20a;
	border-radius: 0;
	box-shadow: none;
}

.swal2-icon.swal2-success .swal2-success-ring {
	border: 0.25em solid #72b20a !important;
	border-radius: 50%;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
	background-color: #72b20a !important;
	border-radius: 0 !important;
}

.swal2-icon.swal2-warning {
	border-color: #72b20a;
	color: #72b20a;
}

.swal2-styled.swal2-confirm {
	background-color: #72b20a !important;
	border-bottom: #84cd0a !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: #72b20a !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: #72b20a;
	--bs-table-striped-bg: #181b25;
	--bs-table-striped-color: #eaeaea;
}

.table tr:not(.table-striped) {
	color: #929eaf;
}

.table th {
	background-color: #72b20a;
	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: #72b20a !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: #72b20a;
	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: #72b20a;
	font-size: 1.2rem;
	text-transform: uppercase;
}

button,
.nice_button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
	background-color: #72b20a;
	border-bottom: #84cd0a;
	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: #72b20a;
	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: #72b20a !important;
}