/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Override */
.alert {
	background: linear-gradient(to bottom, #ff00b2 0%, #ff00b2 100%) !important;
}
.button.alt, .button.checkout, .checkout-button, .secondary {
    background: linear-gradient(to right, #a844fb 0%, #3ebbf3 100%);
}

/* Common */
.pb-0 {
	padding-bottom: 0 !important;
}
.nowrap {
	text-wrap: nowrap !important;
}
.btn-dim {
    animation: pulseGlow 1.5s infinite ease-in-out;
}

@keyframes pulseGlow {
    0% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0px rgba(0, 255, 255, 0.0);
    }
    100% {
        opacity: 0.6;
        transform: scale(1.05);
        box-shadow: 0 0 15px rgba(255, 215, 0, 0.9);
    }
}

.text p {
	text-align: left !important;
}

#main, #wrapper {
background: #000000;
background: radial-gradient(circle,rgba(0, 0, 0, 1) 0%, rgba(122, 0, 0, 1) 100%);
}

.content-area.page-wrapper p, .content-area.page-wrapper li {
	color: #fff;
	font-size: 1.25rem;
}
.content-area.page-wrapper p a, .content-area.page-wrapper .section-title-main {
		color: #ff00b2 !important;
}
.section-title b {
	background-color: #ff00b2 !important;
}
.no-border .section-title-normal {
	border-bottom: none;
}
.content-area ul li strong {
	color: rgb(238, 202, 104);
}

/* Header */
header #masthead {
	background: linear-gradient(180deg, #430000 7.47%, #790606 92.53%) !important;
}
header .header-bottom {
	background-color: #CDA206;
}
header .header-bottom .current-menu-item .nav-top-link {
	font-size: 1rem;
}
header .header-bottom .nav-top-link:hover {
	font-size: 1rem;
}

/* Footer */
footer {
	background: linear-gradient(to right, #1a0000 0%, #620404 100%) !important;
	border-top: 1px solid rgba(0, 0, 0, .05);
	padding-top: 2rem;
}
footer a {
	color: #fff !important;
}
footer p {
	color: #fff !important;
}
footer .footer-description a strong {
	color: rgb(238, 202, 104) !important;	
}
.button.alt, .button.checkout, .checkout-button, .secondary {
	background: none !important;
}
.absolute-footer, html {
    background-color: #0a0a0a;
	padding: 0 !important;
}

/* Block */
.auth-button .section-content {
	text-align: end;
}
.auth-button .section-content .button {
	margin-right: 0;
}

/* Homepage */
.hero .col-inner .img {
	border: solid 5px #ffba00;
    border-radius: 15px;
    overflow: hidden;
}
.game-content h4 {
	font-size: 1.3rem;
}
.game-content p {
	font-size: 1.2rem;
}
/* End Homepage */

.content-area.page-wrapper h1, .content-area.page-wrapper h2, .content-area.page-wrapper h3, .content-area.page-wrapper h4 {
	color: rgb(238, 202, 104) !important;
}
.content-area strong {
	color: rgb(238, 202, 104) !important;
}

/* FAQ */
.faq {
	border: 1px solid #ff00b2;
    border-radius: 0.5rem;
}
.content-area.page-wrapper .faq h4 {
	color: #ff00b2 !important;
}
.faq .col {
	padding-bottom: 0 !important;
}
.faq .section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.nav-dark .nav>li>a {
    color: #4D1416;
}
.nav-dark .nav>li.active>a {
    color: #4D1416;
}
.nav-line-grow>li>a:before {
    background-color: #000000;
}

.btn-login {
    color: #CDA206 !important;
    border: 2px solid #CDA206 !important;
    background: #4D1416 !important;
}
.btn-register {
    color: #4D1416;
    border: 2px solid #4D1416;
    background: #CDA206 !important;
}

.content-area.page-wrapper p a, .content-area.page-wrapper .section-title-main {
    color: rgb(238, 202, 104) !important;
}
.content-area strong {
	color: rgb(238, 202, 104) !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.m-pb-0 {
		padding-bottom: 0 !important;
	}
	/* Payment Stack */
	.payment-stack {
		flex-wrap: wrap;	
	}
	.payment-stack .stack-item {
		width: 11% !important;
		margin-right: 0.5rem !important;
		padding-bottom: 0.5rem;
	}
	.m-pt-0 {
		padding-top: 0 !important;
	}
	.footer-primary {
		width: 100%;
		height: 3rem;
	}
	.footer-primary .copyright-footer {
		background: #320202;
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 9;
	}
	.footer-primary .copyright-footer .row {
		padding-top: 1rem;
	}
	.footer-primary .copyright-footer .col {
		padding-bottom: 0;
	}
	.footer-primary .copyright-footer .btn-login-col {
		padding-left: 2.2rem;
		padding-right: 0.5rem;
	}
	.footer-primary .copyright-footer .btn-register-col {
		padding-right: 2.2rem;
		padding-left: 0.5rem;
	}
}
@media only screen and (min-width: 48em) {
    #toast-container>div {
		width: 400px !important;
		overflow: unset !important;
	}
	.footer-primary .copyright-footer {
		display: none;
	}
	ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
		width: 60% !important;
	}
	ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase li {
		width: 100% !important;
	}
	#logo {
		margin-left: -3rem;
	}
}