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

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


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

:root {
	--red : #cf0000;
}

.header-bottom {
    background: url(/wp-content/uploads/2025/08/bg-row.jpg);
    background-size: cover;
}

#masthead .social-icons i {
    min-width: 1em;
    background: var(--red);
    color: #fff;
    border-radius: 50%;
    padding: 5px 6px;
}

h1.entry-title {
	color: var(--red);
	font-size: 25px;
	font-weight: 600
}

#content h1.entry-title, .archive-title h2{
	margin-top: 30px;
	margin-bottom: 20px
}

.entry-content {
	padding-bottom:0;
	padding-top: 0
}

#content .col, .archive-title .col {
	padding-bottom: 0
}

.blog-knc .is-divider {
	display: none;
}

#jsidebar {
	background: #f1f1f1;
}

#jsidebar h2 {
	padding-top: 20px;
	text-align: center;
}

.show_keo .col {
	padding-bottom: 0
}

.show_keo .box-text {
	padding-left: 5px;
	padding-right: 5px;
}

.show_keo .box-text a {
	margin-top: 0;
	color: #000;
	font-weight: 500
}

.show_keo .box-text a:hover {
	color: var(--red);
}

.row-knc {
	height: 500px;
	overflow: auto
}

.thongtinltd tbody tr td:first-child {
	width: 20%;
}
.thongtinltd tbody tr td:last-child {
	text-align: center;
	width: 80%;
} 

.thongtinltd tbody tr td{
	padding: 20px;
}

.thongtinltd .vsteam {
	color: #000;
	background: #ccc;
	border-radius: 5px;
	padding: 5px 15px;
	margin: 0 10px;
	width: 20%;
}

.thongtinltd tbody tr td:last-child  .home {
	text-align: right;
	width: 40%;
	display: inline-block;
}

.thongtinltd .away {
	text-align: left;
	width: 40%;
	display: inline-block;
}

.thongtinbxh thead tr:first-child td, .thongtinltd thead tr td {
	background: #e8e3d1 ;
	border-radius: 10px 10px 0 0; 
	padding: 15px 0 15px 15px;
	font-size: 15px;
	font-weight: 600;
}

.thongtinbxh thead tr:last-child td{
	background: #d6d8dc ;
	padding: 15px;

}


.thongtinbxh tbody td {
	padding: 10px;
}

.thongtinbxh tbody tr:nth-child(even) td,.thongtinbxh tbody tr:hover td, 
.thongtinltd tbody tr:nth-child(even) td,.thongtinltd tbody tr:hover td
{
	background: #f1f1f1;
}

#bxh button, #ltd button, #kq button  {
	background: #ccc;
    color: #000;
    border-radius: 10px;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;

}

#bxh button.active, #ltd button.active, #kq button.active {
	background: #3d485d;
	color: #fff
}


td[class^="rank-"] span{
	display: inline-block;
    text-align: center;
    width: 20px;
}

td.rank-1 span,td.rank-2 span,td.rank-3 span {
    background-color: green;
    color: #fff;
    border-radius: 99%;
        width: 20px;
    display: inline-block;
    text-align: center;
}

.thongtinbxh tr:nth-last-child(3) td:first-child span,
.thongtinbxh tr:nth-last-child(1) td:first-child span,
.thongtinbxh tr:nth-last-child(2) td:first-child span{
    background-color: red;
    color: #fff;
    border-radius: 99%;
         width: 20px;
    display: inline-block;
    text-align: center;
}

#footer .copyright-footer {
	color: #000;
}

.loader {
	margin: 0 auto;
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 3px;
  background: 
    radial-gradient(farthest-side,#ffa516 95%,#0000) 50% 0/12px 12px no-repeat,
    radial-gradient(farthest-side,#0000 calc(100% - 5px),#ffa516 calc(100% - 4px)) content-box;
  animation: l6 2s infinite ;
}
@keyframes l6 {to{transform: rotate(1turn)}}


.thongtinbxh td img , .thongtinltd td img{
	width: 20px;
	margin-right: 5px;
}