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

.menu-item.logout-link,.box-blog-post .is-divider,.box-blog-post .from_the_blog_excerpt {
    display: none;
}
.user-logged-in .menu-item.logout-link {
    display: block;
}

.box-blog-post .post-title > a, .box-blog-post a> .post-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 45px;
    font-size: 16px;
}
.khoa-hoc-meta {
    font-size: 16px;
}
.khoa-hoc-meta > span {
	display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.khoa-hoc-meta > span a {
    font-size: 13px;
}
.khoa-hoc-meta i {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.khoa-hoc-meta > .button {
    background: no-repeat center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M288 32C129.6 32 30 181.3 0 256c30 74.7 129.6 224 288 224s258-149.3 288-224C546 181.3 446.4 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm48 0c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-6.4 0-12.7 .6-18.8 1.8L288 256l-94.2-18.8c-1.2 6.1-1.8 12.4-1.8 18.8z'/%3E%3C/svg%3E");
    margin: 0 0 0 10px;
    min-height: 0;
    line-height: 1.7;
}
.khoa-hoc-meta > .button:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M288 32C129.6 32 30 181.3 0 256c30 74.7 129.6 224 288 224s258-149.3 288-224C546 181.3 446.4 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm48 0c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-6.4 0-12.7 .6-18.8 1.8L288 256l-94.2-18.8c-1.2 6.1-1.8 12.4-1.8 18.8z' fill='%23fe9205' /%3E%3C/svg%3E");
}
.baihoc-video,.baihoc-desc {
    /*display: none;*/
}
.baihoc-video.is-selected,.baihoc-desc.is-selected {
    display: block;
}
.baihoc-video > .plyr {
    margin-block: 0;
}
.top-khoa-hoc> .col > .col-inner {
    height: 100%;
}
.list-bai-hoc {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #f5f5f5;
    max-height: 450px;
    overflow-y: auto;
    border: 1px solid #aaa;
}
.tieu-de-danh-sach {
    padding: 10px;
    background: #ff9205;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.item-baihoc {
    border-top: 1px dashed #ccc;
}
.item-baihoc a {
    display: block;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    transition: all ease 0.3s;
}
.item-baihoc:hover a,.item-baihoc.is-selected a {
	background: #ff9205;
	color: #fff;
}
.single-post .article-inner .top-khoa-hoc {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f5f5f5;
    border: 1px solid #eee;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);
    border-radius: 10px;
}
.top-khoa-hoc> .col {
    padding-bottom: 5px;
}
.entry-content.single-page {
 border-radius: 10px;
 background: #Fff;
 border: 1px solid #eee;
 margin-top: 20px;
 padding: 10px;
 box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);
}
.main-dess {
    margin-bottom: 30px;
}
.main-dess .wp-block-protected-video-protected-video {
    display: none !important;
}
.baihoc-main-desc {
    border-top: dashed 1px #aaa;
    padding-top: 20px;
}
.col.post-item> .col-inner {
    height: 100%;
}
.login-register-form {
    gap: 30px;
    display: flex;
    justify-content: center;
}
.login-register-form > div {
    width: 50%;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #fff;
    transition: all ease 0.3s;
}
.login-register-form > div:hover {
    box-shadow: 3px 3px 10px rgb(0 0 0 / 50%);
    border: 1px solid var(--fs-color-primary);
}


.sidebar-menu ul{padding:40px 65px}
.off-canvas .nav-vertical>li>a{padding-bottom:15px;padding-top:15px;color:#fff;padding-left:0!important;font-size:17px;text-align:center;display:block}
.nav-sidebar.nav-vertical>li+li{border-top:1px solid #ececec2e}
.nav-sidebar .header-button .button{margin:0;width:100%;text-transform:none;letter-spacing:0;font-size:16px;padding:13px 10px;background:#FDF9DB!important;color:#5C6D2F;margin-top:50px}
.accordion-item{background:#fff;margin-bottom:15px;border-bottom:none}
.accordion-title{padding:.6em 30px;border-top:none;background:#fff;font-family:'Philosopher',sans-serif;font-style:normal;font-weight:400;font-size:27px;color:#5C5C5C}
.accordion .toggle{display:none}
.accordion-inner p{margin-bottom:10px;font-size:16px}
.accordion-title.active{background-color:#fff;border-bottom:2px solid #e59f4f!important}
.blog-archive h1.page-title{font-size:30px;color:#fe9205;letter-spacing:0}
.blog-archive{padding-top:20px}
.blog-single{padding-top:20px}
.blog-single h1{font-size:30px}
.img-section .col{padding-bottom:0}
.blog-single .entry-meta{font-size:14px;text-transform:none;letter-spacing:0}
.entry-content{padding-bottom:0;padding-top:0}
.blog-archive .post-item .post-title{font-size:16px;color:#000;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.blog-archive .post-item .from_the_blog_excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.blog-archive .post-item .box-image{border-radius:10px}
.blog-archive .post-item .post-title:hover{color:#fe9205}
.rank-math-breadcrumb p{margin-bottom:10px}
.blog-archive .large-12{padding-bottom:15px}
.widget{background:rgba(230,226,195,.2);padding:25px}
span.widget-title{font-weight:700;font-size:30px;color:#fe9205;padding:15px 0;margin-bottom:20px;border-bottom:1px solid #fe9205;text-transform:none;letter-spacing:0;font-family:'Philosopher',sans-serif;display:block}
.widget .is-divider{display:none}
.recent-blog-posts-li .badge{width:6.8em;height:5em}
.bai-viet-lien-quan{margin-top:15px}
.blog-single .entry-content .is-divider{display:none}
.blog-single .blog-share{text-align:left}
div[id^="viewed-"] {
    padding: 10px!important;
}
.post-viewers-history {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.post-viewers-history .viewer-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #f9f9f9;
}
.post-viewers-history .viewer-field {
    margin-bottom: 8px;
    line-height: 1.5;
}
.post-viewers-history .viewer-field strong {
    display: inline-block;
    width: 110px; /* Điều chỉnh chiều rộng nhãn cho gọn gàng hơn */
}

.all-users-view-history {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.all-users-view-history .history-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px;
    background-color: #f9f9f9;
}
.all-users-view-history .history-field {
    margin-bottom: 8px;
    line-height: 1.5;
}
.all-users-view-history .history-field strong {
    display: inline-block;
    width: 120px; /* Điều chỉnh chiều rộng nhãn cho gọn gàng hơn */
}
/* Kiểu cho phân trang */
.pagination {
    margin-top: 20px;
    text-align: center;
}
.pagination a, .pagination span {
    padding: 8px 12px;
    border: 1px solid #ccc;
    margin: 0 4px;
    text-decoration: none;
}

@media(max-width:991px) {
    .login-register-form {
        flex-direction: column;
    }
    .login-register-form > div {
        width: 100%;
    }
    div[id^="viewed-"] {
        padding: 10px!important;
    }
}
@media(max-width:767px) {
    .banner{padding-top:600px!important}
    .banner .text-box{width:100%!important;padding-left:15px;padding-right:15px}
    .banner .text-box p{font-size:15px}
    .form-flat input[type=submit]{width:100%;margin:0;background:#FF9800;text-transform:none;letter-spacing:0;font-weight:400}
    h1.entry-title.mb{margin-bottom:10px;font-size:30px}
    .accordion-title{font-size:20px}
    .accordion-inner{padding:15px}
    .accordion-title{padding:5px 20px}
    .blog-archive h1.page-title{font-size:25px;color:#5c6d2f;letter-spacing:0;margin-bottom:0}
    .blog-single h1{font-size:25px}
}