/*
Theme Name: Điện máy
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*
Bạn có thể thêm CSS ở đây.

Nhấp chuột vào biểu tượng trợ giúp phía trên để tìm hiểu thêm.
*/
.woocommerce-billing-fields label,.woocommerce-checkout-payment label,.woocommerce-additional-fields label{
    color: white
}
@media screen and (min-width: 850px)
{.row-divided>.col+.col:not(.large-12) {
    border-left: 1px solid #555;
}}
ul.product_list_widget li+li {
    border-top: 1px solid #555;
}

.product-main .product-title{
        color: #E9C280;
}
.breadcrumbs a {
    text-transform: initial;
    color: white;
    font-weight: normal;
}
.breadcrumbs a:hover{
       color: white;
}
p.khuyen-mai-text{
    margin-bottom: 4px;
}
p.khuyen-mai-text i{
        color: #d85030!important;
}
p.khuyen-mai-text span{
    font-weight: bold;
        color: #FFEB3B;
}
.saleoff .info p+p {
    border-top: 1px solid #777;
}
.saleoff .info{
        border: 1px solid #777;
    border-radius: 4px;
    background: #555;
    position: relative;
    color: #FFF;
}
.saleoff .info  p{
    padding: 4px 10px;
    font-size: 14px;
}
.saleoff .info  p::before {
    content: "\2022";
    display: inline-block;
    margin-right: 10px;
    color: #EF4A23;
}
.saleoff .info p{
    margin-bottom: 3px;
}
.tab-slider ul li{
    text-align: center;
    width: 50%;
}
.tab-slider{
    padding: 0px !important;
}
.tab-slider .tab-panels{
    padding: 10px;
}
.woocommerce-tabs .tab-panels{
        background: white;
    color: black;
    padding: 15px;
}
.woocommerce-tabs .tab-panels h3,.woocommerce-tabs .tab-panels a,.woocommerce-tabs .tab-panels h2,.woocommerce-tabs .tab-panels h1{
    color: black !important
}
.tab-dien-thoai .box-text {
        background: rgba(0,0,0,.6);
}
.tab-dien-thoai .box-text:hover{

    background: rgba(192,152,87,.5);
}
.tab-dien-thoai .tabbed-content{
    margin-top: -57px
}
.tab-dien-thoai .tabbed-content li{
    padding: 0px !important
}
.tab-dien-thoai .tabbed-content li.active a span{
        color: white;
    margin-bottom: -1px;
    padding: 6px 12px 6px 12px;
    background: #A5A5A5;
}
.tab-dien-thoai .tabbed-content li a span{
    padding: 6px 12px 6px 12px;
    color: #AA8241
}
.tab-dien-thoai .tabbed-content li a:hover span{
        color: white;
    margin-bottom: -1px;
    padding: 6px 12px 6px 12px;
    background: #A5A5A5;
}
div#nz-div {
    border-bottom: 2px solid #A98140;

    display: block;
}

#nz-div h3.tde {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
}


#nz-div h3.tde span {
       background: #F9D18F;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#F9D18F), to(#A98140));
    background: -webkit-linear-gradient(left, #F9D18F, #A98140);
    background: -moz-linear-gradient(left, #F9D18F, #A98140);
    background: -ms-linear-gradient(left, #F9D18F 0%, #A98140 100%);
    background: -o-linear-gradient(left, #F9D18F, #A98140);
    background: linear-gradient(to right, #F9D18F, #A98140);
    background: url(images/bg.png) left -2px top 0 no-repeat #DEB35E;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 13px 20px 13px 20px;
    color: black;
    position: relative;
    display: inline-block;
    margin: 0;
}
.row-xsmall>.flickity-viewport>.flickity-slider>.col, .row-xsmall>.col {
    padding: 0 4px 8px;
    margin-bottom: 0;
}
.tab-slider{
    background-color: black
}
tabbed-content
#content,.shop-container,.shop-page-title,#wrapper, #main{
    background: #2B2B2B !important
}
.header-top{
	border-top: 1px solid #f7f09d;}
.topbar-title{color: #f4eb97;
    font-size: 12.5px;
    background: black;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;}
.header-block .col-inner p{line-height:16px}
.header-block .icon-box-center .icon-box-img{margin: 0 auto 10px;}
.product_meta{margin-top: 10px}
.product_meta>span{border-top:0px}
.header-block .form-flat input:not([type="submit"]){    border-radius: 4px;background-color:rgba(53, 51, 51, 0.6) !important;color: white !important;font-size: 14px;border-color: rgb(215, 177, 87);}
.header-block .searchform-wrapper.form-flat .flex-col:last-of-type{    margin-left: -2.9em;
    background: #C09857;
    width: 43px;
    height: 35px;
        border-top-right-radius: 3px;      border-bottom-right-radius: 3px;}
.header-block .form-flat .button.icon{padding-left:10px}
.social-icons .button.icon:not(.is-outline){    background-color: black !important;
    border: 1px solid #d4af53 !important;}
.header-goc-phai{color: #f5ed9a;   
    width: 80%;
    font-size: 13px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto;
    border-radius: 4px;}
.header-goc-phai a{color:#f7ef9c}
.header-giohang a{    color: #f6ee9a;
    font-size: 13px;text-align: center}
.header-giohang p{    color: #f6ee9a;
    font-size: 13px;text-align: center}
.header-giohang{margin-top: 10px}
#wide-nav .nav li:first-child{margin:0;}

#wide-nav .nav li:first-child:hover{background: black; color:#F4E995; line-height: 40px}
#wide-nav .nav li a:first-child:active{ color: #F4E995;}
#wide-nav .nav li:first-child a:hover{color:#F4E995;}
#wide-nav .nav>li{margin:0; border-right: 1px solid #d6b257;}
#wide-nav .nav>li a:active{line-height:20px}
#wide-nav .nav>li a:hover{color:#F4E995;}
#wide-nav .nav>li:hover{
    background: #d6b257;
     color:#F4E995; line-height: 40px}
#wide-nav .nav>li:active{background: black; color: #F4E995; line-height: 40px}
#wide-nav .topbar a{color: white}
.page-wrapper{padding-top: 20px;
    padding-bottom: 10px;}
.box-blog-post .is-divider{display:none}
.slider .box-vertical{border-bottom: 1px dotted #e2e2e2;}
.slider .tab-panels{padding-top: 12px;}
.slider .box-vertical .box-text{    padding-left: 10px;
    padding-right: 0;}
.slider h5{font-weight:normal}
.slider .op-8{opacity: .5;}

.row-small>.col{padding: 0 9.8px 0px;}
.tab-slider .nav>li.active a{
    color: black
}
.tab-slider .nav>li.active{
    background: #F9D18F;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#F9D18F), to(#A98140));
    background: -webkit-linear-gradient(left, #F9D18F, #A98140);
    background: -moz-linear-gradient(left, #F9D18F, #A98140);
    background: -ms-linear-gradient(left, #F9D18F 0%, #A98140 100%);
    background: -o-linear-gradient(left, #F9D18F, #A98140);
    background: linear-gradient(to right, #F9D18F, #A98140);
    background: url(images/bg.png) left -2px top 0 no-repeat #DEB35E;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-slider .nav>li a:before{
    background-color: transparent !important;
}
.tab-slider .nav>li{margin:0; padding-left: 10px; padding-right:10px}
.tab-slider .tabbed-content .nav{    border-bottom: 2px solid #AA8241;}
.slider-wrapper+.row:not(.row-collapse){margin-top: 10px;}
.tab-slider .nav > li > a{color: #AA8241; font-weight: normal}
.tab-slider-1 .nav > li > a{font-weight: 500;
    color: black; }
.tab-slider-1 .tabbed-content ul{
	padding-left: 5px;
	background-color: #C09857;
    
    }
.tab-slider-1 .nav>li.active{border-bottom: 2px solid black}
.tab-slider-1 .nav>li>a{padding-top:10px; padding-bottom: 6px}
.price del{display:none}
.price  ins span{color: #ffae8b}
.price ins{font-size:15px}
.product-main .z-1{display:none}
.price ins .woocommerce-Price-currencySymbol{font-size:14px; font-weight:500;}
.badge-container{margin: 0px 0 0 0;}
.badge-inner.on-sale{  
   color: white;  background-color: #dcbc62; border-bottom-right-radius: 12px;font-weight: bold;
}
.badge{height: 25px;
    width: 50px;
    font-size: 15px;}
.price-wrapper .price{font-size:18px}
.price-wrapper .price span.amount{color:#ffae8b}
.price-wrapper .woocommerce-Price-currencySymbol{font-weight:500; font-size:14px}
.catelogy-section .catelogy-title{width:100%; display: block;    background: #f3f3f3;border-top: 2px solid #f4eb98;}
.catelogy-section .catelogy-title-left{width:30% !important; float: left !important;}
.catelogy-section .catelogy-title-left h3{margin-bottom:0px}
.catelogy-section .catelogy-title-left h3 a{padding-top: 7px;font-size:17px;
    padding-bottom: 5px;
    padding-left: 20px;padding-right:10px;
   background: #C09857;
   }
.catelogy-section .catelogy-title-left h3 a:hover{color: black}
.catelogy-section .catelogy-title-left h3:after{content : "" ;padding-top: 8px;
    border: 12px solid black;height: 0;
    width: 0px;    font-size: 0px;
    padding-bottom: 0px;
    position: absolute;
    left: 0;
    border-color: #4e3700 transparent transparent #4e3700;}
.catelogy-section .catelogy-title-right{width: 70% !important;float: right}
.catelogy-section ul {float: right; margin-bottom: 0px}
.catelogy-section ul li{    float: left;
    list-style: none;
    text-align: right;
    margin-bottom: 0px;
    padding-left: 10px;
    line-height: 32px;
    padding-right: 10px;
}
.catelogy-section ul li a{font-size: 14px}
.catelogy-section .clearboth{clear:both}
.catelogy-section .has-shadow .box:not(.box-overlay):not(.box-shade){    padding-left: 10px;
    padding-right: 10px;padding-top:10px}
.catelogy-section .has-shadow .box-text{padding-left: 0; padding-right: 0; padding-bottom: 10px}
.catelogy-section .badge-container{padding-left:10px;    padding-top: 10px;
}
.catelogy-section .row.row-collapse{padding-top:10px}
.row-box-shadow-1 .col-inner{    border: 1px solid #f3f3f3;box-shadow: none;}
.row-box-shadow-2-hover .col-inner:hover{box-shadow: none;
    border: 1px solid #e8d57e;}

.khuyen-mai{border: 1px solid #bfbfbf;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px;
    margin-bottom: 15px;
    line-height: 18px;}
.khuyen-mai h4{color:red}
.khuyen-mai li{    list-style: none; margin-bottom: 5px}
.khuyen-mai li a{color:#00b9eb}
.khuyen-mai li a:hover{color: gray}
.button-product{width:100%; display: block;padding: 0 9.8px 0px;}
.product-main .row-small>.col{padding: 0 9.8px 0px;}
.product-main .button{margin-bottom: 0}
.product-main{padding: 0px 0;}
.product-main .row.row-large{max-width: 1200px;
    margin-top: 20px;}
.product-info .breadcrumbs{text-transform: none;font-size: 14px;}
.is-divider{margin: 0px}
.product-main .product-short-description P{font-size:15px}

.mfp-content .lightbox-content{border-top: 4px solid #ffdc46;}
.mfp-content .lightbox-content .popup-mua-hang h3{text-transform: uppercase}
.mfp-content .lightbox-content .popup-mua-hang .popup-trai{    width: 48%;
    float: left;}
.mfp-content .lightbox-content .popup-mua-hang .popup-phai{    width: 48%;
    float: right; font-size:15px}
.mfp-content .lightbox-content .popup-mua-hang .popup-phai p{margin-bottom:10px}
.product-main  .mua-hang-button .row-small>.col{    padding: 0 9.8px 10px;}
ul.product_list_widget li a:not(.remove){font-size:15px}
span.amount{color:#ffae8b}
del span.amount{display:none}
.woocommerce-Price-currencySymbol{font-weight: normal; font-size: 14px}
.widget a{font-size:15px}
h3.widget-title{    
	background:#C09857;
    line-height: 34px;
    padding-left: 10px;
    padding-top: 3px;
    border-left: 10px solid #252424;letter-spacing:0}

.uppercase{letter-spacing:0}
.article-inner footer.entry-meta{display:none}
.top-footer a{color: white}
.top-footer a:hover{color: #d3ac50}
.top-footer .form-flat input:not([type="submit"]){
    color: white !important;
    background-color: rgba(138, 138, 138, 0.11);border-radius: 4px;font-size: 13px;
    border: 1px solid #585858;}
.top-footer .form-flat input{border-radius:4px}
.top-footer .button, input[type='submit'], input[type='submit'].button{font-size:14px; font-weight: normal; text-transform: none}

.absolute-footer.dark{font-size:13px}
.nav .nav-dropdown{    border: 1px solid #f2e793;}

.nav>li{transition: none}
.header:not(.transparent) .header-bottom-nav.nav > li > a{padding-left:8px; padding-right:8px;line-height:20px}

.footer-1 .widget-title,.title-cua-hang{
    color: #C09857
}
.footer-1 ul.uk-list{
font-size: 13px;
}
.footer-1 span.so{
        padding: 0px 5px;
    border: 1px solid #aaa;
    border-radius: 50%;
}
.footer-1 ul li{
     color:  #AAA  
}
#footer h3,#footer p span,#footer a,#footer p,#footer h3 span{
color: #AAA !important;
}

#footer .current-menu-item a{
        background: transparent;
}
#footer li {
    border: none
}
.top-footer{
    padding-bottom: 0px !important;
}
.menu-footer-container li a{
    padding:3px !important
}
p.form-row-last, p.form-row-first {
    width: 100%;
    float: left;
}
.absolute-footer .footer-secondary .footer-text p{
    margin-bottom: 4px;
}
#text-5 p{
    display: none
}
 @media only screen and (min-width: 320px) and (max-width: 768px) {
}
}
}
}
.catelogy-section .catelogy-title-left{width:100%;}
.catelogy-section .catelogy-title{ margin-top:20px}
.catelogy-section .catelogy-title-left h3{line-height:34px}
.catelogy-section .catelogy-title-right{width:100%}
}
.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){background: #f3f3f3;}
.product-footer .nav>li{margin: 0 0px}
.product-footer .nav > li > a{padding-left:10px; padding-right:10px;padding-top: 13px;}
.product-footer .nav>li.active>a {background: #C09857;
    border-left: 10px solid #ffaa00;}
.off-canvas .sidebar-inner{padding: 10px 10px;}
li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown{
    left: 0px !important
}
#shop-sidebar h3.widget-title{background: white;border-left: 0px;}
ul{margin-left:20px}

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

.catelogy-section .catelogy-title-left{width:100%}
}