/*
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.   ***************/
body.home #main, body.home #wrapper {
    background: transparent !important;
}

.home-content .col-inner {
    border: 2px solid #ffd700; /* vàng kim */
    box-shadow: 0 0 10px #ffea00, 0 0 20px #ffd700; 
    border-radius: 8px;
    padding: 20px;
    max-height: 500px;       /* Giới hạn chiều cao tối đa */
    overflow-y: auto;        /* Hiển thị thanh cuộn khi vượt quá */
    scrollbar-width: thin;   /* Thanh cuộn mảnh (Firefox) */
    scrollbar-color: #ffd700 #1a1a1a; /* Màu thanh cuộn */
}

/* Thanh cuộn tùy chỉnh cho Chrome, Edge, Safari */
.home-content .col-inner::-webkit-scrollbar {
    width: 8px;
}
.home-content .col-inner::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 8px;
}
.home-content td {
    color: #fff;
}
.home-content .col-inner::-webkit-scrollbar-thumb {
    background-color: #ffd700;
    border-radius: 8px;
    box-shadow: 0 0 10px #ffea00;
}


footer#footer {
    display: none;
}
.anh-pos {
    position: absolute;
    top: 0;
		z-index: 9999999999;
}
@media(min-width: 500px){
	ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
		margin: 0 auto !important;
		justify-content: center !important;
	}
	div#logo {
		display: none;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.page-wrapper {
    padding: 0px;
}
	
	div#logo {
    display: none;
}
	.page-web-2 {
        padding: 0;
        margin-top: 40px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 90%;
        bottom: -200px;
        position: absolute;
        z-index: 999999;
        width: 100%;
    }
.anh-pos-mobile {
    display: block;
    margin: 0 auto;
}

}