/*
 Theme Name:   Flatsome Child
 Theme URI:    https://yourdomain.com/
 Description:  Child theme for Flatsome
 Author:       ABM
 Author URI:   https://yourdomain.com/
 Template:     flatsome
 Version:      1.0.0
*/
.thong-ke-truy-cap {
    color: #FFF;
	text-align: center;
}
.d-flex {
    display: flex;
}
.d-al-center {
    align-items: center;
}
.d-wrap {
	flex-wrap: wrap;
}
.d-center {
    justify-content: center;
}
.d-space {
    justify-content: space-between;
}
.mrb-0 {
    margin-bottom: 0;
}
.pdb-0{
    padding-bottom: 0;
}
.gap-5 {
    gap: 5px;
}
.gap-15 {
    gap: 15px;
}
.gap-10 {
    gap: 10px;
}
.gap-20 {
    gap: 20px;
}
.tutor-tab.tutor-course-spotlight-tab {
	display: none !important;
}
.tutor-course-topic-single-footer {
	display: none !important;
}
.tutor-topbar-complete-btn form,
.tutor-topbar-complete-btn form button{
	margin: 0 !important;
}
.tutor-checkout-billing .tutor-billing-fields .tutor-col-12:not(:last-of-type) .tutor-form-control {
	border-bottom: 1px solid #ddd !important;
	border-radius: 6px !important;
}
input[name="billing_address"] {
	display: none !important;
}
#logo {
	display: none !important;
}
#masthead .header-nav {
	justify-content: center;
}
#masthead .header-nav li a {
	font-size: 18px;
	padding: 12px 15px;
	line-height: 1;
	color: #383838;
	border-radius: 10px !important;
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}
#masthead .header-nav li:hover a {
	color: #FFF;
	background-color: var(--fs-color-primary);
	transition: all 0.3s ease-in-out;
}
#masthead .header-nav li.active a {
	color: #FFF;
}
#masthead .header-nav li:last-child a {
	margin-right: 0 !important;
}
.row-custom {
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.row-custom .col {
	padding: 0 !important;
}
.row-custom .col:last-child {
	display: flex;
	align-items: center;
}
.title-section p{
	padding: 12px 30px;
	background-color: #eb3431;
	border-radius: 8px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
	color: #FFF;
}
.title-khoa-hoc p {
	font-size: 40px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}
.col {
	padding-bottom: 0 !important;
}
#post-list .col-inner,
#post-list .col-inner .box{
	border-radius: 10px;
}
#post-list .col-inner .box .box-image,
#post-list .col-inner .box .box-image img{
	border-radius: 10px 10px 0 0;
}
.from_the_blog_comments  {
	display: none;
}
.equalize-box .col-inner {
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}
.equalize-box .col-inner:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .22);
	transition: all 0.3s ease-in-out;
}

.equalize-box .col-inner .box {
	border-radius: 10px;
}
.equalize-box .col-inner .box .box-image {
	height: 240px;
	position: relative;
}
.equalize-box .col-inner .box .box-image .list-item-price {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.equalize-box .col-inner .box .box-image .list-item-price span {
	position: relative;
	color: var(--fs-color-primary);
	font-size: 18px;
	font-weight: 700;
	background: linear-gradient(to left, #fceabb, #f8b500);
    padding: 4px 6px;
}
.equalize-box .col-inner .box .box-image .list-item-price span:before {
	content: 'Học phí: ';
	font-size: 18px;
	font-weight: 700; 
	color: var(--fs-color-primary);
}
.equalize-box .col-inner .box .box-image,
.equalize-box .col-inner .box .box-image img {
	border-radius: 10px 10px  0 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.equalize-box .col-inner .box .box-text a.course-title{
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	height: 60px;
	width: 100%;
	color: var(--fs-color-primary);
}
.equalize-box .col-inner .box .box-text a.button {
	color: #FFF;
	border-radius: 10px;
	font-size: 14px;
	padding: 5px 20px;
	margin-bottom: 0 !important;
	border: 1px solid var(--fs-color-primary);
	box-sizing: border-box;
	transition: all 0.3s ease-in-out;
}
.equalize-box .col-inner:hover .box-image img {
	transform: scale(1.1);
	transition: all 0.3s ease-in-out;
}
.equalize-box .col-inner .box .box-text a.button:hover {
	color: var(--fs-color-primary);
	box-shadow: unset !important;
	background-color: #FFF;
	transition: all 0.3s ease-in-out;
}
.footer-wrapper p {
	margin-bottom: 10px;
	font-size: 22px;
}
.absolute-footer{
	display: none !important;
}
.tutor-wrap {
	padding: 30px 0;
}
input {
	border-radius: 4px !important;
}
html, body {
    height: 100%;
    margin: 0;
}
.equalize-box .col {
	padding-bottom: 15px !important;
}
#wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* ít nhất bằng chiều cao màn hình */
}

#main {
    flex: 1; /* đẩy footer xuống */
}
@media (max-width:849px) {
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background-color: #FFF !important;
	}
	.off-canvas .nav-vertical>li>a {
		color: #383838;
	}
	.row-custom .col:last-child .text {
		padding: 10px;
	}
	.row-custom .col:last-child .text h2 {
		font-size: 16px;
	}
	.title-section p {
		font-size: 16px;
	}
	.title-khoa-hoc p {
		font-size: 24px;
	}
	.ux-logo-link {
		padding: 0 !important;
	}
}
@media (max-width: 768px) {
	#tutor-dashboard-footer-mobile {
		display: none !important;
	}
	.tutor-dashboard:not(.is-sidebar-expanded) .tutor-dashboard-left-menu {
		display: block !important;
	}
	.tutor-dashboard .tutor-frontend-dashboard-maincontent ul.tutor-dashboard-permalinks:before {
		display: none !important;
	}
	.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks {
		padding: 0 !important;
        margin: 0 !important;
	}
	.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a {
		padding-left: 0 !important;
	}
	.tutor-header-right-side {
		display: none !important;
	}
}