:root {
	--theme-color: #ff0000 !important;
	--theme-color2: #f89425 !important;
	--theme-color3: #b6050f !important;
	--text-color: #25274d !important;
	--black: #2e2e2e;
	--grey: #e8e8e8;
	--fa6: "Font Awesome 6 Pro";
	--fw-600: 600;

	--regular: "ChapmanWeb";
	--medi: "ChapmanWeb-medi", sans-serif;
	--semi: "ChapmanWeb-semi", sans-serif;
	--bold: "ChapmanWeb-bold", sans-serif;
	--italic: "ChapmanWeb-italic", sans-serif;

	--font-2: "Northbank-Forward", sans-serif;

	--size-14: 0.875rem;
	--size-20: 1.25rem;
	--size-24: 1.5rem;
	--size-28: 1.75rem;
	--size-30: 1.875rem;
	--size-36: 2.25rem;
	--size-40: 2.5rem;
}

.txt-white,
.txt-white * {
	color: white !important;
}

/* @font-face {
	font-family: "ChapmanWeb-italic";
	src: url("../fonts/ChapmanWeb-Italic.woff2") format("woff2"),
		url("../fonts/ChapmanWeb-Italic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "ChapmanWeb-bold";
	src: url("../fonts/ChapmanWeb-Bold.woff2") format("woff2"),
		url("../fonts/ChapmanWeb-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "ChapmanWeb-semi";
	src: url("../fonts/ChapmanWeb-SemiBold.woff2") format("woff2"),
		url("../fonts/ChapmanWeb-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "ChapmanWeb";
	src: url("../fonts/ChapmanWeb-Regular.woff2") format("woff2"),
		url("../fonts/ChapmanWeb-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
} */

@font-face {
	font-family: "Northbank-Forward";
	src: url("../fonts/Northbank-Forward.woff2") format("woff2"),
		url("../fonts/Northbank-Forward.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.font-2 {
	font-family: "Northbank-Forward";
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
}

p {
	margin-bottom: 0.8em;
}

p,
a,
ul,
li {
	font-family: Arial, Helvetica, sans-serif;
}

.uxb-wrapper.uxb-wrapper--text {
	position: unset;
}

.uxb-wrapper.uxb-wrapper--team_member {
	width: 25%;
}

body {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f6f6f6;
}
#main,
#wrapper {
	background-color: #f6f6f6;
	position: relative;
}
p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 1rem;
}

input:autofill {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

input:-webkit-autofill {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

.wpcf7 form .wpcf7-response-output {
	display: none;
}

.wpcf7 .wpcf7-not-valid-tip {
	position: absolute;
	background: 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	left: 18px;
	bottom: 18px;
}

.wpcf7 .wpcf7-not-valid-tip:after {
	display: none;
}

.p-mb-10 p {
	margin-bottom: 10px !important;
}

/* footer */
.absolute-footer {
	display: none;
}

.menu-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 20px;
}

.menu-footer a {
	color: #fff;
	text-transform: uppercase;
	font-family: var(--font-2);
}

.menu-footer .ux-menu-link:hover a {
	color: var(--theme-color);
}

.row-logo-brand .ux-logo-link:hover svg path,
.row-logo-brand .ux-logo-link:hover svg polygon {
	fill: #fff;
	transition: 0.3s;
}

.blog-hot-news .post-title a {
	display: block;
	font-size: 24px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.blog-hot-news .is-divider {
	display: none;
}
.blog-single {
	padding-bottom: 0px;
}

.blog-hot-news .flickity-prev-next-button {
	margin-top: -5% !important;
}
.blog-hot-news .flickity-prev-next-button svg {
	background-color: #fff;
}
.blog-single .entry-category {
	font-size: 24px;
}
.blog-single .entry-category a {
	text-transform: uppercase;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: var(--theme-color);
	font-weight: 700;
}
.blog-single h1.entry-title {
	font-size: 36px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600 !important;
}
.entry-header .entry-meta {
	font-size: 14px;
}
.blog-single header .entry-divider {
	display: none;
}

.blog-single .entry-content.single-page {
	max-width: 900px;
	display: block;
	margin: 0 auto;
}
.blog-single .social-icons a i {
	top: 0;
}
.blog-single .blog-share.text-center {
	margin-top: 40px;
}
a.post-relate-one {
	display: flex;
	align-items: center;
	padding: 15px;
	background: #fff;
	border-radius: 3px;
	max-width: 900px;
	margin: 0 auto;
}

.post-relate-one .thumb img {
	width: 90px;
	height: 90px;
	object-fit: cover;
}
.post-relate-one .readmore {
	padding-left: 20px;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	display: block;
	color: #000;
}
.blog-hot-news {
	margin: 0 !important;
}

.blog-archive .page-title,
.archive-matchs h1.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: var(--theme-color);
	margin-bottom: 30px;
}

.blog-archive.page-wrapper {
	padding-top: 0px;
}
header.archive-page-header {
	background: #1d1d1d;
	padding-top: 35px;
	margin-bottom: 40px;
}
header.archive-page-header .is-divider {
	width: 100%;
	background: #5d5d5d;
	display: block;
	max-width: unset;
	height: 1px;
	margin: 0;
}
.chil-category a {
	color: #fff;
	font-family: var(--font-2);
	font-size: 20px;
	padding: 24px 50px 24px 0px;
	position: relative;
	text-transform: uppercase;
	white-space: nowrap;
	display: inline-block;
	transition: 0.3s;
}
.chil-category a:hover {
	color: var(--theme-color);
}

.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover {
	border-color: #212121;
	background-color: #212121;
	border: none;
	color: var(--theme-color) !important;
}
.nav-pagination > li > a,
.nav-pagination > li > span {
	border-radius: 0px;
	background-color: #212121;
	color: #fff !important;
	border: none !important;
	font-size: 16px;
	height: 35px;
	line-height: 36px;
}

.blog-archive .box-blog-post .post-title a {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000;
	margin-top: 15px;
}
.blog-archive .box-blog-post .is-divider,
.blog-archive .box-blog-post .from_the_blog_excerpt {
	display: none;
}

.top-bar-nav li a {
	text-transform: uppercase;
	font-size: 13px;
	font-family: var(--font-2) !important;
	color: #fff !important;
	padding: 0px 5px;
}
.top-bar-nav li a:hover {
	background-color: #fff;
	color: var(--theme-color) !important;
}
.html_topbar_left a {
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-family: var(--font-2) !important;
	color: #fff !important;
	margin-right: 15px;
	padding: 0px 5px !important;
}
.html_topbar_left a:hover {
	background-color: #fff;
	color: var(--theme-color) !important;
}

.header-top {
	border-bottom: 1px solid #000;
}
.header-main .nav > li > a {
	font-family: Arial, Helvetica, sans-serif;
}

.card-player-infor {
	display: block;
	width: 100%;
}
.team-box-info .box-text {
	padding: 16px 12px !important;
	background-color: #181a1b;
}
.team-box-info .name-number {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.team-box-info .name-number span {
	display: block;
	text-align: left;
	line-height: 1;
}
.team-box-info .name-number span.first {
	font-size: 16px;
	font-family: var(--font-2);
	color: #bdbdbd;
	text-transform: uppercase;
}
.team-box-info .name-number span.last {
	font-size: 24px;
	font-family: var(--font-2);
	text-transform: uppercase;
	color: #fff;
}
.team-box-info .name-number .number {
	font-size: 46px;
	font-family: var(--font-2);
	color: #fff;
	line-height: 1;
}
.team-box-info .national {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	color: #fff;
	align-items: center;
}
.team-box-info .national img {
	width: 26px;
	height: 19px;
	object-fit: contain;
}

.sidebar-lastnew .post-title a {
	display: block;
	font-size: 24px;
	position: relative;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
}
.sidebar-lastnew .box-text {
	text-shadow: unset;
}
.sidebar-lastnew .box-image:before {
	background: linear-gradient(180deg, transparent, #000);
	bottom: 0;
	content: "";
	height: 200px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	top: auto;
	z-index: 1;
}

.team-tax h1.page-title {
	font-size: 40px;
	color: var(--theme-color);
	margin-bottom: 30px;
}

.single-team-player {
	padding-top: 40px;
}
.single-team-player h1.entry-title {
	font-size: 36px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin-bottom: 0px;
}
.single-team-player .entry-content {
	max-width: 1000px;
	margin: 0 auto;
}

.relate-player .title-relate {
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	color: #000;
	margin-top: 30px;
}
.rank-math-breadcrumb {
	padding: 15px 0px;
}
.rank-math-breadcrumb p {
	margin-bottom: 0;
}

.form-tuvan-dichvu .col {
	padding-bottom: 0;
}
.form-tuvan-dichvu input {
	border-radius: 6px !important;
	height: 42px !important;
}
.form-tuvan-dichvu textarea {
	border-radius: 6px !important;
	min-height: 100px;
}
.form-tuvan-dichvu .wpcf7-submit {
	display: block;
	width: 100%;
	background-color: var(--theme-color3);
	text-transform: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
}
.form-tuvan-dichvu .wpcf7-spinner {
	display: none;
}

.maps-contact p {
	margin-bottom: 0px;
	line-height: 1;
}
.contact-sec h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
a.button.btn-style-1 {
	padding: 0;
	font-size: 16px;
	min-width: 160px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: max-content;
	height: 37px;
	min-height: unset;
	line-height: 1;
	padding-left: 23px;
	padding-right: 50px;
}
a.button.btn-style-1:hover {
	background-color: #fff !important;
	color: var(--theme-color) !important;
	box-shadow: none;
}
a.button.btn-style-1 span {
	line-height: 1;
}
a.button.btn-style-1:hover i {
	border-color: var(--theme-color);
}
a.button.btn-style-1 i {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 99%;
	font-size: 30px;
}

.blog-index .box-blog-post .post-title {
	font-size: 24px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600 !important;
}
.blog-index .box-blog-post .is-divider {
	display: none;
}
.blog-index .post-item:hover .post-title {
	color: var(--theme-color);
}

.tab-trending .nav-simple li a {
	font-size: 20px;
	font-family: var(--font-2);
	color: #000;
}
.tab-trending .nav-simple li.active a,
.dark-mode .tab-trending .nav-simple li.active a {
	color: var(--theme-color) !important;
}

.tab-trending .nav-simple li {
	margin: 0 27px;
}

.blog-video .is-divider,
.blog-video-vertical .is-divider {
	display: none;
}
.blog-video .post-title a {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000;
	display: block;
}
.blog-video-vertical .post-title a {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000;
	display: block;
}

.btn-white-style-1 {
	color: #fff !important;
	border-color: #fff !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	min-height: unset;
	height: 50px;
	min-width: max-content;
	padding: 0px 40px;
}
.btn-white-style-1:hover span {
	color: var(--theme-color);
}
.btn-white-style-1 span {
	color: #fff;
	line-height: 1;
}

.match-box-info .match-result {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.match-box-info .match-infor {
	display: block;
	width: 100%;
}

.match-box-info .match-result .result {
	font-size: 50px;
	font-family: var(--font-2);
}
.match-box-info .match-result .result.result-Loss {
	color: gray;
}
.match-box-info .match-result .result.result-Win {
	color: var(--theme-color);
}
.match-box-info .match-result .score {
	font-size: 50px;
	font-family: var(--font-2);
	color: #000;
}
.match-box-info h5 {
	font-size: 22px;
	color: #000;
	font-family: var(--font-2);
}

.banner-post-2 .box-text .post-title a {
	display: block;
	color: #fff;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.banner-post-2 .is-divider,
.banner-post .is-divider {
	display: none;
}
.banner-post-2 .cat-label,
.banner-post .cat-label {
	color: var(--theme-color);
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.banner-post .box-text {
	padding: 0px;
	padding-left: 40%;
}
.banner-post .box-text .box-text-inner {
	border-left: 25px solid var(--theme-color);
	padding: 20px 20px 20px 40px;
}
.banner-post .post-title a {
	display: block;
	font-size: 46px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.banner-post .button.is-link {
	text-transform: capitalize;
	font-size: 18px;
	color: var(--theme-color);
	border-bottom: 1px solid var(--theme-color);
}
.blog-vertical-index .is-divider {
	display: none;
}
.blog-vertical-index .post-title a {
	display: block;
	font-size: 20px;
	font-weight: 600 !important;
	color: #000;
}
.blog-vertical-index .post-title:hover a {
	color: var(--theme-color);
}

.dark-mode .blog-index .box-blog-post .post-title a:hover {
	color: var(--theme-color);
}

@media only screen and (max-width: 48em) {
	.blog-single .entry-category a {
		font-size: 18px;
	}
	.blog-single h1.entry-title {
		font-size: 26px;
	}
	.post-relate-one .readmore {
		font-size: 18px;
	}
	.blog-hot-news .flickity-prev-next-button {
		margin-top: -27% !important;
	}
	.row-slider .flickity-prev-next-button {
		width: 30px !important;
	}
	.row-slider .flickity-prev-next-button svg {
		padding: 10px !important;
	}
	.menu-footer {
		flex-wrap: wrap;
		gap: 15px;
	}
	.menu-footer a {
		font-size: 14px;
		min-height: unset;
		line-height: 1;
	}

	.banner-post-2 .cat-label,
	.banner-post .cat-label {
		font-size: 12px;
	}
	.banner-post .post-title a {
		font-size: 18px;
	}
	.banner-post .button.is-link {
		margin-top: 0;
		font-size: 14px;
	}

	.banner-post .box-text {
		padding-left: 0px;
	}
	.banner-post .box-text .box-text-inner {
		border-left: 3px solid var(--theme-color);
		padding: 5px 5px 5px 10px;
	}
	.banner-post-2 .box-text .post-title a {
		font-size: 26px;
	}
	a.button.btn-style-1 {
		font-size: 16px;
		height: 40px;
	}

	.blog-video .post-item {
		padding-bottom: 0;
	}
	.btn-white-style-1 {
		font-size: 14px;
	}
	.blog-index .box-blog-post .post-title,
	.blog-video-vertical .post-title a,
	.blog-video .post-title a {
		font-size: 18px;
	}
}