/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.4
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.container .section, .row .section {
	padding-left: 0;
	padding-right: 0;
}
.header-bottom .header-bottom-nav li a {
	display: flex;
    flex-direction: column;
	line-height: 1.8;
	padding: 3px;
}
.content-page {
	color: #fff;
}
.content-page a, .content-page h1, .content-page h2, .content-page h3 {
    color: #f90;
}
.content-page a:hover {
	color: #f90;
    opacity: 0.8;
}
.header-button .primary, .header-button .success {
    background: #f8ae1b !important;
    border-radius: .3rem !important;
    cursor: pointer;
	color: #000;
}
.header-button .success {
    background: #fff !important;
}
.top-links {
   border: 3px solid red;
   padding: 15px;
   border-radius: 4px;
   background: #fff;
}

.top-nhacai p{
  padding-bottom: 0;
}
.top-nhacai .col{
  padding-bottom: 0;
}
@media (max-width: 768px) {
	.top-nhacai .col{
		flex-basis: 100%;
		max-width: 100%;
	}
	.top-nhacai {
		margin: 0 !important;
	}
	.top-nhacai .button {
		max-width: 70% !important;
		margin: 0 auto !important;
		line-height: 1.8em;
		min-height: 1.5em;
	}
	.top-nhacai .img {
		width: 40%;
	}
	.text-center .button:last-of-type {
		margin-right: auto !important;
	}
	.text-center .button:first-of-type {
		margin-left: auto !important;
	}
}
.top-nhacai .button {
	margin-bottom: 0;
	background: linear-gradient(177deg, #ff185a, #9d080b);
    box-shadow: 1px 2px 6px 1px #00000047;
	min-height: 1.8em;
	line-height: 1.8em;
	border: 0;
}
.top-nhacai .img .dark {
	background: #000;
	padding: 10px;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top-list-nhacai {
	justify-content: space-between !important;
	margin: 0 auto !important;
}
.top-list-nhacai .col {
	flex-basis: 19%;
    max-width: 19%;
	padding: 0;
	margin-bottom: 1%;
}

.top-list-nhacai .img .dark {
	border: 1px solid #fff;
    border-radius: 15px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 10px;
	background: #000;
}

.top-list-nhacai .col:hover .img-inner.dark img {
	transform: scale(1.05);
	transition: 0.2s all ease-in;
}
.top-list-nhacai .col:hover {
  cursor: pointer;
}

.top-list-nhacai .col:hover .img .dark {
	border: 1px solid rgb(255, 211, 42);
}

@media (max-width: 768px) {
	.top-list-nhacai {
		justify-content: center !important;
	}
	.top-list-nhacai .col {
		flex-basis: 42%;
		max-width: 42%;
		margin: 2%;
	}
	.top-list-nhacai .img .dark {
		height: 160px;
	}
	.top-list-nhacai p {
		margin-bottom: 10px;
		font-size: 15px;
	}
	.game-slot {
		justify-content: center;
	}
	.game-slot .col {
		flex-basis: 30%;
		max-width: 30%;
	}
}

.content-aw8 .section-title-container {
	margin-bottom: 10px;
}
.content-aw8 p, .content-aw8 span, .content-aw8 ul li {
	color: #fff;
} 
.content-aw8 h3, .content-aw8 h2, .content-aw8 strong, .content-aw8 a {
	color: #f90;
}
.footer-content h5 {
	color: #f6b75a;
	font-size: 0.8rem;
}
.footer-content {
	padding-top: 40px;
}
.list-link-nav {
	list-style-type: none;
}
.list-link-nav li {
	color: #fff;
	margin-left: 0 !important;
}
.list-link-nav li a {
	color: #fff;
}

.list-link-nav li a:hover {
	color: #ff9900;
}
.footer-content p {
	margin-bottom: 3px;
	font-size: 13px;
}