/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


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


}


/* Gỡ bỏ FLEX:1 mà Flatsome áp cho các cột không phải center */
/* GHI ĐÈ FLEX ĐỂ ĐẨY MENU SANG TRÁI */
/* TẮT FLEX CHO TOÀN BỘ HÀNG */
.header-bottom .flex-row {
    display: block !important;
    width: 100%;
}

/* KHỐI 1 VÀ KHỐI 2 — NẰM BÊN TRÁI */
.header-bottom .flex-col {
    float: left !important;
    width: auto !important;
}

/* KHỐI 3 — NẰM BÊN PHẢI */
.header-bottom .flex-col.flex-right,
.header-bottom .flex-col.last,
.header-bottom .flex-col.flex-grow {
    float: right !important;
}

/* Đưa menu Danh Mục sát lề trái */
.header-bottom .flex-row.container {
    padding-left: 0 !important;
}

/* Nếu vẫn còn lệch thì fix thêm UL của menu */
.header-bottom .header-vertical-menu {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Fix thẻ LI chứa “Danh mục” */
.header-bottom .header-vertical-menu > li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* FULL-WIDTH + Căn giữa + Nền đỏ */
.webantam-woocommerce-price-contact {
    display: block !important;
    width: 100%;
    text-align: center;
    background: #e60000;
    color: #fff;
    padding: 10px 0;
    margin: 8px 0;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box;
}
/*Lazy Load */
/* PART 1 - truoc chuyen canh Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - hieu ung khi chuyen canh Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	transition: opacity .3s ease-in;
	opacity: 1;
}