/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
*>body{width:100%;margin-left:auto!important;margin-right:auto!important;padding-left:auto!important;padding-right:auto !important}
.shop-container ul li {margin-left: 0 !important;} /*** sua loi nhay menu doc trong chi tiet san pham  ***/






/*==================================================
HOME PRODUCT BOX
==================================================*/

.hg-home-product-box{

    background:#dd3333;

    border-radius:16px;

    overflow:hidden;

    margin:35px 0;

}

.hg-box-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:20px 28px;

}

.hg-title{

    font-size:20px;

    font-weight:700;

    text-transform:uppercase;

    flex-shrink:0;

}

.hg-title a{

    color:#fff;

    text-decoration:none;

}

.hg-menu{

    display:flex;

    gap:10px;

    align-items:center;

    justify-content:flex-end;

}

.hg-menu a{

    color:#fff;

    text-decoration:none;

    font-size:17px;

    font-weight:600;

    transition:.3s;

}

.hg-menu a:hover{

    opacity:.8;

}

.hg-box-content{

    background:#fff;

    margin:0 18px 18px;

    padding:15px;

    border-radius:6px;

}

/* Flatsome Product */

.hg-box-content .box{

    margin-bottom:0;

}

.hg-box-content .product-small{

    margin-bottom:0;

}

/* Slider Arrow */

.hg-box-content .flickity-prev-next-button{

    width:46px;

    height:46px;

    background:#fff;

    border-radius:50%;

    box-shadow:0 5px 15px rgba(0,0,0,.2);

}

.hg-box-content .flickity-prev-next-button svg{

    fill:#333;

}

.hg-box-content .flickity-prev-next-button:hover{

    background:#08a84c;

}

.hg-box-content .flickity-prev-next-button:hover svg{

    fill:#fff;

}

/*==================================================
Responsive
==================================================*/

@media(max-width:849px){

    .hg-box-header{

        padding:18px;

    }

    .hg-title{

        font-size:24px;

    }

    .hg-menu{

        display:none;

    }

}

@media(max-width:549px){

    .hg-home-product-box{

        border-radius:10px;

    }

    .hg-box-header{

        padding:16px;

    }

    .hg-title{

        font-size:22px;

        width:100%;

        text-align:left;

    }

    .hg-box-content{

        margin:10px;

        padding:10px;

    }

}









/*************** contact menu top ***************/
.header-contact-wrapper #header-contact  a {color: #616161;}   
/*************** Doi mau icon share menu to   ***************/
.nav-dark .social-icons  {color: #616161;} 
/*************** An tat ca Divider.   ***************/
.is-divider {display: none !important}
/*************** tao boder cho producs.   ***************/
.product-small .box   {border: 1px solid #ccc;}
/*************** tao boder cho slide category.   ***************/

.woocommerce-layout__header .woocommerce-layout__header-wrapper { display:none !important;}
/*************** An thanh chan media trong sua bai admin.   ***************/
.box-category {border: 1px solid #ccc;}
/*************** doi mau cho back next sticky   ***************/
.flickity-button-icon {background: red !important;color: #fff !important; border: 3px solid #ccc !important;}
/*************** Margin cho slide danh muc sp  ***************/
.flickity-viewport {margin-bottom: 30px;}
/*************** can le sp trong danh muc sp  ***************/
.box-text{padding-left:5px!important;padding-right:5px!important}
/*************** Thay doi mau chu ten san pham trong danh muc san pham  ***************/
.product-title a{color:#000}
/*** Nut % giam gia san pham - ap dung cho chi tiet sp va ca danh muc sp***/
.badge-container{right:0px;top:0px;left:auto;margin:0}
.badge-container .badge  {height:39px;width:39px}
.badge-inner.on-sale{display:block;z-index:999;background:#d21616 !important}
.product-main .badge-inner.on-sale{height:39px;width:39px;}
.onsale{color:#fff;position:relative;top:10px;font-size:15px; font-weight: none;}
/*** END Nut % giam gia san pham ***/

/*** Mo ta ngan chi tiet san pham  ***/
.term-description h2,.term-description h3,.term-description h4{color:#00f!important}
.entry-content h2,.entry-content h3,.entry-content h4{color:#00f!important}
.product-short-description ul{list-style:none!important;margin-bottom:1.6em!important}
.product-short-description ul li{margin-bottom:0!important;font-size:14px}
.product-short-description ul li:before{content:"\f00c";font-family:FontAwesome;display:inline-block;margin-left:-1.3em;text-align:center;width:25px;color:#ef9200;padding-right:5px}
h1.product-title  { font-size:26px;color: #000;} /*** Thay doi kich thuoc va mau chu ten sp trong chi tiet sp  ***/
/*** END Mo ta ngan chi tiet san pham  ***/

/*************** Thay doi nut dat hang chi tiet sp  ***************/
.product-info .cart{padding:0;text-align:center}
.quantity.buttons_added{padding:0;margin:0;float:left}
.product-info .cart .single_add_to_cart_button{margin-left:5%;float:right;background-color:red!important;border-radius:3px;font-size:16px;font-weight:500;transition:.4s all;text-align:center;background-position:24px;height:40px;}
.product-info .cart .single_add_to_cart_button:hover{box-shadow:none;background-color:#d21717!important}
/*************** END Thay doi nut dat hang chi tiet sp  ***************/

/*************** doi mau chu gia chi tiet san pham  ***************/
span.amoun {color: red !important;}

/*************** phan thuoc tinh sp trong chi tiet san pham   ***************/
table.variations {border: none !important;}
table.variations tr td {padding-left: 0px !important;}
.single_variation_wrap {text-align: left !important;}
table.variations , table.variations tr, table.variations tr td, table.variations tr td select, table.variations tr td label { margin:0px !important;}
/*************** END phan thuoc tinh sp trong chi tiet san pham   ***************/
/*************** Chinh sua danh sach bai viet   ***************/
h5.post-title {text-align:left !important; font-weight: 700 !important;}
p.from_the_blog_excerpt {text-align:left !important;}

/*************** END Chinh sua danh sach bai viet   ***************/

/*** Nut back top  ***/
.back-to-top{bottom:80px!important;background:#d17a00!important;border:none !important;}
.back-to-top  i{color:#fff;}
.back-to-top:hover{background-color:#000!important;border:none!important}
.back-to-top:hover i{color:#fdd165}
/*** END Nut back top  ***/

/************ Menu ngang ************/
.nav-dropdown{display:block;border:1px solid #cc190d;background-color:#f44336;padding:0}
.nav-dropdown>li.nav-dropdown-col{display:block;width:100%;min-width:100%;position:relative}
.nav-dropdown .menu-item-has-children{background-image:url(images/arrow-point-to-right-fdd165.png);background-repeat:no-repeat;background-position-y:center;background-position-x:95%}
.nav-dropdown .menu-item-has-children:hover{background-image:url(images/arrow-point-to-left.png);background-repeat:no-repeat;background-position-y:center;background-position-x:95%}
.nav-column{display:none;position:absolute;left:100%;z-index:9;margin:0;padding:0!important;transition:opacity .25s;box-shadow:1px 1px 15px rgba(0,0,0,0.15);border:2px solid #ccc; color:#777;background-color:#f44336;text-align:left;top:0}
.nav-dropdown li:hover ul{display:block}
.nav-dropdown-has-arrow li.has-dropdown:after{border-color:#cc190d;border-bottom-color:#cc190d;}
.nav-dropdown-has-arrow li.has-dropdown:before{border-bottom-color:#fdd165 !important;z-index:10}
.nav-dropdown li a,.nav-column li a{color:#fff!important;font-weight:500!important;font-size:14px}
.header-nav li{display:block}
.header-nav li:not(.header-search-form):hover{background-color:#fdd165 !important;}
.header-nav .menu-item-object-product_cat:hover>a,.header-nav .nav-dropdown .menu-item-object-page:hover>a,.header-nav .nav-dropdown .menu-item-object-category:hover>a{color:#555555 !important;padding-left:0px}
.header-nav .menu-item-object-product_cat:hover,.header-nav .nav-dropdown .menu-item-object-page:hover,.header-nav .nav-dropdown .menu-item-object-category:hover{background-color:#fdd165!important}
.header-nav>li:not(.header-search-form){display:block;padding:0 5px;border-left:1px solid #cc190d;}
.header-nav>li:first-child{border-left:none}
.header-nav>li:last-child{border-right:none}
.nav-dropdown.nav-dropdown-default>li, .nav-dropdown-default .nav-column li {border-bottom: 1px solid #cc190d !important;}
.nav-dropdown.nav-dropdown-default>li>a, .nav-dropdown-default .nav-column li>a {border: none !important;}
/************ END Menu ngang ************/


/*** Menu cot doc***/
.widget_nav_menu .widget-title {display: block;background-color: #f44336;padding: 15px 0px;color: #ffffff; text-align:center;}
.widget_nav_menu .is-divider.small {display:none;}
.widget_nav_menu ul li{background-color: #ffffff;padding: 0 0 0 20px;display: block;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-top: none !important;}
.widget_nav_menu ul li ul {border-left: 1px solid #cccccc;}
.widget_nav_menu ul .active>a,.widget_nav_menu  ul li:hover>a{padding-left: 5px;color: #000; }
.widget_nav_menu ul li:hover {border-left: 5px solid #f44336;}
.widget_nav_menu ul li>a{color: #000;font-size: 15px;font-weight: 500 !important;transition: padding .3s;width: 100%;}
.widget_nav_menu ul li:not(.active):hover {background-color: #fdd166; color: #000;}
.widget_nav_menu ul li.has-child:not(.active):hover {background-image: url(images/arrow-point-to-left.png);background-repeat: no-repeat;background-position-y: center;background-position-x: 95%;}
.widget_nav_menu li.has-child {width: 100%;min-width: 100%;position: relative;background-image: url(images/arrow-point-to-right.png);background-repeat: no-repeat;background-position-y: center;background-position-x: 95%;}
.widget_nav_menu ul.sub-menu {display: none;position: absolute;left: 100%;z-index: 100;margin: 0;padding: 0 !important;transition: opacity .25s;box-shadow: 3px 3px 7px rgba(0,0,0,0.15);text-align: left;top: 0;}
.widget_nav_menu ul.sub-menu li {border-bottom: 1px solid #cccccc;background-color: #ffffff;}
.widget_nav_menu ul.sub-menu li a {font-size: 15px;font-weight: 500 !important;transition: padding .3s;padding-top: 6px;padding-bottom: 6px;}
.widget_nav_menu li.has-child:hover>ul.sub-menu {display: block;}
.widget_nav_menu .toggle {display: none;}
/*** END Menu cot doc***/



/************************************ CSS CHO CAC CLASS ID MOI THEM VAO  *************************************************************/
/*************** Thanh Bar danh muc san pham - loại don gian  ***************/
.section_bar_danh_muc_denhoanggia {margin:0px 0px 10px 0px;border-bottom:1px solid #d17a00;overflow:hidden; background: #f3f3f3;}
.section_bar_danh_muc_denhoanggia h3{margin:0!important;float:left!important;width:auto!important;padding:0 10px!important;background:#d17a00!important;color:#fff!important;font-size:16px!important;line-height:43px!important;white-space:nowrap!important;text-transform:uppercase;position:relative!important; height: 40px;}
.section_bar_danh_muc_denhoanggia h3 a{color:#fff!important; font-weight: 700;}
.section_bar_danh_muc_denhoanggia h3 a:hover{text-decoration: underline !important}
a.section_bar_danh_muc_denhoanggia_link {color:#000000;float:right;line-height:40px;white-space:nowrap;padding:0 10px;text-decoration:none; font-style: italic;}
a.section_bar_danh_muc_denhoanggia_link:hover{color:#603916;text-decoration:underline}
/*************** Thanh Bar danh muc san pham - loại don gian  ***************/

/*** Bang thong so ky thuat san pham  ***/
table.thong_so_kt_lt tbody tr:nth-child(2n+0){background:#ececec}
table.thong_so_kt_lt tbody tr td{padding:5px;color:#000}
/*** END Bang thong so ky thuat san pham  ***/


/*** Lam nut goi va zalo  ***/
#zalo-contact {position: fixed;left: 10px;bottom: 60px;background: #0084ff;padding: 3px 15px;border-radius: 20px; z-index: 9999;border: 3px solid #ccc}
#phone-contact {position: fixed;left: 10px;bottom: 15px;background: #d21717;padding: 3px 15px;border-radius: 20px;z-index: 9999;border: 3px solid #ccc}
/*** END Lam nut goi va zalo  ***/

/************************************ END CSS CHO CAC CLASS ID MOI THEM VAO  *************************************************************/

/************************************ MOBILE  *************************************************************/
@media only screen and (max-width: 53em) {
/************ Menu ngang - Mobile ************/	
.icon-menu:before {content: "Menu";font-size: 20px;font-family: roboto;font-weight: 500;color: #000;display: block;background-color: #fdd166;padding: 10px;}
.stuck .header-main{display:block !important;}
/************ END Menu ngang - Mobile ************/	

/*************** Menu doc Mobile ***************/	
.widget_nav_menu .toggle {display: inline-block;}
.widget_nav_menu ul.sub-menu li a {width: 90%;}
.widget_nav_menu li.has-child, .widget_nav_menu ul li.has-child:not(.active):hover{background-color: none;}
.widget_nav_menu ul.children {position: fixed;opacity: 0;left: -99999px;transition: background-color 0.6s, transform 0.3s, opacity 0.3s;transform: translateX(-10px);margin: 0; padding: 0; box-shadow: none;}
.widget_nav_menu ul.sub-menu li{width: 97%;}
.widget_nav_menu li.has-child:hover>ul.sub-menu {display: none ;}
.widget_nav_menu li.active>ul {display: block !important;position: inherit;opacity: 1;left: auto;padding-bottom: 30px;transform: translateX(0);}
/*************** END Menu doc Mobile ***************/	
	
/*** Lam nut goi va zalo - Mobile ***/
#zalo-contact {position: fixed;bottom: 15px; left:200px;}
/*** END Lam nut goi va zalo - Mobile  ***/

/*** bang bao gia den led - Mobile ***/
td.mo_ta_bang_gia {font-size: 10px;}
table.bang_bao_gia_list tr td img {max-width: 100% !important;}
/*** END bang bao gia den led - Mobile ***/

}

@media only screen and (max-width: 48em) {

}
/************************************ END MOBILE  *************************************************************/