/*
Theme Name: blog
Description: Theme for Blog MMO
Author: SONQB Solutions
Template: flatsome
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#toc_container .toc_title a:hover{
	 color: #08f;
}
#toc_container .toc_title a {
    color: #333;
}

#toc_container {
    margin: 0 auto!important;
    margin-bottom: 15px!important;
}
#toc_container .toc_title {
    border-bottom: 2px solid #0088ff;
    padding: 5px 0!important;
}

#toc_container .toc_list a {
    font-weight: bold;
    font-size: 14px;
	text-decoration:none;
}

#toc_container .toc_list li {
    padding: 5px!important;
    background-color: #f1f1f1!important;
    margin-bottom: 3px!important;
}

#toc_container .toc_list li:hover {
    background-color: #08f!important;
}


.footer-nav a {
    font-style: italic;
    font-size: 11px;
}

/* Menu 3 cap */
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:0px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#4d4d4d}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:#4d4d4d}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
    margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{margin-top:-40px;display:none;position: absolute;
    left: 100%;z-index: 9;background: #4d4d4d;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

.header-bottom .nav-dropdown-col a::after {
    font-family: FontAwesome;
    content: "\f061";
    padding-left: 10px;
    float: right;
}
.header-bottom .nav-dropdown-col .sub-menu a::after {
    display: none;
}

/* End Menu 3 cap */


.mobile-nav .icon-menu {
    color: #fff;
}

.mobile-nav .icon-search {
    color: #fff;
}

.thong-tin-lien-he .wpcf7-textarea {
    min-height: 70px;
}
.thong-tin-lien-he .wpcf7-submit {
    border-radius: 5px!important;
}
.thong-tin-lien-he .wpcf7-response-output {
    text-align: center;
    font-size: 14px;
    border: none!important;
    color: blue;
    margin: 0!important;
}

#secondary aside {
    background: #fff;
}

.page-right-sidebar .widget_categories ul {
    padding: 0 10px;
}
.page-right-sidebar {
    background-color: #f0f0f0;
}
.page-right-sidebar .left {
    border: none;
    background-color: #fff;
    padding: 15px;
    margin-left: 15px;
}

.page-right-sidebar .left p {
    text-align: justify;
}

.page-right-sidebar .large-9 {
    max-width: 68%;
    -ms-flex-preferred-size: 68%;
    flex-basis: 68%;
}

.page-right-sidebar .large-3 {
	padding-left: 15px!important;
    max-width: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.entry-content p {
    text-align: justify;
}
.entry-header .binh-luan::before {
    content: "\f086";
    font-family: FontAwesome;
    padding-left: 10px;
    padding-right: 3px;
}

.wpp-evergreen{
	border:none!important;
}

.entry-content {
    padding-top: 10px;
}
h1.entry-title {
    font-size: 23px;
}
.blog-share .social-icons a {
    margin: 0 10px!important;
}
.entry-header .thumuc::before {
    content: "\f07c";
    font-family: FontAwesome;
    padding-right: 3px;
    padding-left: 10px;
}
.entry-header .posted-on::before {
    content: "\f017";
    font-family: FontAwesome;
    padding-right: 3px;
}

.entry-header .byline::before {
    content: "\f007";
    font-family: FontAwesome;
    padding-right: 3px;
    padding-left: 10px;
}

.related-post {
    padding: 0 15px;
}

.blog-single .entry-author .author-desc::before {
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: -18px;
    width: 15px;
    height: 15px;
    border-top: 0px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f1f1f1;
}

.article-inner.has-shadow .entry-header-text-top {
    padding-bottom: 0;
}

.entry-header .entry-meta {
    font-style: italic;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
	line-height: 1.6;
}

.blog-single footer {
    text-align: center;
	font-style: italic;
}

.blog-single .entry-author {
    text-align: center;
    padding: 15px!important;
}

.blog-single .entry-author .mr {
    margin: 0!important;
}

.blog-single .entry-author .author-desc {
    font-size: 14px;
    font-style: italic;
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
}

.widget_categories .cat-item::before {
    content: "\f07c";
    font-family: FontAwesome;
	    padding-right: 5px;
}
.widget_categories .cat-item {
    font-size: 15px;
    font-weight: bold;
}
.widget-title span {
	position: relative;
    background-color: #08f;
    padding: 8px;
    margin-left: -10px;
}
.widget-title span::after {
    position: absolute;
    content: '';
    top: 0;
	right: -15px;
    border-top: 35px solid transparent;
    border-left: 15px solid #0088ff;
    border-right: 0 solid #0088ff;
    border-bottom: 0;
}


.srpw-ul li {
    padding: 0px 0px 8px 0px;
}
.srpw-ul .srpw-time {
    color: #aaa;
    font-style: italic;
}

.srpw-ul .srpw-time::before {
    font-family: FontAwesome;
    content: "\f017";
    padding-right: 3px;
    font-style: normal;
}

.footer-widgets .widget-title {
    margin-bottom: 15px;
	text-align: center;
}
.footer-widgets .srpw-title {
	display: block;
    text-align: justify;
}

.post-sidebar {
    padding-left: 0!important;
}
.post-sidebar aside {
    background-color: #fff;
}
.post-sidebar .widget ul {
    padding: 5px 10px;
}

.widget-title {
    display: block;
    background-color: #333;
    color: #fff;
    padding: 10px;
}

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

.nav-dropdown {
    min-width: 222px!important;
}

.back-to-top {
    border: 1px solid #ccc!important;
}
.nav-pagination>li>span, .nav-pagination>li>a {
    border-radius: 0px;
    border: 1px solid #0088FF;
}
.nav-pagination>li>span, .nav-pagination>li>a {
    border-radius: 0px;
    border: 1px solid #e5e5e5;
}
.nav-pagination>li>span, .nav-pagination>li>a {
    background-color: #222;
    color: #fff!important;
}

.header-bottom-nav.nav-line-bottom > li > a:before, .header-bottom-nav.nav-line-grow > li > a:before, .header-bottom-nav.nav-line > li > a:before, .header-bottom-nav.nav-box > li > a:hover, .header-bottom-nav.nav-box > li.active > a, .header-bottom-nav.nav-pills > li > a:hover, .header-bottom-nav.nav-pills > li.active > a { 
    height: 45px;
}
.header-top a {
    padding: 0!important;
    font-size: 13px!important;
    color: #fff!important;
}


.related-post .duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}

.related-post .is-divider{
	display: none;
}

.related-post .post-title{
	font-size: 13px;
	padding: 5px 0px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.post-item .box-text {
    text-align: center;
}

.post-item .is-divider {
    display: none;
}

.post-item .post-title {
    font-size: 17px;
    padding: 8px;
}
	
.page-right-sidebar .large-9 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
	margin-right: 15px;
}

.page-right-sidebar .large-3 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.entry-header-text {
    text-align: center;
}
.post-sidebar {
    padding-left: 15px!important;
}

}