@font-face {
    font-family: 'Inter';
    src: url('../font/Inter-Bold.woff2') format('woff2'),
        url('../font/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter-Medium.woff2') format('woff2'),
        url('../font/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../font/Inter-Regular.woff2') format('woff2'),
        url('../font/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.header-main .nav > li {
	margin: 0 10px;
}
.header-main .nav > li > a {
	font-size: 14px;
}
.header-button .button {
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: 500;
	border: 0;
	line-height: 30px;
    min-height: 32px;
	padding-left: 10px;
    padding-right: 10px;
}
.header-button-1,
.header-button-2 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.header-button-1 .button {
	background: linear-gradient(102deg, #B3421E -7.82%, #8F1512 110.99%);
}
.header-button-2 .button {
	background: linear-gradient(102deg, #F8C32F -7.82%, #B1571A 110.99%);
}
.header-main #logo {
	position: relative;
	background: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-right: 8px;
	height: 100%;
	display: flex;
	align-items: center;
}
.header-main #logo:before {
	content: "";
    position: absolute;
    top: 0;
    left: -200%;
    right: 10px;
    bottom: 0;
    background-color: #fff;
    z-index: 1;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
	height: 100%;
}
.header-main #logo>a {
	position: relative;
	z-index: 2;
}



.single .article-inner .entry-content.single-page {
	padding-top: 0;
}
.single .article-inner .entry-header-text {
	padding-bottom: 0;
}

.widget .is-divider {
	display: none;
}

#toc_container .toc_list > li {
	margin-bottom: 8px;
	list-style: none;
	margin-left: 0;
}

#toc_container .toc_list > li a {
	font-weight: 400;
	color: #717983;
	min-height: 54px;
	display: flex;
	align-items: center;
	font-size: 13px;
	padding: 9px 20px;
	border-radius: 6px 0 0 6px;
}

#toc_container .toc_list > li a:hover {
	font-weight: 700;
}

#toc_container .toc_list > li:first-child a {
	font-weight: 700;
}

#toc_container .toc_list > li:last-child {
	margin-bottom: 0px;
}
.toc-content,
.taxonomy-description,
.widget {
	background-color: #292b2e;
	border-radius: 0 12px 12px 12px;
	overflow: hidden;
	padding: 20px;
}
.taxonomy-description,
.widget {
	border-radius: 0;
}
.home-box > .col-inner {
	background-color: #1c1e1f !important;
	border-radius: 15px;
	padding: 15px;
}
.acf_baimoi_widget {
	padding-bottom: 0;
}

.toc-heading,
.section-title h2 {
	font-family: 'Oswald', sans-serif;
	display: inline-block;
    padding: 5px 10px;
    margin: 0;
    color: #fff;
    border-radius: 6px;
    background: linear-gradient(142deg, #BB5014 0%, #8B0000 100%);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem;
    text-transform: uppercase;
    width: max-content;
	margin-bottom: 1rem;
}

.toc-block-list {
	list-style-type: none;
}
.toc-block-list > li {
	margin: 0 !important;
}
.toc-block-list > li > a {
	color: #F2F3F3;
	font-size: 14px;
	line-height: 1.75;
}
.toc-block-list > li > a:hover {
	color: #41a85f;
}
.toc-block-content {
	color: #F2F3F3;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5625rem;
    height: 100%;
    background-color: #292B2E;
    border-radius: 0 6px 6px 6px;
    padding: 15px 0 15px 15px;
}
.toc-block-content .overflow-scroll {
	overflow-y: auto;
	padding-right: 10px;
}
.overflow-scroll::-webkit-scrollbar {
	width: 4px;
}
.overflow-scroll::-webkit-scrollbar-track {
    background-color: #60828b;
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.overflow-scroll::-webkit-scrollbar-thumb {
    background: #ffffff; 
    border-radius: 10px;
}

.section-title a {
	color: #41a85f;
	text-transform: uppercase;
	font-size: 15px;
}
.footer-section .nav li {
	margin: 0px 10px;
}
.footer-section .nav li a {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.col.post-item .overlay-icon i {
	color: #FEA013;
}
.col.post-item .overlay-icon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	opacity: 1;
}

.home-blogs .is-divider {
	display: none;
}
.home-blogs .box.box-blog-post {
	background: linear-gradient(0deg, #292B2E 0%, #292B2E 100%), lightgray 50% / cover no-repeat;
}
.home-blogs .box.box-blog-post .box-text {
	padding: 1rem;
}

@media (max-width: 550px) {
	.col.post-item .box-vertical .box-text:after {
		left: 0;
	}
}