/*
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.
*/

.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: #F1C40F;
    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;}
.tab-slider{background: white;}
.row-small>.col{padding: 0 9.8px 0px;}
.tab-slider .nav>li.active{background-color:#f1c40f;}
.tab-slider .nav>li{margin:0; padding-left: 10px; padding-right:10px}
.tab-slider .tabbed-content .nav{    border-top: 1px solid #f4eb97;}
.slider-wrapper+.row:not(.row-collapse){margin-top: 10px;}
.tab-slider .nav > li > a{color: black; 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: #f1c40f;
    
    }
.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: red}
.price ins{font-size:18px}
.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:red}
.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: #f1c40f;
   }
.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{display:none}
.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: red}
del span.amount{display:none}
.woocommerce-Price-currencySymbol{font-weight: normal; font-size: 14px}
.widget a{font-size:15px}
h3.widget-title{    
	background:#f1c40f;
    line-height: 34px;
    padding-left: 10px;
    padding-top: 3px;
    border-left: 10px solid #252424;letter-spacing:0}
.current-menu-item a{
    background: black;
      color: #F4E995 !important;
}
.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}
.footer-wrapper{border-top: 2px solid #f2e792;}
.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 h3,#footer p span,#footer a,#footer p,#footer h3 span{
color: white !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;
}
 @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: #f1c40f;
    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%}
}