/*
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.   ***************/
.text1 p {
	margin-bottom: 0;
}

.text2 {
	line-height: 36px;
	background-color: #fead00;
	padding: 0 !important;
	border-radius: 0 0 11px 11px;
	color: #fff;
}

.text2:hover {
	background-color: #FF8D0C;
	color: #000;
}

.colgame {
	padding: 0 !important;
}

.nav-dark .nav>li>a {
	color: #fff;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
	text-align: justify;
}

.header-button .button {
	width: 140px;
}

.header-button .button:hover {
	background: linear-gradient(to top, #FF9C00, #FFAA00);
}

.absolute-footer,
.entry-author,
.entry-header-text,
.entry-content {
	padding: 0 !important;
}

.nav-dropdown {
	min-width: 200px;
	padding: 0;
	border-radius: 5px;
}

.col {
	padding: 0 5px 10px;
}

.page-title,
.comments-area {
	display: none;
}

.row-large>.col {
	padding: 0 15px;
}

.texthome,
.box,
.post,
.widget-area {
	box-shadow: inset 0px 0px 11px -1px #fead00;
	padding: 3%;
	border-radius: 5px;
}

blockquote {
	padding: 0 5px;
}

.section-title b {
	background-color: #fff0;
}

.colgame {
	border: 3px solid #fead00;
	border-radius: 15px;
	margin: 5px
}

.colgame:hover {
	border: 3px solid #FF8D0C;
	background: radial-gradient(circle farthest-corner at 10% 20%, #fff 0%, #ff0 60%);
}

.colgame img {
	max-width: 160px;
	max-height: 160px;
	margin: 20px 40px;
}

.colgame img:hover {
	border-radius: 10px;
}

.mejs-controls {
	display: none !important;
}

.lightbox-content,
.mejs-container,
.mejs-container .mejs-controls,
.mejs-embed,
.mejs-embed body {
	background: #fff0 !important;
}

.mejs-container * {
	border-radius: 20px;
}

.lightbox-content {
	box-shadow: none;
}

.mfp-container {
	padding: 0;
}

.buthd,
.absolute-footer,
.is-divider,
.btnEff .button.alert,
.zika_flatsome a {
	background: repeating-linear-gradient(to right, #fff 0, #fead00 70%, #fff 100%);
	animation: gradient 2s infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	background-size: 200% auto;
	background-position: 0 100%;
}

@keyframes gradient {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -200% 0;
	}
}

td,
th {
	border-bottom: 0;
}

table,
.tt p,
.colgame p,
.col-inner>.img:not(:last-child) {
	margin-bottom: 0;
	color: #000;
	font-weight: bold;
}

*/ {
	animation: blink 1s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.6;
	}

	100% {
		opacity: 1;
	}
}

.tt p::before,
.tt p::after {
	content: '';
	display: inline-block;
	width: 350px;
	height: 25px;
	margin: 0 20px 5px;
	background-position: center;
	background-repeat: no-repeat;
}

.tt p::before {
	background-image: url(https://8kbetgames.com/wp-content/uploads/2023/12/t.png);
}

.tt p::after {
	background-image: url(https://8kbetgames.com/wp-content/uploads/2023/12/p.png);
}

.tt p {
	font-weight: 600;
	font-size: 25px;
	color: #fead00;
}

.runMsg {
	height: 40px;
	bottom: 0;
	width: 100%;
	z-index: 99;
}

.runMsg>.row {
	margin: 0 !important;
}

.runMsg>.row>.runMsgTitle {
	float: left;
	line-height: 40px;
	color: #ff0;
	max-width: 120px !important;
	background: url(https://8kbetgames.com/wp-content/uploads/2023/12/tb.png) 5px 10px no-repeat;
	background-size: 17px;
	padding-left: 28px;
	font-weight: 700;
	font-size: 13px;
}

.runMsg .marqueeBar {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
}

.runMsg .marqueeBar {
	float: right;
	max-width: calc(100% - 130px) !important;
}

.home .box-text.text-center {
	padding: 0;
}

.home .box-text.text-center:hover {
	background: linear-gradient(to top, #fead00, #df7900);
	color: #fff;
}

img:hover {
	filter: brightness(1.2);
}

.colhd {
	border-bottom-width: 5px !important;
	border-right-width: 2px !important;
	padding: 10px;
	border-radius: 10px;
	border: 0px solid #fead00;
}

.colhd img {
	border-radius: 10px;
}

.rotate {
	background: linear-gradient(-90deg, #fead00 50%, transparent 50%), linear-gradient(77deg, #fead00 50%, lightgray 50%);
	position: relative;
	width: 200px;
	height: 200px;
	text-align: center;
	border-radius: 100%;
}

.rotate-inner {
	position: relative;
	top: 7px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 186px;
	height: 186px;
	border-radius: 100%;
	background: #fff;
}

.rotate span {
	display: block;
	font-size: 15px;
	color: #fead00;
	font-weight: bold;
}

.rotate-inner:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 179px;
	height: 179px;
	background: url('https://8kbetgames.com/wp-content/uploads/2023/12/cirle.webp') no-repeat center;
	background-size: contain;
}

.rotate:hover .rotate-inner:after {
	animation: rotate-animation 10s infinite linear;
}

@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media (max-width: 768px) {

	.tt p::before,
	.tt p::after {
		display: none;
	}

	.colgame img {
		max-width: 50%;
		max-height: 50%;
		margin: 20px 52px !important;
	}

	.colgame {
		margin: 0;
		border-top-width: 0px !important;
	}
}

@media (min-width: 768px) {
	.colgame {
		flex-basis: 19%;
		max-width: 19%;
	}

	h1,
	h5,
	span.widget-title,
	.score,
	h2:hover {
		background-image: linear-gradient(-225deg, #fead00 0%, #df7900 29%, #df7900 67%, #fead00 100%);
		background-size: auto auto;
		background-size: 200% auto;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		animation: textclip 2s linear infinite !important;
	}

	@keyframes textclip {
		0% {
			background-position: 100% 0;
		}

		100% {
			background-position: -100% 0;
		}

	}