:root{
    --bg-color:#fff;
    --light-border-color:#e9e1ff;
	--dark-border-color:#5d3ebc;
    --dark-bg-color:#5d3ebc;
    --light-bg-color:#e9e1ff;
    --dark-font-color:#5d3ebc;
    --light-font-color:#e9e1ff;
    --dark-button-color:#5d3ebc;
    --light-button-color:#e9e1ff;
	--form-bg-color:#fff;
	--form-font-color:#000;
}

[data-theme="dark"]{
    --bg-color:#202124;
    --light-border-color:#2f3235;
	--dark-border-color:#fff;
    --dark-bg-color:#313235;
    --light-bg-color:#3c4043;
    --dark-font-color:#bfbfbf;
    --light-font-color:#fff;
    --dark-button-color:#3c4043;
    --light-button-color:#313235;
	--form-bg-color:#3c4043;
	--form-font-color:#fff;
}
*{box-sizing:border-box;margin:0;padding:0;}
ul{list-style-type:none;display:inline-block;margin:0;padding:0;}
a, .fa, .btn{color:var(--dark-font-color);}
a.active{color:var(--light-font-color);}
a:hover{color:inherit;text-decoration:unset;}

hr{border-top:1px solid var(--light-border-color) !important; margin-bottom:0 !important;}
body{background:var(--bg-color);font-family:Poppins;font-size:1rem;color:var(--dark-font-color);}

header{background-color:var(--dark-bg-color);}
header > .container > .row{align-items:center; padding:.5rem 0;}
header nav ul{padding:.5rem 1rem;}
header nav ul{width:100%;text-align:right;}
header nav ul li{display:inline-block;}
header nav ul li a{font-weight:bold;color:var(--light-font-color) !important;padding:.5rem 1rem;}
header nav ul li a:hover{color:#fff !important;}

#theme-mode[data-mode="dark"]:after{display:inline-block;content:'\f186';font-family:'Font Awesome 6 Pro';}
#theme-mode[data-mode="light"]:after{display:inline-block;content:'\e28f';font-family:'Font Awesome 6 Pro';}

.search-form{position:relative;margin:0 auto;}
.search-form button{background-color:transparent;border:0;font-size:1rem;color:var(--dark-bg-color);position:absolute;right:.8rem;top:.4rem;}
.search-form.form-inline .form-control{width:350px;max-width:100%;padding-right:2rem;}

main{margin-top:1.5rem}
#main{margin-bottom:1.5rem}

.page-container{border:1px solid var(--light-border-color);margin-bottom:1rem;padding:1rem;}
.page-header{font-size:2rem;line-height:2rem;margin-bottom:.5rem;}
.page-header h1.title{font-size:1.5rem;}

.post-popular-header{border-bottom:1px solid var(--light-border-color);padding-bottom:.5rem;margin-bottom:1rem;}
.post-popular-header a{display:flex;flex-direction:column;font-size:1.5rem;}
.post-popular-header a small{font-size:.75rem;}

.post-popular-list li{margin-bottom:.5rem;padding-bottom:.5rem;position:relative;align-items:center;}
.post-popular-list li:not(:last-child){border-bottom:1px solid var(--light-border-color);}
.post-popular-list li a{font-size:.9rem;display:inline-block;}
.post-popular-list li span:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.post-popular-list li span i{display:inline-block;font-size:16px;font-style:normal;opacity:.3;margin-right:.5rem;}
.post-popular-list li a small{background-color:#5d3ebc;position:absolute;right:0;top:.4rem;padding:2px 4px;border-radius:5px;font-size:.6rem;color:#fff;}

.date-nav{list-style-type:none;}
.date-nav ul{display:flex;width:100%;text-align:center;justify-content:center;}
.date-nav li{display:flex;margin:0 .4rem;}
.date-nav li a{background-color:var(--light-button-color) !important;border-radius:.2rem;}
.date-nav li .active{background-color:var(--dark-button-color);color:var(--light-font-color);}

.post-nav{list-style-type:none;}
.post-nav ul{display:flex;width:100%;text-align:center;justify-content:center;}
.post-nav li{display:flex;margin:0 .3rem;}
.post-nav li a{background-color:var(--light-button-color);display:flex;flex-direction:column;font-size:1rem;padding:.5rem 1.1rem;border-radius:3px;}
.post-nav li a.active{background-color:var(--dark-button-color);color:var(--light-font-color);}

.post-subject-nav ul{display:inline-block;text-align:center;}
.post-subject-nav ul li{display:inline-block;background:var(--light-button-color);color:var(--dark-font-color);padding:.3rem .4rem;margin-right:.5rem;margin-bottom:.5rem;border-radius:3px;}
.post-subject-nav ul li.active{background:var(--dark-button-color);}
.post-subject-nav ul li.active a{color:var(--light-font-color);}

.post-list, .post-list ul{width:100%;}
.post-list .list{display:flex;padding:1rem .5rem;margin:1rem 0;align-items:center}
.post-list .list:not(:last-child){border-bottom:1px solid var(--light-border-color);}
.post-list .list .number span{font-size:1.8em;opacity:.3;display:block;width:60px;height:auto;text-align:center}
.post-list .list .image{float:left;margin-right:1rem;}

.post-list .detail{width:100%;}
.post-list .detail a.title{display:block;position:relative;font-size:1.2rem;}
.post-list .detail a .count{background-color:#5d3ebc;font-size:.6rem;color:#fff;padding:2px 4px;border-radius:5px;position:absolute;right:0;top:0;}

.post-list .list .detail p{margin-bottom:0;}
.post-list .list .detail .widget{display:flex;align-items:center;justify-content:flex-start;font-size:.75rem;margin-top:.5rem;}

.sidebar{background-color:var(--light-bg-color);padding:2rem 1rem;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);-webkit-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);}
.sidebar .login-info{text-align:center;}
.sidebar .login-info #user_nav_mb{display:none;margin-left:auto;}
.sidebar .login-info .image strong{display:block;margin:1rem;}
.sidebar .login-info .image img{width:100px;border-radius:50px}
.sidebar .login-info .user_nav ul{margin-bottom:1.5rem;}
.sidebar .login-info .user_nav li{text-align:left;}
.sidebar .login-info .user_nav li i{opacity:.3;}
.sidebar .login-info .btn{background-color:var(--dark-bg-color) !important; color:var(--light-font-color) !important;}

@media (max-width:768px){
	#logo{text-align:center;padding:.5rem 0;}
	header nav ul{text-align:center !important;}
	.post-nav li a{font-size:.9rem !important;}
    .search-form{width:100%;}
    .search-form.form-inline .form-control{width:inherit;margin:0;}
	.post-detail{padding:0 0 .5rem 0 !important;}
	.post-share .link, .post-share .text{-webkit-line-clamp:3 !important;}
	.post-share.s .img{width:100px !important;height:100px !important;}
	.post-share.s .img img{width:100px !important;height:100px !important;}
	.sidebar{padding:1rem;}
	.sidebar .login-info{text-align:left;}
	.sidebar .login-info #user_nav_mb{display:inline-block;}
	.sidebar .login-info .image{display:flex;align-items:center;}
	.sidebar .login-info .image img{width:32px !important;}
	.sidebar .login-info .image strong{font-size:.8rem;margin:.5rem;}
	.sidebar .login-info .user_nav{display:none;margin:.5rem 0 0 0 !important;border-top:1px solid var(--light-border-color);padding-top:.5rem;}
	.sidebar .login-info .user_nav ul{margin-bottom:.5rem}
}

.post-detail{border-bottom:1px solid var(--light-border-color); padding:1rem;margin-bottom:.5rem;}
.post-detail .header{display:flex;border-bottom:1px solid var(--light-border-color) !important;font-size:1.5rem;line-height:1.5rem;padding-bottom:.5rem;margin-bottom:.5rem;}
.post-detail .header h1.title{width:100%;font-size:1.5rem;margin-bottom:0 !important;margin-right:.5rem}
.post-detail .text{font-size:.9rem;margin-bottom:.5rem;}
.post-detail .widget{display:flex;justify-content:flex-end;font-size:.7rem;}
.post-detail .info{display:flex;justify-content:start;font-size:.7rem;}
.post-preview{background-color:var(--light-bg-color);padding:1rem;margin-bottom:1rem;}
.post-preview .load{text-align:center;font-size:1rem;}
.post-preview .post-share{max-width:600px;margin:0 auto;}
.post-preview .swiper-container{max-width:600px;}
.post-preview .swiper-slide{text-align:center;overflow:hidden;}
.post-preview .swiper-container img{height:335px;margin-left:50%;transform:translateX(-50%);}
.post-preview .swiper-pagination{background:#5d3ebc;}
.post-preview .swiper-button{font-family:'Font Awesome\ 6 Pro';}
.post-preview .swiper-button-prev:before{display:inline;content:"\f104";font-size:2.5rem;color:var(--light-font-color);}
.post-preview .swiper-button-next:before{display:inline;content:"\f105";font-size:2.5rem;color:var(--light-font-color);}

.post-share.s div[itemprop="image"]{display:flex;}
.post-share.s header{flex:1;}
.post-share.s .img{display:flex;width:120px;height:120px;}
.post-share.s .img img{width:120px;height:120px;}
.post-share{cursor:pointer;}
.post-share header{background-color:var(--dark-bg-color);padding:.5rem;}
.post-share header strong{display:block;color:var(--light-font-color);}
.post-share .img img{max-width:100%;}
.post-share .video{display:flex;}
.post-share .video iframe{border:none;width:100%;height:250px;max-width:100%;}
.post-share .link, .post-share .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:.8rem;color:var(--light-font-color);overflow:hidden;text-overflow:ellipsis;margin-bottom:0 !important;}

.post-icon-nav{clear:both;}
.post-icon-nav li{position:relative;margin-bottom:1rem;}
.post-icon-nav li a{display:flex;flex-direction:column;justify-content:center;background:var(--light-bg-color);border:1px solid var(--light-border-color);width:100%;height:150px;text-decoration:none;text-align:center;padding:0 10px;overflow:hidden;position:relative;}
.post-icon-nav li a:hover{border:1px solid var(--dark-border-color);}
.post-icon-nav li strong{clear:both;display:block;font:.85rem/1rem "Poppins";text-decoration:none;margin-top:.5rem;}
.post-icon-nav li u{display:inline-block;background:#FF0000;color:#fff;text-decoration:none;padding:.5rem .6rem;position:absolute;top:0;left:0;}

.post-detail .tab ul{display:inline-block;}
.post-detail .tab ul li{float:left;margin-right:1rem;}

.post_print_screen{background:var(--dark-bg-color);width:700px;font-family:"Times New Roman";padding:50px;position:absolute;left:-200%;top:0;}
.post_print_screen h1{font-family:"Times New Roman";font-weight:bold;font-size:60px;color:#fff;}
.post_print_screen span{display:inline-block;border-bottom:1px solid var(--light-font-color);font-family:Verdana;font-size:25px;color:var(--light-font-color);margin-top:20px;}

.comment-list{border:1px solid var(--light-border-color);padding:.5rem;margin-bottom:.5rem;}
.comment-list.select{background:var(--light-bg-color);}
.comment-list .info{display:flex;justify-content:flex-end;font-size:.7rem;}
.comment-list .info button{background-color:transparent;border:0;font-size:1rem;}
.comment-list .process .rating{display:inline;}
.comment-list .process .select i{color:var(--light-font-color)}
.comment-list .text a{text-decoration:underline}

.comment-list blockquote{background-color:var(--light-bg-color);border-left:.4rem solid var(--dark-bg-color);clear:both;font:italic .8rem/1.2rem "Poppins";color:#111;padding:1rem;margin:0 0 1.5rem 0;box-sizing:border-box;position:relative;}
.comment-list blockquote .comment_next{display:none;font-size:1rem;position:absolute;right:.5rem;top:0;}
.comment-list blockquote .comment_prev{display:none;font-size:1rem;position:absolute;right:.5rem;bottom:0;}
.comment-list .widget{display:flex;font-size:.8rem;align-items:center;justify-content:flex-end;}

.user-list .list{display:flex;background-color:var(--light-bg-color);flex-direction:row;align-items:center;border-bottom:1px solid var(--light-border-color);}
.user-list .image{display:flex;width:2.5rem;}
.user-list .image img{width:100%;border-radius:50%;}
.user-list .info{display:flex;width:100%;}
.user-list .info .header{font-size:.8rem;}
.user-list .widget{display:flex;}
.user-list .widget .btn{background:var(--dark-bg-color) !important;color:var(--light-font-color) !important;white-space:nowrap;font-size:.65rem !important;line-height:1rem !important;}

.user-detail .ml-auto i{font-size:1.5rem;}
.user-detail{display:flex;background:var(--light-bg-color);}
.user-detail .image{width:64px;height:64px;}
.user-detail .image img{width:100%;border-radius:50%;}
.user-detail .info{display:flex;flex-direction:column;justify-content:center;}
.user-detail .header{display:block;}
.user-detail .header h1.title{font-size:1rem;}
.user-detail .widget{display:block;}
.user-detail .widget .btn{background:var(--dark-bg-color) !important;color:var(--light-font-color) !important;font-size:.65rem}
.user-detail .widget span{font-size:.75rem;}

.upload-box{background-color:var(--light-bg-color);padding:6.25rem 1.25rem; text-align:center;}
.upload-box p{font-size:0.75rem;}
.js .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
.inputfile + label{display:inline-block;background-color:var(--dark-bg-color);max-width:80%;font-size:1.25rem;font-weight:700;color:var(--light-font-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;padding:.62rem 1.25rem;}
.inputfile + label svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em;}
.inputfile:focus + label, .inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px;}
    
.modal-content{background:var(--bg-color);max-width:50%;position:fixed;z-index:9998;top:50%;right:50%;transform:translate(50%,-50%);padding:1.5rem;}
@media (max-width:768px){.modal-content{max-width:100%;}}
.modal-content .comment_next, .modal-content .comment_prev{display:inline-block !important;}
.modal-content #comment_form{margin-top:0 !important;}
.modal-content .modal-close{color:#ffd10d;position:absolute;top:-2.5rem;right:0;z-index:10004;}
#modalbox{background:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;top:0;left:0;z-index:9998;}

.readed-contract{display:flex;align-items:center;background:var(--dark-bg-color);opacity:.9;position:fixed;bottom:0;left:0;width:100%;font-size:.8rem;color:var(--light-font-color);padding:.7rem .4rem;}
.readed-contract div{width:100%;}
.readed-contract a{color:var(--light-font-color);}
.readed-contract a.close{font-size:1.5rem;color:var(--light-font-color);margin-left:1.5rem;}

.dropdown-nav{background-color:var(--light-bg-color);padding:0;}
.dropdown-item{font-size:.75rem;padding:.5rem;}
.dropdown-item:hover{background-color:var(--dark-bg-color);color:var(--light-font-color);}
.dropdown-item:not(:last-child){border-bottom:1px solid :var(--light-border-color);}
.dropdown-toggle:after{display:none;}

.btn-mn{font-size:.7rem !important;padding:.4rem !important;line-height:.5rem !important;white-space:nowrap;}
.btn-site{background-color:var(--dark-button-color) !important;color:var(--light-font-color) !important;}
.response{clear:both;background:var(--light-bg-color);font:bold .75rem 'Poppins';text-align:center;padding:1.5rem;margin:.5rem 0;position:relative;}
.recaptcha{width:0;position:absolute;top:-80px;left:0;}

footer{background-color:var(--dark-bg-color);padding:.5rem 0;margin-top:1.5rem}
footer a{color:#fff;}
footer a:hover{color:#fff;text-decoration:underline;}
pre{background-color:var(--light-bg-color);}
input.form-control, select, textarea, p{font-size:.9rem;}
input, button{outline:none !important;box-shadow:unset !important;}
input, select, textarea{background-color:var(--form-bg-color) !important;border:1px solid var(--light-border-color) !important;color:var(--form-font-color) !important;}
