/**
    Đây là toàn bộ css tùy chỉnh của theme
**/

/**
    Phần Css dùng chung cho tất cả
**/
h1,h2,h3,h4,h5,h6{
    color: #000000;
    font-weight: 600;
}
.col-sm-1, .col-sm-2  .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-am-9, .col-sm-10, .col-sm-11{
    float: left;
}
p {
    font-size: 14px;
}
a{
    font-size: 14px;
    font-weight: 400;
    text-decoration: none !important;
}
ul{
    padding-left: 0;
}
div{
    font-size: 14px;
}
h1 a{
    font-size: 28px;
    display: block;
    text-decoration: none;
}
main{
    margin: 15px 0;
}
/**
    Đây là css cho phần header
**/
.header{
    background: #262626;
}
.header  .menu nav ul{
    margin-bottom: 0;
}
.header  .menu nav ul li{
    list-style: none;
    display: inline-block;
}
.header  .menu nav ul li a{
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: #747474;
    padding: 15px;
}
.header .logo{
    padding: 10px;
}

/**
    Css cho phần content
**/
.content{
    height: auto;
}
.title-categories{
    padding: 15px 0;
    margin-bottom: 15px;
}
.post-item{
    float: left;
    margin-bottom: 15px;
}
.post-item img{
    width: 100%;
}


/**
    Css cho phần single post
**/
.post-details{
    padding-bottom: 10px;
}
.post-thumbnail{
    padding-bottom: 10px;
}
.post-content p{
    text-align: justify;
}
.single-post .post-thumbnail img{
    width: 100%;
}

/**
    Css cho phần footer
**/
.footer{
    /*background: grey;*/
    /*padding: 15px 0;*/
}
.top-footer{
    background: url("../../img/background/bg-top-footer.jpg") no-repeat center center;
    width: 100%;
    background-size: 100% 100%;
    font-size: 25px;
    margin-bottom: 5px;
    padding: 30px 0;
    color: #fff;
}
.dbtn{
    background: #045181;
    font-size: 18px;
    padding: 10px;
    color: #fff;
    margin-top: 10px;
}
.dbtn i{
    color: #fff;
    font-size: 20px;
    padding-left: 10px;
}
.dbtn:hover{
    color: #fff;
    text-decoration: none;
}
.floatright{
    float: right;
}
.top-footer p{
    font-size: 18px;
    padding: 10px;
    color: #fff;
}
.footer .copyright{
    background: #1A1A1A;
    display: block;
    padding: 15px 0;
    margin-bottom: 0;
}
.footer .copyright a{
    color: #fff;
}
.footer .copyright p{
    margin-bottom: 0;
    color: #0084B4;
}
.footer .footer-content{
    padding: 30px;
    background: transparent;
}

/**
    Css cho phần dữ liệu có cấu trúc
**/
.breadcrumb-css{
    background: #FAFAFA;
    height: auto;
}
.breadcrumb-css ul li{
    list-style: none;
    display: inline-block;
}
.breadcrumb-css ul li a{
    padding: 15px 0;
    color: #000000;
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.breadcrumb-css ul span{
    padding: 15px 0;
    color: #000000;
    display: inline;
    font-size: 14px;
    font-weight: 600;
}

/**
    Css cho phần sidebar
**/
.sidebar ul li{
    list-style: none;
}

/**
    Css cho phần author
**/
.author-info ul li{
    display: inline-block;
    list-style: none;
}
.author-info ul li a{
    display: block;
    padding: 5px 10px 5px 0;
    text-decoration: none;
    color: #000000;
}
.author-page{
    padding: 15px 0;
    background: #00b3ee;
    margin: 15px 0;
}
.author-page .author-gravatar img{
    border-radius: 50%;
}

/**
    Css cho phần share
**/
.icon-share-net i{

}
.icon-share-net .fa{
    font-size: 14px ;
    color: #000000;
    padding-right: 10px;
}
.icon-share-net .share-icon-list{
    text-align: right;
}

/**
    Css cho  phần input, textarea, của Comment
**/
.comments-box-single textarea{
    width: 100%;
    min-height: 40px;
    border-radius: 10px;
}
.comment-form-author  input, .comment-form-email input {
    width: 100%;
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 5px 10px;
}
.comments li{
    list-style: none;
}
.comments li .comment-body{

}
/**
    Css Cho phần bài viết liên quan
**/
.ovf .related-articles{
    float: left;
}
.show-more-post .ovf .related-articles-item img{

}
.show-more-post .ovf .related-articles-item img:hover{
    opacity: 0.8;
}
.show-more-post .ovf .related-articles h3{
    text-align: center;
    text-decoration: none;
    padding: 5px 0;
    background: grey;
}
.show-more-post .ovf .related-articles h3{
    color: #fff;
}
.show-more-post .ovf .related-articles h3:hover{
    text-decoration: none;
    color: red;
    border: 0;
}
.live-demo{
    display: block;
    padding: 10px 20px;
    width: 160px;
    background: grey;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
}
/* Css cho phần chi tiet website*/
.theme-detail-header{
    padding: 20px;
    border: 1px solid #e1e8ed;
    background-color: #fafafa;
    margin-bottom: 20px;
    border-radius: 10px;
}
.live-demo i{
    padding-left: 15px;
}

/*Css phần box share*/
.share-row p{
    background-color: #808080;
    padding: 10px 0;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
}
.share-row p span{
    padding-left: 5px;
    margin-left: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 5px;
}
.share-row p .share-face{
    border-left: 1px solid #fff;
}
.share-row p .share-goplus{
    border-left: 1px solid #fff;
}
.share-row p .share-twiter{
    border-left: 1px solid #fff;
}
.share-row p span a{
    color: #fff;
}

/* Css phần theme-infomation*/
.theme-infomation{
    background-color: #FAFAFA;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

/* Css phần doawload theme*/
.doawload-theme{
    background-color: #FAFAFA;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.doawload-theme h3{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #0084B4;
}
.doawload-theme .dowload-item .dowload-only-theme{
    padding: 5px;
    background-color: #808080;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}
.doawload-theme .dowload-item .col-sm-6{
    float: left;
}
.doawload-theme .dowload-item-y .col-sm-6{
    float: left;
    text-align: center;
}
.doawload-theme .dowload-item-y .user-logins a{
    color: #84C52C;
}
.doawload-theme .dowload-item-y .user-register a{
    color: #FF8401;
}
.doawload-theme .dowload-item-y .fa{
    font-size: 40px;
}
.doawload-theme .dowload-item-y .fa-sign-in{
    color: #84C52C;
}
.doawload-theme .dowload-item-y .fa-user-plus{
    color: #FF8401;
}
.doawload-theme .dowload-all-source{
    padding: 5px;
    background-color: #808080;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}
.doawload-theme .dowload-only-theme i, .doawload-theme .dowload-all-source i{
    padding-right: 5px;
}
/*Css phần count-comment*/
.count-comment{
    background-color: #FAFAFA;
    border-radius: 10px;
}
.count-comment a{
    padding: 10px 20px;
    font-size: 24px;
    color: #0084B4;
    margin-top: 20px;
}

/* Css phần website cùng chủ đề*/
.related-website{
    background-color: #333333;
    padding: 20px 0;
}
.related-website h3{
    color: #fff;
    border-bottom: 1px dashed #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.relate-item-theme{
    float: left;
}
.relate-item-theme a{
    color: #fff;
}
.relate-item-theme a:hover{
    color: #fff;
}
/*Css cho phần binhf luận*/
.comments h2 {
    border-bottom: 1px solid #DFDFDF;
    margin-top: 10px;
    padding-bottom: 10px;
}
.comments ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.comments ul ul {
    border-top: 1px solid #DFDFDF;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 40px;
    padding-top: 10px;
}
.comments li {
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 10px;
}
.comments li:last-child {
    border: medium none;
}
.comments img.avatar {
    border: 1px solid #DDDDDD;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    padding: 10px;
}
.comments .fn a, .comments .fn {
    font-size: 25px;
    font-style: normal;
}
.comments .comment-meta a {
    color: #999999;
    font-style: italic;
}
.comment-form label {
    display: inline-block;
    margin-left: 10px;
    margin-top: 6px;
}
.comment-form input, .comment-form textarea {
    clear: both;
    display: block;
    float: left;
}
.comments .form-allowed-tags {
    clear: both;
}
.comments p {
    overflow: hidden;
}
.comment-respond {
    border-top: 1px solid #DFDFDF;
    margin-top: 20px;
}

.comments .required, .comments .comment-form-comment label {
    display: none;
}

/*Css cho phần theme thumbnail */
.theme-thumbnail{
    position: relative;
}
.theme-title{
    position: absolute;
    bottom: 0;
    padding: 10px;
    margin-right: 15px;
    margin-bottom: 0;
    background: RGBA(38,38,38,0.7);
}
.theme-title a{
    color: #fff;
    font-weight: 500;
}
.theme-title a:hover{
    color: #FAFAFA;
}

/* Css phần support theme header top*/
.support-theme{
    padding: 10px 0;
    background-color: #262626;
    color: #fff;
    font-size: 14px;
}
.support-theme-left span{
    padding-right: 20px;
}
.support-theme-left i{
    color: #0084B4;
    padding-right: 10px;
}
/* Css phần logo*/
.logo-img{
    display: block;
    margin: auto;
}

/* Css cho trang đăng ký*/
.form-horizontal{
    box-shadow: 2px -1px 3px 4px #dddddd;
    padding: 30px;
    border-radius: 15px;
}
.form-horizontal .user-regis{
    font-weight: 500;
    font-size: 24px;
    color: #055181;
    text-align: center;
    padding-bottom: 30px;
}
.form-horizontal .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    display: block;
    margin: auto;
    width: 60%;
    padding: 10px;
    margin-top: 15px;
    border-radius: 10px;
}
.form-horizontal .control-label , .form-horizontal .form-control, .form-horizontal .btn-primary{
    font-size: 14px;
}
.form-horizontal  .col-sm-offset-3{
    padding-left: 0;
}
.title-register{
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px dashed;
}
.related-website .col-sm-3{

}
/*Css phần theme total*/
.theme-total{
    background: url("../../img/background/so-luong.png") no-repeat center center #1FBDA5;
    color: #fff;
    margin-top: -15px;
}
.theme-total .search{
    text-align: center;
}
.theme-total .search .search-input{
    width: 50%;
    padding: 10px 80px 10px 10px;
    border-radius: 10px;
    border: 0;
    position: relative;
}
.theme-total .search .search-submit{
    padding: 10px;
    border-radius: 10px;
    border: 0;
    position: absolute;
    left: 73%;
}

/* Css cho phần các website ngòa trang chủ*/
.home-item-1{
    margin-top: 25px;
}
.text-line h4{
    color: #000000;
    font-weight: 600;
    padding: 0 10px !important;
    font-size: 18px !important;
    text-transform: uppercase;
}
.mega-sub-menu li a{
    background-color: #262626;
}
.commit{
    border: 1px solid #E2D8C7;
    background-color: #FAF8F1;
    padding: 10px 0 20px 0;
    border-radius: 5px;
}
.commit .wpb_content_element{
    margin-bottom: 0;
}
.commit .wpb_content_element h3,.commit .wpb_content_element h4, .commit .wpb_content_element h5,.commit .wpb_content_element h6, .commit .wpb_content_element h2, .commit .wpb_content_element h1{
    color: #ff8401;
}
/* Css cho button read more theme home*/
.read-more-gird a{
    padding: 10px !important;
    border-radius: 5px !important;
    background-color: #159AF5 !important;
    color: #fff !important;
}
/* Css Top Right Menu*/
.top-right-menu ul li{
    display: inline-block;
    float: right;
}
.top-right-menu ul li a{
    padding: 0 10px;
    color: #fff;
}
.top-right-menu ul li a:hover{
    color:#8C6635;
}
/* Css Top Left*/
.support-theme-left a{
    color: #fff;
}
.support-theme-left a:hover{
    color: #8C6635;
}
/* Css cho phần đăng ký */
#year_of_birth{
    padding: 3px 5px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.col-sm-9 input{
    width: 100%;
}

/* Css cho phần đăng nhâp*/
body .login{
    background: url("../../img/background/so-luong.png") no-repeat center center #fff !important;
}
.login #login h1 a {
    background: url("../../img/logo-hostingviet.png") no-repeat center center !important;
}
.logo-regis{
    background: url("../../img/logo-hostingviet.png") no-repeat center center ;
    height: 84px;
    margin-bottom: 20px;
}
.login-socical{
    padding: 30px 0;
}
.login-facebook{
    text-align: right;
}
.login-facebook a{
    padding: 10px 20px;
    background-color: #6378A4;
    color: #fff;
    border-radius: 30px;
    text-align: right;
    border: 4px solid RGBA(222,222,222,0.8);
}
.login-facebook a:hover{
    color: #fff;
}
.login-facebook i{
    padding-left: 20px;
    padding-right: 10px;
}
.login-user a{
    padding: 10px 20px;
    background-color: #6378A4;
    color: #fff;
    border-radius: 30px;
    text-transform: uppercase;
    border: 4px solid RGBA(222,222,222,0.8);
}
.login-user a:hover{
    color: #fff;
}
.formdangnhap .login-username , .formdangnhap .login-password{
    padding: 10px 0;
}
.formdangnhap .login-username .col-sm-9 input,.formdangnhap .login-password .col-sm-9 input{
    border: 1px solid #DDDDDD;
    padding: 10px 15px;
    border-radius: 5px;
}
.formdangnhap .login-username .col-sm-3 label, .formdangnhap .login-password .col-sm-3 label{
    padding: 10px 0;
    font-weight: 600;
}
.formdangnhap .button-primary{
    padding: 10px 20px;
    background-color: #6378A4;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    border: 4px solid RGBA(222,222,222,0.8);
    margin-bottom: 15px;
}
.login-regis{
    margin: 15px;
}
.lost-pass{
    padding-top: 13px;
}
.lost-pass a{
    padding: 10px 20px;
    background-color: #6378A4;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    border: 4px solid RGBA(222,222,222,0.8);
    margin-bottom: 15px;
}
.user-re-login a{
    padding: 10px 20px;
    background-color: #6378A4;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    border: 4px solid RGBA(222,222,222,0.8);
    margin-bottom: 15px;
    float: right;
}
.form-login{
    display: block;
    margin: auto;
    width: 60%;
    box-shadow: 2px -1px 3px 4px #dddddd;
    border-radius: 10px;
    padding: 30px;
}
.form-login h3{
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    color: #055181;
    text-transform: uppercase;
}
.form-login .login-facebook a{
    display: block;
    text-align: center;
}