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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root{
	--text-light: #0A0A0A;
	--text-dark: #fff;
	--sub-light: #202020;
	--sub-dark: #D8D7D7;
	--name-team-light: #202020;
	--name-team-dark: #D8D7D7;
	--score-light:#0A0A0A;
	--score-dark:#fff;
	--bg-light: #EFF0EF;
	--bg-dark: #626155;
	--bg-main-dark: #3F4B42;
}
/*Tips*/
.col_tips>.col-inner{
	background: #E6E6E6;
    padding: 8px;
	padding-right:3px;
}
#show_tips{
	max-height: 500px;
	overflow: auto;
	overflow-x: hidden;
}
#show_tips::-webkit-scrollbar {
	display: none;
}
#show_tips:hover::-webkit-scrollbar {
	display: block;
}
body #show_tips::-webkit-scrollbar {
	display: block!important;
}
body #show_tips:hover::-webkit-scrollbar {
	display: block!important;
}
body #show_tips{
	scrollbar-width: auto;
}
body #show_tips:hover{
	scrollbar-width: auto;
}
#show_tips::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 0;
	background-color: transparent;
}
body #show_tips::-webkit-scrollbar
{
	width: 5px;
	background-color: transparent;
}
body #show_tips::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: transparent;
}
body #show_tips:hover::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: #555;
}
.tip-item__user{
	display: flex;
	align-items: center;
	justify-content:space-between;
}
.tip-item__percent{
	gap:2px !important;
}
.tip-item__percent span{
	overflow: hidden;
	color: var(--dneil-main, #005030);
	text-overflow: ellipsis;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 150% */
}
.tip-item__user>div{
	display: flex;
	align-items: center;
	gap: 8px;
}
.matchScore{
	color:#e51b00
}
.tip-item__avatar{
	border-radius:99px;
	overflow:hidden;
}
.tip-item__username{
	color: var(--Orange-07, #73250D);
	text-overflow: ellipsis;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 162.5% */
}
.tip-item__summary{
	color: var(--Monotone-Grey-900, #070F03);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 21px */
}
.matchLeague_body{
	display:flex;
	gap: 6px;
}
.matchHomeItem, .matchAwayItem{
	color: var(--Monotone-Grey-800, #414141);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	flex:1;
}
.matchAwayItem{
	display: flex;
	align-items: center;
	gap:4px;
}
.matchHomeItem{
	display: flex;
	align-items: center;
	justify-content: end;
	gap:4px;
}
.tip-item__details *{
	color: var(--Monotone-Grey-700, #717171);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}
.tip-item__details{
	display:flex;
	align-items:center;
}
.tip-item__details>div:first-child{
	max-width:183px;
	flex:1;
}
.tip-item__details>div:nth-child(2){
	width:14px;
}
.tip-item__details>div:nth-child(3){
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 201px - 14px);
}
.tip-item__details>div:nth-child(3) span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--dneil-main, #005030);
	font-weight: 600;
}
.tip-item__meta span{
	color: var(--Monotone-Grey-700, #717171);
	text-overflow: ellipsis;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; /* 183.333% */
}
.tip-item__stats{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap:10px;
}
.tip-item__stats>div{
	display:flex;
	gap:5px;
	align-items:center;
}
.matchLeague_body{
	justify-content:center;
}
.tip-item__time{
	display: flex;
	align-items: center;
	gap: 5px;
}
.tip-item__meta{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tip-item__meta{
	border-top: 1px solid #E6E6E6;
	padding-top: 10px;
}
.tip-item{
	display: flex;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	border-radius: 4px;
	background: #FBFBFB;
}
.tip-item+.tip-item{
	margin-top:4px;
}
.dark {
	.tip-item {
		background: #222222;
	}
	.tip-item__username {
		color: #D7644B;
	}
	.tip-item__percent span{
		color:#00DF92
	}
	.tip-item__summary{
		color:#C3C3C3
	}
	.matchHomeItem span{
		color:#BBBBBB;
	}
	.matchAwayItem span{
		color:#BBBBBB;
	}
	.tip-item__details span{
		color:#BBBBBB
	}
	.tip-item__details>div:nth-child(3) span{
		color: #00DF92
	}
	.matchScore {
		color: #F4181A;
	}
	.tip-item__meta{
		border-top: 1px solid #414141;
	}
	#show_tips::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
		border-radius: 0;
		background-color: transparent;
	}
	.col_tips>.col-inner{
		background: #3E3E37;
	}
}
/*Tips*/
.dark #output_sidebar{
	border-left:1px solid #929D95;
	border-right:1px solid #929D95;
}
#output_sidebar{
	border-left:1px solid #E2E5E2;
	border-right:1px solid #E2E5E2;
}
.title_date>div{
	display: flex;
    height: 27px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #80A898;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: capitalize;
}
.col_hot>.col-inner{
	padding: 12px;
    background: #E8F2EB;
    margin-top: 20px;
}
.matchLeague_wrap{
	border-bottom: 1px solid #E2E5E2;
	background: #FFF;
}

.matchLeague_head{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.matchHead_right{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.matchScore{
	min-width:30px;
}
.matchStatus+.matchTime {
	padding-left: 4px;
	border-left: 1px solid var(--text-light);
	margin-left: 4px;
}
.matchLeague_head{
	padding:8px;
	background: var(--bg-light);
}
.matchHead_right{
	color:var(--text-light);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	text-transform: capitalize;
}
.matchHead_left{
	color:var(--sub-light);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	text-transform: capitalize;
}
.matchLeague_body{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:4px;
}
.matchHomeItem,.matchAwayItem{
	color: var(--name-team-light);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	text-transform: capitalize;
	display:flex;
	align-items: center; 
	gap:4px;
	flex:1;
}
.matchLeague_body{
	padding:12px 0;
}
.matchHomeItem{
	justify-content: flex-end;
	text-align:right;
}
.matchScore{
	color:var(--score-light);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	text-transform: capitalize;
}

.dark .matchScore{
	color:var(--score-dark);
}
.dark .matchLeague_wrap{
	border-bottom: 1px solid #929D95;
	background: #3E3E37;
}
.dark .col_hot>.col-inner{
	background:var(--bg-main-dark);
}
.dark .col_hot .title_home{
	color: var(--text-dark);
}
.dark .matchLeague_head{
	background: var(--bg-dark);
}
.dark .matchHomeItem,.dark .matchAwayItem{
	color:var(--name-team-dark);
}
.dark .matchHead_left{
	color:var(--sub-dark);
}
.dark .matchHead_right{
	color:var(--text-dark);
}
.dark .matchStatus+.matchTime{
	border-left: 1px solid var(--text-dark);
}
.row_bg_white{
	background:#ddd;
	position:relative;
	z-index: 2;
}
.author-bio p:last-child{
	padding-bottom:10px;
}
.author-bio ul{
	margin-left:30px;
}
.col_custom_post{
	padding-bottom:0;
}
.post-sidebar{
	padding-bottom:0;
}
.col_custom_post .post-item:last-child{
	padding-bottom:0;
}
	.col_view .row>.col.post-item{
		padding-left: 5px;
    padding-right: 5px;
	}
	.widget_block{
		margin-bottom:0;
	}
	.col_tag{
		padding-bottom:0!important;
	}
.page-numbers i.icon-angle-right:before{
	content: '→';
}
.page-numbers i.icon-angle-left:before{
	content: '←';
}
.nav-pagination>li i{
	top: -3px;
}
.padding-bottom-60{
	padding-bottom:60px!important;
}
.dark .img_dark{
	display:block!important;
	visibility:visible!important;
}
.dark .img_light{
	display:none!important;
}
.page-wrapper{
	padding-bottom:60px;
}
.col_nobottom{
	padding-bottom:0!important;
}
.blog_ajax+.pb-half{
	padding-bottom:0;
}
.page-numbers{
	margin-bottom:0!important;
}
#wide-nav>.container>div>*.nav-left>li>a{
   text-transform: initial;
   font-size:14px;
}
#wide-nav ul.header-bottom-nav li a{ font-size:14px;}
.dark .match_item {
    background: #262826;
    transition: all .3s;
}

.dark #thLeagues {
    background: #262826;
    color: #fff;
    box-shadow: unset;
    border: unset;
    cursor: pointer;
}

.dark .match_item * {
    color: #fff
}

.dark .button_pre_next_match {
    background: #3C1205;
    color: #fff
}

.dark .button_pre_next_match:hover {
    background: #73250D;
}

.dark .match_item:hover {
    background: #131313;
    transition: all .3s;
}

.main_match_inner {
    display: flex;
    width: calc(100% - 125px);
	gap:6px;
}

#container-match {
    transition: scroll-left 0.3s ease;
}

#container-match {
    overflow: -moz-scrollbars-none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

#container-match::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

.button_pre_next_match {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    background: #F5E1E1;
    color: #000914;
    transition: all .3s;
}

.button_pre_next_match:hover {
    background: #DDA8A8;
    transition: all .3s;
}

.match_name {
    display: flex;
    gap: 5px;
}

.match_name span + span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 135px;
    font-weight: 400;
}

.match_item:hover {
    background: #E7E7E7
}

.match_name span {
    color: #202020;
    font-weight: 500;
}

.match_item {
    cursor: pointer;
}

.main_match {
    display: flex;
    gap: 8px;
}

.match_item {
    background: #fff;
    padding: 12px 18px;
}

#container-match {
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: center;
    -webkit-overflow-scrolling: touch;
}

.container-match-inner {
    display: flex;
    gap: 5px;
}

.match_hour:after {
    content: '';
    width: 1px;
    height: 75%;
    background: #D0DBEA;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}

#thLeagues {
    margin-bottom: 0;
    height: 34px;
}

.match_date, .match_name span, .match_score {
    font-size: 12px;
    color: #000;
}

.match_score {
    font-weight: bold;
    font-size: 16px;
}

.match_info {
    display: flex;
    align-items: center;
}

.match_time {
    display: flex;
    align-items: center;
    gap: 5px;
}

.main_match {
    padding: 10px 0;
}

.match_hour {
    font-size: 14px;
    font-weight: bold;
    color: #9C520E;
    position: relative;
    padding-right: 5px;
}

.match_score {
    max-width: 20px;
    min-width: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.match_logo img {
    width: 20px;
}

.container-match-inner {
    display: flex;
    width: 100%
}

.main_league .icon-angle-down{
    margin-right: 0 !important;
    margin-left: auto !important;
}

.main_league .icon-angle-down span{
    line-height: 1;
}

.match_item {
    min-width: calc(100% / 5 - 3px);
    flex: 1;
    max-width: 265px;
}

@media screen and (max-width: 1280px){
    .match_item {
        min-width: calc(100% / 4 - 3px);
        flex: 1;
        max-width: 265px;
    }
}

@media screen and (max-width: 1024px){
    .match_item {
        min-width: calc(100% / 3 - 3px);
        flex: 1;
        max-width: 265px;
    }
}

.button_pre_next_match {
    width: 36px;
}

#container-leagues {
    width: 117px;
    min-width: 117px;
    display: flex;
    align-items: center;
}

#container-match {
    flex: 1;
    display: flex;
}

:root {
    --color-main: #005030;
    --color-dark-theme: #030405;
    --color-light: #000;
    --color-title: #00100A;
    --color-hover-title: #7C0E0E;
    --color-hover-title-dark: #0EAC6D;
    --color-hover-title-post: #005030;
    --color-hover-title-post-dark: #79E0B7;
    --text-normal: 14px;
    --text-large: 18px;
    --text-medium: 16px;
}

body .page-pagi-ajax {
    margin-bottom: 20px;
}

.blog_ajax.row-small > .col.post-item {
    padding-bottom: 20px;
}

.blog_ajax .from_the_blog_excerpt {
    font-size: 16px;
}

.from_the_blog_excerpt {
    font-size: 14px;
}

.is-divider {
    margin: 10px 0 !important;
}

.vertical_rev .post-item .box-vertical .box-text {
    padding-left: 0;
}

body .npb > .col-inner > .row > .col {
    padding-bottom: 0;
}

body .npb > .col-inner {
    padding-bottom: 0;
}
.dark+#footer .back-to-top.active:hover{
	background-color:#ACD9C7; 
	color:#000;
}
.dark+#footer .back-to-top.active{
	border-color:#ACD9C7;
	color:#ACD9C7;
}
.dark a.plain{
	color: #fff;
}
.dark #ez-toc-container {
    
    background: #1a1a1a;
}
.dark #ez-toc-container a {
	color: #fff;
}
.inner2 >div >.col-inner{
	padding-bottom: 20px !important;
}

.font-size-normal .post-title.is-large {
    font-size: var(--text-medium);
}

.copyright-footer {
    font-size: 12px;
}

.blog-archive .section {
    padding-left: 0;
    padding-right: 0;
}

.blog-archive .section:after {
    content: '';
    background: #002013;
    display: block;
    position: absolute;
    top: 50%;
    width: 100vw;
    height: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.iframe_custom > p {
    display: flex;
    align-items: center;
}

.iframe_custom {
    margin-left: -9px;
    margin-right: -9px;
}

#footer p:last-child {
    margin-bottom: 0
}

.font-weight-500 .post-title {
    font-weight: 500 !important
}

.font-weight-600 .post-title {
    font-weight: 600 !important
}
.m-medium .ux-menu-link__link{
	font-size:1.1rem;
	font-weight:500;
}
.col_first_css {
    flex-basis: 35.55555%;
    max-width: 35.55555%;
}

.col_sec_css {
    flex-basis: 64.44445%;
    max-width: 64.44445%;
}

#logo a {
    position: relative;
}

.logo_footer .img-inner:after {
    content: '';
	display:none;
    position: absolute;
    width: 30px;
    height: 30px;
    animation: spin 1.5s linear infinite;
    top: 7px;
    left: 40px;
    background-image: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/football-sprite.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#logo a:after {
    content: '';
    position: absolute;
    width: 19px;
    height: 19px;
    animation: spin 1.5s linear infinite;
    top: 7px;
    left: 33px;
    background-image: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/football-sprite.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.iframe_custom * {
    margin-bottom: 0 !important;
}

.iframe_custom iframe {
    max-height: 92px;
}

.breadcrumbs * {
    font-size: 14px;
}

.section_footer_bar {
    display: none;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    width: 100px !important;
    height: 100px !important;
}

.loader::before,
.loader::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 45%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    animation: rotate 1000ms infinite cubic-bezier(0.77, 0, 0.175, 1);
}

.loader::before {
    background-color: #fc3f9e;
}

.loader::after {
    background-color: #50e8f3;
    animation-delay: 500ms;
}

@keyframes rotate {
    0%,
    100% {
        translate: 40px 0;
    }
    25% {
        scale: 0.3;
    }
    50% {
        translate: 0;
    }
    75% {
        scale: 1;
    }
}

.loading_bdk:after {
    content: '';
    width: 100%;
    height: 101%;
    display: block;
    background: #00000087;
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
}

.blog_ajax .post-title.is-small {
    font-size: var(--text-large);
}

#main.dark .action_post_box {
    border-top: 1px solid #717171;
}

#main.dark .posted-on > a {
    color: #fff;
}

#main.dark .meta-author a {
    color: #36AA7C;
}

body #main.dark .row_main_post > .col > .col-inner {
    background: #1A1A1A;
}

body #main.dark .nav-pagination > li > a, body #main.dark .nav-pagination > li > span {
    border-color: #414141
}

body #main.dark .nav-pagination > li > .current, body #main.dark .nav-pagination > li > a:hover, body #main.dark .nav-pagination > li > span:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #030405;
}

body #main.dark .row-divided > .col + .col:not(.large-12) {
    border-left: 1px solid #414141;
}



body #main.dark .col_view > .col-inner {
    background: #2D3F42;
}

body #main .slider-nav-light .flickity-page-dots .dot.is-selected, body #main .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    border-color: #005030;
}

#main.dark .col_tag > .col-inner {
    background: #3E3E37;
}
body #main.dark .slider-nav-light .flickity-page-dots .dot {
    border-color: #0EAC6D;
}
#main.dark .list-tags-custom a:hover {
    background: #669683;
}

#main.dark .list-tags-custom a {
    background: #626155;
}

body #main.dark {
    background-color: var(--color-dark-theme);
}

body #main.dark .col_white > .col-inner, body #main.dark .col_box_content > .col-inner {
    background: #1A1A1A;
}

#main.dark .is-divider {
    background-color: #414141 !important;
}

#main.dark .icon_view::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/bullseye-1-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#main.dark .icon_news::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/newspaper-1-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#main.dark .icon_hot::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/hot-sale-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#main.dark .icon_tip::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/tips-4.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#main.dark .icon_tag::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/tag-12.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#main.dark .icon_ball::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/ball-2-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

#main.dark .title_home:hover * {
    color: var(--color-hover-title-dark) !important;
    transition: all .2s;
}

#main.dark .post-title:hover * {
    color: var(--color-hover-title-post-dark);
}


.blog_middle .post-title {
    color: #15D2D2;
}

.blog-single, .blog-archive {
    padding-top: 0;
}

.yoast-breadcrumb * {
    font-size: 14px;
}

.breadcrumbs a, .breadcrumb_last {
    text-transform: none;
}

.page-title-inner {
    padding-top: 0;
}

.action_post_box {
    margin-top: 12px;
    border-top: 1px solid #DBE1E9;
    padding-top: 12px;
}

.action_post_box img {
    width: 16px;
}

.action_post_box a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    background: #F3F3F3;
    margin-bottom: 12px;
    transition: all .2s;
}

.action_post_box a:hover {
    transition: all .2s;
    background: #E0F0E9;
}

.action_post_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.col_box_content > .col-inner {
    padding: 20px;
    background: #fff;
}

.nav-pagination > li > .current, .nav-pagination > li > a:hover, .nav-pagination > li > span:hover {
    background-color: #414141;
    border-color: #414141;
}

body .nav-pagination > li > a, body .nav-pagination > li > span {
    height: 35px;
    line-height: 35px;
    min-width: 35px;
}

body .page-numbers > li {
    margin: 0 5px;
}

body .nav-pagination > li > a, body .nav-pagination > li > span {
    border-radius: 4px;
    border-width: 1px;
}

.blog-archive > .row > .large-10 {
    flex-basis: 100%;
    max-width: 100%;
}

.share_custom {
    height: 100%;
}

.content_custom_single {
    display: flex;
}

.content_custom {
    padding-left: 15px;
}

.col_custom_post .share_custom {
    width: 40px;
    float: left;
}

.share_custom + .post {
    float: left;
    width: calc(100% - 50px);
    padding-left: 20px;
}

.share_custom .social-icons a:hover,.copy_url:hover {
    transition: all .2s;
    background: #E0F0E9;
}

.share_custom .social-icons a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    background: #F3F3F3;
    margin-bottom: 12px;
    color: #2A3645;
    transition: all .2s;
    margin-left: 0;
    margin-right: 0;
}

/* .copy_url {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    background: #E0F0E9;
    margin-bottom: 12px;
} */

.sticky_custom {
    position: sticky !important;
    top: 10px;
}

.share_custom .social-icons {
    display: flex;
    flex-direction: column;

}

.posted-on {
    font-size: 14px;
}

.entry-content.single-page {
    padding-top: 0;
}

.entry-date {
    text-transform: none;
}

.posted-on > a {
    color: #4E5A69;
}

.dot_custom {
    width: 5px;
    display: inline-block;
    background: #00301c;
    height: 5px;
    border-radius: 99px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.meta-author a {
    color: #004026;
}

.meta-author {
    text-transform: capitalize;
    margin-right: 5px;
    font-weight: bold;
}

.meta_tags {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.meta_title_tags {
    font-weight: bold;
}

.meta_tags .list-tags-custom a {
    background: #F6F6F4;
    font-weight: 500;
}

.meta_tags .list-tags-custom a:hover {
    background: #D7F3E8;
}

.entry-divider {
    display: none;
}

.entry-title {
    font-size: 20px;
}

.row_main_post > .col > .col-inner {
    padding: 20px;
    background: #fff;
	padding-bottom:0px;
}

.logo_footer {
    max-width: 250px !important;
}

.ux-menu-title {
    font-size: 20px;
}
.category .postList-cus .col,.category .blog-archive > .row > .large-10,.category  #post-list .large-12.col.col_box_content{
	padding-bottom:0 !important;
}
.icon_menu a {
    position: relative;
}
.entry-content blockquote{
	font-size:1em;font-weight:bold;    padding: 0 1.25em 0 1em
}
.meta_tags .list-tags-custom a {
    

    color: #414141 !important;
    font-size: 14px;
    padding: 3px 7px;
}
.icon_menu a:before {
    content: '';
    width: 26px;
    height: 26px;
    position: absolute;
    display: block;
    left: 0;
}

.icon_menu a {
    padding-left: 30px;
}

.icon_fb a:before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/Facebook.svg);
    background-size: cover;
    background-repeat: no-repeat
}

.icon_youtube a:before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/Youtube.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_titok a:before {
    background: url(https://bongdako.com/tin-tuc/wp-content/uploads/2024/07/Tik-tok.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_twitter a:before {
    background: url(https://bongdako.com/tin-tuc/wp-content/uploads/2024/07/Twitter.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_threads a:before {
    background: url(https://bongdako.com/tin-tuc/wp-content/uploads/2024/11/threads-1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_insta a:before {
    background: url(https://bongdako.com/tin-tuc/wp-content/uploads/2024/11/instagram-1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.max-width-80 {
    width: 80%;
}

.list-tags-custom a {
    padding: 6px 12px;
    background: #FFFEF5;
}

.list-tags-custom a:hover {
    background: #D7F3E8;
}

.non-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.col_tag > .col-inner {
    padding: 20px;
    background: #F5F4E3;
}

.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background-color: #005030;
}

.slider-nav-dots-dashes .flickity-page-dots .dot {
    margin: 0 3px;
}

.slider-nav-light .flickity-page-dots .dot {
    border-color: #005030;
}

.col_view > .col-inner {
    padding: 19px;
    background: #E3F9FC;
}

.text_small * {
    color: #9A9A9A !important;
}

.scroll_video .col-inner:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #13392A;
    display: block;
    position: absolute;
    bottom: 0;
    transform: translate(0, 15px);
}

.icon_video::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/icon-play.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.scroll_video {
    counter-reset: box-counter;
}

.scroll_video .col-inner {
    counter-increment: box-counter;
    position: relative;
}

.scroll_video .box-vertical {
    padding-left: 50px;
}

.scroll_video .col-inner::before {
    content: counter(box-counter);
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    border-radius: 99px;
    border: 1px solid #005030;
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scroll_video {
    max-height: 470px;
    overflow: auto;
    overflow-x: hidden;
}

.scroll_video::-webkit-scrollbar {
    display: none;
}

.scroll_video:hover::-webkit-scrollbar {
    display: block;
}

.col_white > .col-inner {
    padding: 20px;
    background: #fff;
}

.col_video > .col-inner {
    padding: 20px;
    background: #002013;
}

.post-title:hover * {
    color: var(--color-hover-title-post);
}

.col_title {
    padding-bottom: 0 !important;
}

.row .col_white {
    padding-bottom: 20px;
}

.vertical_rev .box-vertical {
    display: flex;
    flex-direction: row-reverse;
}

.vertical_rev .box-text {
    flex: 1;
}

.vertical_rev .post-item {
    padding-bottom: 10px;
}

.box-text {
    padding-top: 8px;
}

.row-small > .col.post-item {
    padding-bottom: 10px;
}

.text_small * {
    font-size: var(--text-normal);
}

.title_icon::before {
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
}

.icon_view::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/bullseye.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_news::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/newspaper-1-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_hot::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/hot-sale-1.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_tip::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/tips-4.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_tag::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/tag-12.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.icon_ball::before {
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/ball-2.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.title_icon {
    padding-left: 30px;
}

.title_home {
    width: max-content;
    position: relative;
}

.title_home * {
    font-size: 16px;
    color: var(--color-title);
    font-weight: bold;
    text-transform: uppercase;
    transition: all .2s;
    margin-bottom: 12px;
}

.title_home:hover * {
    color: var(--color-hover-title) !important;
    transition: all .2s;
}

.row_secord .large-8 {
    flex-basis: 67%;
    max-width: 67%;
}

.row_secord .large-4 {
    flex-basis: 33%;
    max-width: 33%;
}

.post-item .box-text {
    padding-bottom: 0;
}

.post-title.is-small {
    font-size: var(--text-normal);
}

.post-title.is-large {
    font-size: var(--text-large);
}

.no-padding-bottom > .col {
    padding-bottom: 0;
}

.post-item .box-vertical .box-text {
    vertical-align: top;
    padding: 0 10px;
}

.blog_side_right.row-xsmall > .col {
    padding: 0 2px 10px;
}

.blog_side_left .col {
    padding-bottom: 15px;
}

#wide-nav > .container > div.flex-right > .nav-right {
    background: #03472C;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
}

#wide-nav > .container > div > *.nav-right > li:last-child::after {
    display: none !important;
}

.post-item .is-divider {
    display: none;
}

#wide-nav > .container > div > *.nav-right > li:after {
    content: '';
    width: 1px;
    height: 60%;
    background-color: #005030;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
}

#masthead {
    border-bottom: 1px solid #236349;
}

.light_ld, .ld_checkbox-label.active .dark_ld {
    filter: sepia(1) saturate(5) hue-rotate(90deg) brightness(0.3);
}

.ld_checkbox-label.active .light_ld {
    filter: unset !important;
}

.ld_checkbox {
    opacity: 0;
    position: absolute;
}

.ld_checkbox-label img {
    z-index: 2;
    width: 14px;

}

.ld_checkbox-label img.dark_ld {
    margin-right: 4px;
    width: 12px;
}

.ld_checkbox-label img.light_ld {
    margin-left: 2.5px
}

.ld_checkbox-label {
    background: linear-gradient(90deg, #1DD68D 0%, #005030 50%, #00301D 100%);
    width: 37px;
    height: 20px;
    border-radius: 50px;
    position: relative;
    cursor: pointer;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.fa-moon {
    color: #f1c40f;
}

.fa-sun {
    color: #f39c12;
}

.ld_checkbox-label .ball {
    background-color: #fff;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.ld_checkbox-label.active .ball {
    transform: translateX(16px);
    -webkit-transform: translateX(16px);
    -moz-transform: translateX(16px);
    -ms-transform: translateX(16px);
    -o-transform: translateX(16px);
}

#wide-nav > .container > div > *.nav-right > li > a:after {
    content: '';
    width: 0%;
    background: #fff;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0;
    transition: all .2s;
}

#wide-nav .nav-left > li > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 4px);
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid transparent;
    transition: all .2s;
}

.nav li.has-icon-left > a > img {
    margin-right: 8px;
    transition: all .2s;
}

.active_menu > a > img, #wide-nav .nav-left > li:hover > a > img {
    filter: sepia(1) saturate(5) hue-rotate(90deg) brightness(0.3);
    transition: all .2s;
}

.active_menu > a:after, #wide-nav .nav-left > li:hover > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 4px);
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 8px solid #ffffff !important;
    transition: all .2s;
}

.active_menu > a, #wide-nav .nav-left > li:hover > a {
    background: #fff !important;
    color: var(--color-main) !important;;
}

#wide-nav > .container > div > .nav-left > li {
    margin: 0;
}

#wide-nav {
    margin-top: 16px;
}

#wide-nav .jeg_nav_html.active {
    transform: rotate(180deg) !important;
}

#wide-nav > .container > div > *.nav-right > li:hover > a:after, #wide-nav > .container > div > *.nav-right > li.current-menu-item > a:after,#wide-nav > .container > div > *.nav-right > .current-post-parent>a:after {
    width: 100%;
    transition: all .3s;
}

#wide-nav > .container {
    flex-wrap: wrap;
}

#wide-nav > .container > div.flex-left {
    max-width: 1208px;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 58px;
}

#wide-nav > .container > div {
    width: 100%;
    position: relative;
}

#wide-nav > .container > div + div {
    margin-top: 10px;
}

#wide-nav > .container > div > * {
    flex-wrap: nowrap;
    justify-content: space-between;
    transition: all .3s;
    transform: translateX(0);
}

#wide-nav > .container > div > *.nav-left > li > a {
    display: flex;
    align-items: center;
    height: 44px;
    width: 164px;
    justify-content: center;
    background: #00301D;
    border-radius: 4px;
    color: #99B9AC
}

#wide-nav > .container > div > *.nav-right > li > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    text-transform: none;
}

#wide-nav > .container > div > *.nav-right > li {
    flex: 1;
    line-height: 1;
    padding: 0;
    margin: 0 !important;
}

#wide-nav .jeg_nav_html {
    width: 44px;
    height: 44px;
    background: url(https://bongdaku.com/tin-tuc/wp-content/uploads/2024/07/Menu_Horizontal.png);
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-size: cover;
    border-radius: 4px;
    padding: 0;
}

#wide-nav .nav-right .current-menu-item > a, #wide-nav .nav-right .menu-item > a:hover, #wide-nav .nav-right .current-post-parent>a {
    background: #337359;
}


/* Header custom */
.header-news-pc{
	margin-top: 0 !important;
}

.header-news-pc .header-news-list{
	background: #03472c;
	clear: both;
    line-height: 35px;
    border-top: 0;
	display: flex;
	text-align: left;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
	margin: 0;
}

.header-news-pc .header-news-list .menu-item{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex: 1;
	position: relative;
    height: 43px;
    float: left;
    width: 12.4%;
    transition: .175s all linear;
    border-bottom: 3px solid transparent;
	margin: 0;
}

.header-news-pc .header-news-list .menu-item.on{
    border-bottom: 3px solid #ffffff;
    background: #337359;
}

.header-news-pc .header-news-list .menu-item .nav-top-link{
	display: inline-block;
    border-right: 1px solid #005030;
	transition: all 0.2s linear;
    color: #fff;
    text-transform: capitalize;
    width: 100% !important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.header-news-pc .header-news-list .menu-item:hover, .current-post-parent.menu-item {
    border-radius: 0px 0px 0px 0px;
    border-color: #ffffff !important;
    background: #337359;
}

.header-news-pc .header-news-list .current-menu-item{
    border-radius: 0px 0px 0px 0px;
    border-color: #ffffff;
    background: #337359;
}

.header-news-pc .header-news-list .menu-item:last-child .nav-top-link{
    border-right: 0;
    border-right: 0 !important;
}

.header-sports-pc{
    order: 4;
}

.header-sports-pc .header-sports-list{
    flex-wrap: nowrap;
    justify-content: space-between;
    transition: all .3s;
    transform: translateX(0);
    align-items: center;
    display: flex;
    width: 100%;
    position: relative;
    gap: 10px;
    margin: 0;
}

.header-sports-pc .header-sports-list .menu-item:first-child {
    margin-left: 0 !important;
}

.header-sports-pc .header-sports-list>.menu-item {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: background-color .3s;
    position: relative;
    width: 100%;
}

.header-sports-pc .header-sports-list .menu-item .nav-top-link {
    display: flex;
    align-items: center;
    height: 44px;
    width: 164px;
    justify-content: center;
    background: #00301D;
    border-radius: 4px;
    color: #99B9AC;
    text-transform: initial;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    padding: 10px 0;
    transition: all .2s;
}

.header-sports-pc .header-sports-list .menu-item:hover .nav-top-link{
    background: #fff !important;
    color: var(--color-main) !important;
}

.header-sports-pc .header-sports-list .menu-item:hover .nav-top-link img {
    filter: sepia(1) saturate(5) hue-rotate(90deg) brightness(0.3);
    transition: all .2s;
}

.header-sports-pc .header-sports-list .menu-item:hover > .nav-top-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 4px);
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 8px solid #ffffff !important;
    transition: all .2s;
}

.header-sports-pc .header-sports-list .current-menu-item .nav-top-link{
    background: #fff !important;
    color: var(--color-main) !important;
}

.header-sports-pc .header-sports-list .current-menu-item .nav-top-link img {
    filter: sepia(1) saturate(5) hue-rotate(90deg) brightness(0.3);
    transition: all .2s;
}

.header-sports-pc .header-sports-list .current-menu-item > .nav-top-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 4px);
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 8px solid #ffffff !important;
    transition: all .2s;
}

.header-sports-pc .header-sports-list .menu-item .nav-top-link img {
    margin-right: 8px;
    transition: all .2s;
}

.header-sports-pc .header-sports-list .menu-item .nav-top-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 4px);
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 10px solid transparent;
    transition: all .2s;
    z-index: -1 !important;
}

#masthead{
    border-bottom: 0;
}

#wide-nav{
    margin-top: 0;
}

.header-wrapper .header-bottom{
    min-height: 100%;
}

/* .header-form-block{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    order: 4;
}

.header-form-block form{
	margin: 0;
}

.header-form-block .header-form-inner{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.header-form-block .header-form-inner .header-form-user{
	position: relative;
    margin-right: 8px;
}

.header-form-block .header-form-inner .header-form-user img{
	position: absolute;
    right: 8px;
    top: 8px;
}

.header-form-block .header-form-inner input{
    border: 1px solid transparent;
    padding: 8px;
    border-radius: 8px;
    background-color: #337359;
    color: #99b9ac;
    box-sizing: content-box;
    margin: 0;
    transition: none;
    box-shadow: none;
    outline: none;
	font-size: 13px;
    padding-right: 33px;
}

.header-form-block .header-form-inner .header-form-user input{
	width: 172px;
    height: 20px;
    font-family: "Inter", sans-serif;
}

.header-form-block .header-form-inner .header-form-user input::placeholder {
	color: #99b9ac;
}

.header-form-block .header-form-inner .header-form-password{
	position: relative;
}

.header-form-block .header-form-inner .header-form-password .pointer{
	cursor: pointer;
}

.header-form-block .header-form-inner .header-form-password input{
    width: 145px;
    height: 20px;
    font-family: "Inter", sans-serif;
}

.header-form-block .header-form-inner .header-form-password input::placeholder {
	color: #99b9ac;
}

.header-form-block .header-form-inner .header-form-password img{
	position: absolute;
    right: 8px;
    top: 8px;
}

.header-form-block .header-form-inner .header-form-password .pointer.hide{
	display: none;
}

.header-form-block .header-form-inner .header-form-login{
	background-color: #ebfbf5;
    color: #00100a;
    transition: .175s all linear;
    border: 1px solid transparent;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 7px 24px;
	margin-right: 0px;
	margin-left: 10px;
	cursor: pointer;
	border-radius: 8px;
	box-sizing: border-box;
	width: 155px;
	height: 36px;
} 

.header-form-block .header-form-inner .header-form-login:hover{
	background-color: #00100a;
    color: #ebfbf5;
    border-color: #00100a;
}

.header-form-block .header-form-inner .header-form-login img{
	width: 16px;
    height: 16px;
    margin-right: 6px;
}

.header-form-block .header-form-inner .header-form-login img.shw-hv{
	display: none;
}

.header-form-block .header-form-inner .header-form-login span{
	font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

.header-form-block .header-form-inner .header-form-signUp{
	background-color: #bf3e16;
    color: #ffffff;
    transition: .175s all linear;
    border: 1px solid transparent;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 7px 24px;
	margin-right: 0px;
	margin-left: 10px;
	cursor: pointer;
	border-radius: 8px;
	box-sizing: border-box;
	width: 155px;
	height: 36px;
}

.header-form-block .header-form-inner .header-form-signUp:hover{
	background-color: #ffffff;
    color: #bf3e16;
    border-color: #bf3e16;
}

.header-form-block .header-form-inner .header-form-signUp img{
	width: 16px;
    height: 16px;
    margin-right: 6px;
}

.header-form-block .header-form-inner .header-form-signUp:hover .shw {
    display: none;
}

.header-form-block .header-form-inner .header-form-signUp:hover .shw-hv {
    display: block;
}

.header-form-block .header-form-inner .header-form-signUp img.shw-hv{
	display: none;
} */

.header-inner .logo{
    margin: 0;
    order: 1;
}

.header-top-tools{
	background-color: #00301d;
	border-bottom: 1px solid #236349;
}

.header-top-tools .header-top-tools-inner{
    height: 40px;
    margin: 0 auto;
    color: #fff;
}

.header-top-tools .header-top-tools-inner .header-top-tools-left{
	float: right;
    display: flex;
    align-items: center;
    height: 40px;
}

.header-top-tools .header-top-tools-inner .header-top-tools-left .header-top-choose-tool{
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 16px;
    position: relative;
    cursor: pointer;
}

.header-top-tools .header-top-tools-inner .header-top-tools-left .header-top-choose-tool span{
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: #bbbbbb;
}

.header-top-tools .header-top-tools-inner .header-top-tools-left .header-top-choose-tool .header-top-img-tool{
	width: 16px;
    height: 16px;
    object-fit: cover;
	margin-left: 6px;
}

.header-top-tools .header-top-tools-inner .header-top-tools-left .header-top-choose-tool .header-top-img-tool.size-20{
	width: 20px;
	height: 20px;
}

.header-top-tools .header-top-tools-inner .header-top-tools-left .ld_checkbox-label{
	margin: 0;
}

.header-news-mobile{
	display: none;
}

.header-sports-mobile-inner{
	display: none;
}

@media only screen and (min-width: 48em) and (max-width: 75em) {
    .blog_2_col > .post-item:first-child {
        padding-right: 9.8px !important;
    }

    .blog_2_col > .post-item:nth-child(2) {
        padding-left: 9.8px !important;
    }

    .scroll_video {
        max-height: 370px;
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
	body .col_hot>.col-inner{
		margin-top:0;
	}
    #logo img {
        max-width: 160px;
    }

    #wide-nav {
        margin-top: 0;
    }

    .header-bottom {
        background-color: #FBFBFB !important;
    }

    #wide-nav > .container > div + div {
        width: 1200px;
        overflow: auto;
    }

    #wide-nav > .container > div > * {
        width: max-content;
    }

    #wide-nav > .container > div + div {
        margin-top: 0;
    }

    body #wide-nav .current-menu-item > a,body #wide-nav .current-post-parent > a {
        color: #070F03;
        font-weight: bold;
    }

    #wide-nav .menu-item > a {
        color: #717171;
        font-weight: 300;
    }

    body .header-bottom {
        min-height: 46px;
    }

    .post-item .box-vertical {
        display: flex;
    }

    .post-item .box-vertical .box-image {
        width: 33% !important;
    }

    .post-item .box-vertical .box-text {
        flex: 1 !important;
    }

    body .row_secord .large-8, body .row_secord .large-4 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .row .col_white {
        padding-left: 0;
        padding-right: 0;
    }

    body .col_white > .col-inner {
        padding-left: 8.5px;
        padding-right: 8.5px;
    }

    .blog_hot .from_the_blog_excerpt {
        display: none;
    }

    body .vertical_rev .box-vertical {
        flex-direction: unset;
    }

    body .col_video > .col-inner {
        padding: 8.5px;
    }

    body .col_video {
        padding: 0 !important;
    }

    .home .col_view, .home .col_tag {
        display: none;
    }

    .blog-wrapper .page-title {
        display: none;
    }

    .row_main_post > .col {
        padding-left: 0;
        padding-right: 0;
    }

    .share_custom {
        display: none !important;
    }

    .share_custom + .post {
        width: 100% !important;
        float: unset;
        padding-left: 8.5px;
        padding-right: 8.5px;
    }

    .row_main_post > .col > .col-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .blog-archive > .row > .large-10 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .blog-archive .section, .col_box_content > .col-inner, .col_view > .col-inner, .col_tag > .col-inner {
        padding-left: 8.5px;
        padding-right: 8.5px;
    }
	.col_view{
		padding-bottom:0!important;
	}
    .col_custom_post .box-vertical .from_the_blog_excerpt {
        display: none !important;
    }

    .post-item.col {
        padding-bottom: 10px;
    }

    .blog_ajax .post-title.is-small {
        font-size: var(--text-normal);
    }

    .section_footer_bar {
        display: block;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        position: fixed;
        bottom: 0;
        z-index: 999999999;
    }

    .section_footer_bar .icon-box-img {
        margin-bottom: 8px;
    }
	.section_footer_bar .icon-box-img img{
		padding-top:0;
	}
	.section_footer_bar .icon-box-text p{
		line-height: 1.4;
	}

    .footer-wrapper {
        padding-bottom: 65px;
    }

    #footer > .section {
        padding-bottom: 0 !important;
    }

    .loader::before, .loader::after {
        left: 40%;
        width: 30px;
        height: 30px;
    }

    body #wide-nav > .container > div > *.mobile-nav > li > a:after {
        content: '';
        width: 0%;
        background: #36AA7C;
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        transition: all .2s;
    }

    body #wide-nav > .container > div > *.mobile-nav > li.current-menu-item > a:after,body #wide-nav > .container > div > *.mobile-nav > li.current-post-parent > a:after  {
        width: 100%;
        transition: all .2s;
    }

    body .max-width-80 {
        width: 100%;
    }

    .post-sidebar {
        padding-bottom: 0;
			padding-left:6px;
			padding-right:6px;
    }

    .row_main_post > .col > .col-inner {
        padding-bottom: 0;
    }

    #logo a:after {
        top: 5px;
        left: 40px;
        background-size: 18px;
    }

    .logo_footer .img-inner:after {
        top: 9px;
    }

    .col_first_css {
        flex-basis: 100%;
        max-width: 100%;
    }

    .col_sec_css {
        flex-basis: 100%;
        max-width: 100%;
    }

    .copyright-footer {
        font-size: 12px;
    }

    #footer .ux-menu-link__link {
        font-size: 12px;
    }

    #footer .ux-menu-title {
        font-size: 16px;
    }

    #footer p {
        font-size: 12px;
    }

    .icon_menu a:before {
        height: 20px;
        width: 20px;
    }

    .post-title {
        font-size: var(--text-normal);
    }

    body {
        font-size: var(--text-normal);
    }

    .from_the_blog_excerpt {
        font-size: var(--text-normal);
    }

    .post-title.is-large {
        font-size: var(--text-medium);
    }

    .row-small > .col.post-item {
        padding-bottom: 16px;
    }

    .blog_ajax.row-small > .col.post-item {
        padding-bottom: 12px;
    }

    .row .col_white {
        padding-bottom: 0 !important;
    }

    .row .col_white > .col-inner {
        padding-bottom: 0 !important;
    }

    .row .col_white > .col-inner > .row > .col {
        padding-bottom: 0;
    }

    .is-divider {
        margin-top: 0;
    }

    .header-bottom > .flex-row.container {
        padding: 0 9.8px 0;
    }

    .blog_side_left > .post-item:first-child {
        padding-right: 5px !important
    }

    .blog_side_left > .post-item:nth-child(2) {
        padding-left: 5px !important
    }

    .blog_2_col > .post-item:nth-child(2) {
        padding-left: 5px !important
    }

    .blog_2_col > .post-item:first-child {
        padding-right: 5px !important
    }

    .blog_side_right > .post-item:last-child {
        padding-bottom: 0;
    }

    .col_npb {
        padding-bottom: 0 !important;
    }

    .vertical_rev .post-item .box-vertical .box-text {
        padding-left: 10px;
    }

    body .scroll_video .box-vertical {
        padding-left: 40px;
    }

    .scroll_video .col-inner:after {
        display: none
    }

    .scroll_video .post-item.col {
        padding-bottom: 20px;
    }

    #container-leagues, .button_pre_next_match {
        display: none;
    }

    .main_match_inner {
        width: 100%;
    }

    .match_item {
        min-width: calc(100% / 2.2);
    }

    .main_match {
        padding: 10px 8px;
    }
#wide-nav > .container > div + div::-webkit-scrollbar {
  display: none;
}
#wide-nav > .container > div + div {
  scrollbar-width: none;
}
#wide-nav > .container > div + div {
  -ms-overflow-style: none;
}
	.section_footer_bar{
		height:84px;
		display:flex;
	}
	.section_footer_bar .icon-box-text{
		font-size:10px;
	}
	.blog_ajax+.pb-half {
    padding-bottom: 10px;
}
	.col_custom_post{
		padding-bottom:16px;
	}
	.dark#wide-nav{
		background-color: #1A1A1A !important;
	}
	.dark#wide-nav .menu-item > a{
		color:#BBBBBB;
	}
		body .dark#wide-nav .current-menu-item > a,body .dark#wide-nav .current-post-parent > a {
        color: #fff;
    }
}

/* Header Custom Moblie */
@media screen and (max-width: 1024px){
    .header-news-pc{
		display: none;
	}

    /* .header-form-block{
		display: none;
	} */

	.header-sports-pc{
		display: none;
	}

    #masthead{
		border-bottom: none;
	}

	.header-top-tools{
		display: none;
	}

    .header-news-mobile{
		display: block;
		padding: 10px 0;
	}

	.header-news-mobile .swiper-slide .menu-item{
		padding: 5px;
		border-radius: 4px;
		margin-right: 6.5px !important;
		display: inline-block;
        background-color: #f2f2f2;
		display: block;
	}

	.header-news-mobile .swiper-slide .menu-item .nav-top-link{
		text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 44px !important;
        font-size: 10px;
        height: 100%;
        line-height: 1.1;
        flex-shrink: 1;
        flex-grow: 1;
        color: rgb(113, 113, 113) !important;
	}

	.header-news-mobile .swiper-slide .menu-item.current-menu-item .nav-top-link{
		color: #005030 !important;
        font-weight: 600;
	}

	.header-news-mobile .swiper-slide .menu-item.current-menu-item{
		background-color: #E9F6F1;
	}

    .header-sports-mobile-inner{
		display: block;
        padding: 0 10px;
	}
    .header-sports-mobile{
		display: block;
		max-height: 70px;
        margin-bottom: 21px;
	}

	.header-sports-mobile .swiper-wrapper .nav-top-link{
		display: flex;
		text-decoration: none !important;
		flex-direction: column;
        height: 58px;
        padding: 7px 6px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 8px;
		margin-right: 6.5px !important;
		animation: .5s;
		box-sizing: border-box;
		background-color: #00301d;
        font-size: 10px;
        text-align: center;
		color: #99b9ac;
	}

	.header-sports-mobile .swiper-wrapper .menu-item.current-menu-item .nav-top-link{
		background-color: #ffffff;
        color: #005030;
		font-weight: 700;
	}

	.header-sports-mobile .swiper-wrapper .menu-item.current-menu-item picture img {
		filter: sepia(1) saturate(5) hue-rotate(90deg) brightness(0.3);
	}

	.header-sports-mobile .swiper-wrapper .nav-top-link picture{
		width: 28px;
        height: 28px;
        margin-right: 0;
        margin-bottom: 4px;
	}

	.header-sports-mobile .swiper-wrapper .nav-top-link picture img{
		width: 100%;
	}

    .header-inner .logo{
        order: 3;
    }
}

/* Author block */
.author-breadcrumbs{
    margin-top: 15px;
}

.author-breadcrumbs .author-breadcrumbs-link{
    color: #717171;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.author-breadcrumbs .author-breadcrumbs-text{
    color: #00301D;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.author-block {
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.author-block .author-avatar {
    height: 250px;
    width: 280px;
    position: relative;
}

.author-block .author-avatar img {
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
	width:100%;
}

.author-block .author-detail{
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
    padding: 16px;
    text-align: left;
    background: #337359;
    flex: 1;
}

.author-block .author-detail .author-name{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
}

.author-block .author-detail .author-name::after{
    content: "";
    display: block;
    width: 43px;
    height: 2px;
    background: #14AE71;
    margin-top: 7px;
}

.author-block .author-detail .author-bio{
    color: #F6F6F6;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    margin-top: 7px;
}

.author-post-inner .author-posts-text{
    color: #0F0F0F;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.author-post-list{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 16px;
    margin-bottom: 0;
}

.author-post-list .author-post-item{
    width: calc(100%/4 - 12px);
    margin: 0;
    border-radius: 4px;
    border: 1px solid #EDEDED;
    background: #FFF;
}

.author-post-list .author-post-item .author-post-image{
    max-height: 163px;
    overflow: hidden;
    width: 100%;
}

.author-post-list .author-post-item .author-post-image img{
    width: 100%;
    border-radius: 4px;
    height: 100%;
    object-fit: cover;
}

.author-post-list .author-post-item .author-post-link{
    padding: 4px 4px 6px 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
}

.author-post-list .author-post-item .author-post-detail .author-post-title{
    margin-bottom: 0;
}

.author-post-list .author-post-item .author-post-detail .author-post-header{
    display: flex;
    align-items: center;
}

.author-post-list .author-post-item .author-post-detail .author-post-header .author-post-date{
    color: #A8A8A8;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.author-post-list .author-post-item .author-post-detail .author-post-header .author-post-name{
    color: #DB9414;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.2s;
}

.author-post-list .author-post-item:hover .author-post-detail .author-post-header .author-post-name{
    text-decoration: underline;
}

.author-post-list .author-post-item .author-post-detail .author-post-header .author-post-name::before{
    content: "";
    display: inline-block;
    background: #CFCFCF;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 0 6px;
}

.author-post-list .author-post-item .author-post-detail .author-post-title{
    color: #070F03;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: all 0.2s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    margin-top: 2px;
}

.author-post-list .author-post-item:hover .author-post-detail .author-post-title{
    text-decoration: underline;
    color: #005030;
}

.author-post-inner .nav-pagination{
    margin-top: 16px;
}

.author-post-inner .nav-pagination .page-number{
    border-radius: 4px;
    border: 1px solid #BBB;
    font-weight: 400;
}

.author-post-inner .nav-pagination .page-number.current{
    font-weight: bold;
    background: #414141;
    color: #fff;
}

.author-post-inner .nav-pagination .prev.page-number,
.author-post-inner .nav-pagination .next.page-number{
    border-radius: 4px;
    border: 1px solid #1D7652;
}

.author-post-inner .nav-pagination .prev.page-number i,
.author-post-inner .nav-pagination .next.page-number i{
    top: -5px;
}   

@media screen and (max-width: 1024px) {
    .author-post-list .author-post-item{
        width: calc(100%/3 - 12px);
    }
}

@media screen and (max-width: 768px){
    .author-block{
        gap: 0;
        max-width: 100%;
    }

    .author-block .author-avatar{
        max-width: 100%;
        width: 100%;
    }

    .author-block .author-avatar img {
        width: 100%;
        height: 100%;
    }

    .author-post-list{
        gap: 20px;
    }

    .author-post-list .author-post-item{
        width: 100%;
    }

    .author-post-list .author-post-item .author-post-link{
        padding: 10px;
        gap: 12px;
    }
}