/*
Theme Name:The Onyx
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.hinh-anh{background-image: linear-gradient(#232222 , #000000);}.banner-dau-trang{    background-image: linear-gradient(#9c9c9c , #000000);}
.banner-dau-trang .col{padding-bottom:0}
.banner-dau-trang img{border-radius:10px} .header-button a, .button {border-radius: 99px;
    background-image: linear-gradient(to right, #ce9e46 , #ecda92);
    color: black !important;
    letter-spacing: 0;
    text-transform: none;
    font-weight: bold;
    font-size: 16px;}
.header-nav>li {
    margin: 0 19px;
}
.thanh-phan{    background-image: linear-gradient(#1b1919 , black);}
.dat-hang .img{margin-bottom:0 !important}
.form-dat-hang h2{color: #e9dc9d;
    text-transform: uppercase;
    font-size: 29px;
    text-align: center;}
.form-dat-hang p{ 
    font-size: 15px;
    color: #e0d9bf;}
.form-dat-hang ul{    font-size: 15px;
    color: #e0d9bf;}
input[type='tel'], input[type='text'], textarea{    border-radius: 4px;
    box-shadow: 0px 0px 0px grey;
    font-size: 15px;}
.form-dat-hang .form-chinh{display: block;
    width: 100%;}
.form-dat-hang input[type='submit']{margin: 0;
    background: #ead68c;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    color: black;}
.form-dat-hang span {    padding-bottom: 10px;
    display: block;}
.form-dat-hang .form-chinh .right{width:50%; float: left; padding-left:5px}
.form-dat-hang .form-chinh .left{width:50%; float:left; padding-right:5px}
.video .post-item .box-vertical .post-title{color:#e9dc9d; font-size:22px !important}
.video .post-item .box-text .post-title{font-size:17px; color: #e9dc9d}
.video .post-item{padding-bottom:0}
.cong-dung img{border-radius:10px}
.video .post-item .box-image img{border-radius:10px}
.video .post-item .box-text .from_the_blog_excerpt {color:#dedede; font-size:15px}
.form-dat-hang .form-chinh .clearboth{clear:both}
.bang-gia .medium-4 .col-inner{background: white;
    border-radius: 10px;
    padding: 20px;}
.bang-gia .medium-4 .col-inner h3{text-transform:uppercase; color:black}
.bang-gia .medium-4 .gia-tien{font-size: 30px;
    display: block;
    width: 100%;
    font-weight: bold;
    color: black;
    padding: 7px 15px;
    background-image: linear-gradient(to right, #ebd88f00 , #ffeca6 , #ffed95 , #ebd78f00);}
.bang-gia p{text-align: center;
    margin-bottom: 10px;
    color: black;
    font-size: 16px;}
.bang-gia .medium-4 .col-inner:hover{box-shadow:10px 10px 10px black}
.bang-gia .medium-4 .col-inner:hover>.button{background:black !important; color:white !important}
.tin-tuc .post-item .post-title{font-size:16px; color:#e9dc9d; font-weight:normal}
.tin-tuc .post-item .box-text .from_the_blog_expert{color:#e0d9bf; font-size:15px; }
.tin-tuc .post-item:hover .from_the_blog_expert{color:#e0d9bf}
.tin-tuc .col{padding-bottom:0}
.stuck .header-main{background:black}
.stuck .header-main .nav > li > a{color:#e9dc9d}
.header-main .nav > li > a:hover{color: #e9dc9d}
.lightbox-content ul{margin-left:20px}
.lightbox-content ul li{color:black}
.lightbox-content h2{color:black;font-size: 20px;}
.lightbox-content p{color:black; font-size:15px}
.lightbox-content{width:420px; padding:15px; border-radius:5px}
.lightbox-content .form-dat-hang span{padding-bottom:0}
.lightbox-content .wpcf7-form{margin-bottom:0}
.blog-single, .page-right-sidebar, .blog-archive {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgb(237, 238, 242);
}
.blog-single .large-9, .page-right-sidebar .large-9, .archive .large-9, .archive .large-9, .archive .large-9 {
    padding-right: 15px;
    border-right: 0;
}
.blog-single .large-9, .page-right-sidebar .large-9, .archive .large-9 {
    flex-basis: 72%;
    max-width: 72%;
}.post {
    margin: 0 0 15px;
}.blog-single .article-inner, .blog-archive .post-item .col-inner {
    background: white;
    padding: 15px;
    border-radius: 4px;
}.blog-archive .post-item .col-inner:hover {
    box-shadow: 2px 2px 15px #c8c8c8;
}.blog-single .article-inner, .blog-archive .post-item {
    padding-bottom: 15px;
}.entry-header-text-top {
    padding-top: 0;
}.blog-single .entry-title {
    margin-top: 15px;font-size:21px;
    letter-spacing: -1px;
    color: #000000;
}#nav-below{font-size:15px} .blog-single .is-divider {
    display: none;
}.blog-single .entry-meta {
    text-transform: none;
    font-size: 14px;
    color: gray;
    letter-spacing: 0;
}.blog-single .entry-content {
    padding-top: 0;
    font-size: 15px;
    padding-bottom: 0;
}footer.entry-meta {padding-bottom:5px !important; 
    border-bottom: 0px solid #ececec;
    padding: .5em 0 0;
}.blog-share {
    text-align: left;
}#comments .comment-respond {
    font-size: 15px;
    padding: 15px 15px 0;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
}.blog-single .post-sidebar, .page-right-sidebar .large-3, .archive .large-3 {
    padding-left: 0;
}.blog-single .large-3, .page-right-sidebar .large-3, .archive .large-3 {
    flex-basis: 28%;
    max-width: 28%;
}.blog-single #secondary, .archive #secondary {
    background: white;
    padding: 15px;
    border-radius: 4px;
}.widget_media_image {
    margin-bottom: 10px;
}.flatsome_recent_posts {
    margin-top: 20px;
    margin-bottom: 0;
}span.widget-title {
    font-size: 1em;
    font-weight: 600;
}.flatsome_recent_posts li a {
    font-size: 15px;
    color: black;
}.flatsome_recent_posts li .badge-inner {
    border-radius: 99%;
}#commentform input[type='submit'] {
    background-color: #0088ca;
    border-radius: 4px;
}.blog-single .entry-category a {
    letter-spacing: 0;
    background: #edeef2;
    padding: 4px 10px;
    border-radius: 4px;
    margin-top: 5px;
}.blog-archive .page-title {
    padding-bottom: 0 !important;
    text-align: left;
    letter-spacing: 0;
    background: white;
    padding: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 0px;
}.blog-archive .taxonomy-description {
    background: white;
    padding: 15px;
    text-align: left;
    font-size: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}.blog-archive .archive-page-header .large-12 {
    padding-bottom: 15px;
}
 .blog-archive .large-9 .badge {
    display: none;
}.page-right-sidebar #secondary, .page-right-sidebar .large-9 .page-inner {
    background: white;
    padding: 15px;
    border-radius: 4px;
}.page-right-sidebar #secondary, .page-right-sidebar .large-9 .page-inner {
    background: white;
    padding: 15px;
    border-radius: 4px;
}
.hinh-anh img, .tin-tuc .post-item .box-image img{border-radius:10px}table {
    width: 100%;
    margin-bottom: 1em;
    border-color: #ececec;
    border-spacing: 0;
}table tr .tieu-de, table tr td {
    border-left: 1px solid #ececec;
    text-align: center;
    color: #000;
    padding: 8px 10px;
}table tr .tieu-de {color:white !important;
    text-transform: none;
    padding: 15px 0 !important;
    background: #000000;
    width: 25%;
    font-size: 16px;
    font-weight: 700;
}table tr .tieu-de, table tr td {
    border-left: 1px solid #ececec;
    text-align: center;
    color: #000;
    padding: 8px 10px;
}
.video2 .post-item .box-text .post-title{color:black;     margin-bottom: 7px; font-size:16px}
.video2 .post-item .box-text .from_the_blog_excerpt {font-size:15px}

.page-right-sidebar .form-dat-hang span{padding-bottom:0}
.page-right-sidebar .form-dat-hang p, .page-right-sidebar .form-dat-hang ul{color:black}
.page-right-sidebar .form-dat-hang h2, .video2 .box-blog-post .is-divider, #wpcomm .wpdiscuz-front-actions, #wpcomm .wpdiscuz-form-top-bar, #wpcomm .wpdiscuz-form-bottom-bar{display:none}#wpcomm .wc-thread-wrapper {
    padding: 10px 0px 10px 2px;
    margin-bottom: 0;
    margin-top: 0;
}#wpcomm .wc-comment-header {
    border-top: 0;
}
.blog-single .post_comments{display:none}
.video2{padding-bottom:0 !important}
#wpcomm .wpd-form-row .wpdiscuz-item input[type="text"], #wpcomm .wpd-form-row .wpdiscuz-item input[type="email"]{height: 38px;
    border: 0;
    border-radius: 4px;}
#wpcomm .wc-blog-post_author > .wc-comment-right .wc-comment-author a{    color: #000000;
    font-weight: bold;
    font-size: 16px;}
#wpcomm  input[type="submit"]:hover{border:0 !important}
#wpcomm input[type="submit"]{border: 0 !important;
    border-radius: 5px;font-weight:bold}
#wpcomm .wc-form-footer{padding-bottom: 5px;margin-bottom: 0px; border:0}
#wpcomm .wc-comment-header {
	margin-bottom: 0;}
#wpcomm .wc-field-textarea .wpdiscuz-textarea-wrap textarea{border-radius:4px; font-size:15px !important}
#wpcomm .wc-comment .wc-comment-right{border-radius: 5px;}
#wpcomm .wpdiscuz-textarea-wrap {
    border: 0; border-radius:5px
}
#wpcomm .avatar{box-shadow:0px 0px 0px gray; border-radius:99%}
#wpcomm {

    padding: 0;
    border-top: 0;
    margin: 0;
}
.page-template-page-right-sidebar .header-main, .single-post .header-main, .archive .header-main, .page-template-page-blank .header-main {
    height: 70px;
    background: black;
}
.footer-section .large-3{flex-basis:25% !important; max-width:25% !important}.widget-title span {
    letter-spacing: 0;
    font-size: 18px;
    color: black;
}
.chi-tiet-san-pham{padding-bottom:0 !important}
.chi-tiet-san-pham .large-12 .col-inner{background:white; padding:20px ; border-radius:5px}
.page-template-page-blank .comments-area {
    width: auto;
    background: #edeef2;
    border-radius: 5px;
    padding: 20px;    margin-bottom: 50px;
}#wpcomm .wc-reply .wc-comment-header {
    border-top: 0;
}
.page-template-page-blank #wc-comment-header, .page-template-page-blank #wpcomm{max-width:100%}
#wpcomm .wc-blog-post_author > .wc-comment-right .wc-comment-author{color:black; font-weight:bold}
.video a.button{margin:0}
.page-right-sidebar .section-title-container{margin-bottom:10px}
.widget .post_comments{display:none}
.page-right-sidebar .large-9 .post-item .box-text{padding-bottom:0}
.page-right-sidebar .box-blog-post .is-divider{display:none}
.video .large-9{padding-bottom:0}
.banner-for-mobile, .gioi-thieu-mobile, .thanh-phan-mobile{display:none}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}