/*
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.   ***************/
:root {--primary-color: #feaa31;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1250px}.row.row-collapse{max-width: 1220px}.row.row-small{max-width: 1242.5px}.row.row-large{max-width: 1280px}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:200px;}.header-bottom{min-height: 55px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: #022222}.header-bottom {background-color: #022222}.header-main .nav > li > a{line-height: 16px }.stuck .header-main .nav > li > a{line-height: 50px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #feaa31;}/* Color !important */[data-text-color="primary"]{color: #feaa31!important;}/* Background Color */[data-text-bg="primary"]{background-color: #feaa31;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener ,.is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #feaa31;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #feaa31}.nav-tabs > li.active > a{border-top-color: #feaa31}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #feaa31 }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #feaa31 }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #feaa31;}/* Focus */.primary:focus-visible, .submit-button:focus-visible, button[type="submit"]:focus-visible { outline-color: #feaa31!important; }body{color: #ffffff}h1,h2,h3,h4,h5,h6,.heading-font{color: #ffffff;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Roboto, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Roboto, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Roboto, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Roboto, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: Roboto, sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}a{color: #feaa31;}a:hover{color: #feaa31;}.tagcloud a:hover{border-color: #feaa31;background-color: #feaa31;}.absolute-footer, html{background-color: #021818}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}
.header-main{
	border-bottom: 1px solid rgb(38, 43, 64);
}
.header-button-1 a{
    background: none;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(146, 123, 123);
    min-width: 112px;
}
.header-button-2 a{
    background: linear-gradient(159deg, rgb(255, 173, 51) 0%, rgb(222, 67, 0) 100%);
    color: rgb(255, 255, 255);
    min-width: 112px;
}

#main{
	background: rgb(2, 34, 34);
}
.home-title{
	display: flex;
}
.home-title img{
	width: 36px;
	margin-right: 10px;
}
.home-title span{
	display: inline-block;
	font-size: 22px;
	line-height: 36px;
	color: #ffffff;
}
.game-content{
	position: absolute;
    top: 32px;
    left: 12px;
}
.game-content img{
	width: 170px;
}
.game-game{
	font-size: 28px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    margin-top: 8px;
}
.btn-play{
	margin-top: 40px;
}
.btn-play.small-img{
	position: absolute;
	left: 16px;
	bottom: 16px;
}
.btn-play a{
	text-align: center;
    padding: 8px 16px;
    cursor: pointer;
    background: none;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 173, 51);
    min-width: unset;
    border-radius: 200px;
	transition: 0.5s;

}
.btn-play a:hover{
	background: rgb(255, 173, 51);
}

.mobile-games{
	width: 100%;
    display: flex;
    flex-flow: row;
}
.mobile-games ul{
	width: 72px !important;
	background: rgb(15,71,71);
	border-radius: 10px;
}
.mobile-games li{
    margin-bottom: 5px !important;
    width: 72px !important;
}
.mobile-games li a{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}
.mobile-games li a:before{
	display: inline-block;
    content: "";
    width: 32px;
    height: 32px;
}

.mobile-games li:nth-child(1) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/iconlive.webp);
    background-size: 32px 32px;
}
.mobile-games li.active:nth-child(1) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/iconLive-active.webp);
    background-size: 32px 32px;
}
.mobile-games li:nth-child(2) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/iconxs.webp);
    background-size: 32px 32px;
}
.mobile-games li:nth-child(3) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/icon-the-thao.webp);
    background-size: 32px 32px;
}
.mobile-games li:nth-child(4) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/iconslots.webp);
    background-size: 32px 32px;
}
.mobile-games li:nth-child(5) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/iconbanca.webp);
    background-size: 32px 32px;
}
.mobile-games li:nth-child(6) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/icongamebai.webp);
    background-size: 32px 32px;
}
.mobile-games li:nth-child(7) a:before{
	background: url(https://alobet88.biz/wp-content/uploads/2024/10/icondaga.webp);
    background-size: 32px 32px;
}

.mobile-games li:not(:hover) a:before{
	opacity: 1 !important;
}

.mobile-games a span{
	color: #94BCBC;
	font-size: 11px;
	font-weight: 600;
}

.mobile-games .tab-panels{
	padding-top: 0px;
	padding-left: 5px;
}
.mobile-games .tab-panels .row{
	margin-left: -5px !important;
	margin-right: -5px !important;
}
.mobile-games .tab-panels .col{
	padding-bottom: 5px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.item-game .box-text{
    padding-bottom: 0px;
}
.border-top{
    border-top:1px solid rgb(38, 43, 64);
}
#logo img{
    min-height:40px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}