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

/****************************************************************************************************************************/
/**************************************************** CẢ 2 GIAO DIỆN  *******************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/

/* Chỉnh mở rộng 2 nút tăng và giảm số lượng khi đăt đơn hàng*/
input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form {
    width: 35px;
}

input.ux-quantity__button.ux-quantity__button--minus.button.minus.is-form {
    width: 35px;
}
/* kết thúc Chỉnh mở rộng 2 nút tăng và giảm số lượng khi đăt đơn hàng*/

/*Left Menu Backgroud */
.widget .current-cat>a {
    background: #0b2764;
    border-radius: 20px;
    padding-left: 12px;
	padding-right: 12px;
    color: #fff;
}

.widget .current-cat>a:hover{
    background: #0b2764;
    border-radius: 20px;
    padding-left: 12px;
	padding-right: 12px;
    color: #fff;
}

/* Dãn cách các danh mục cao + cho chữ đậm */
.widget>ul>li>a{
	padding: 4px 0;
	font-weight: 700;
}
/* Kết thúc Dãn cách các danh mục cao + cho chữ đậm */

/* cho đường gạch ở dưới các tiêu đề dài full */
.is-divider{
max-width: 100%;
}
/* Kết thúc cho đường gạch ở dưới các tiêu đề dài full */

/* chỉnh màu cam kết ở left single product */
#block_widget-2 {
	border: solid 1px #1c3c858f;
	padding: 15px;
	border-radius: 10px;
	background: #0943cf08;
	margin-bottom: 50px;
}
/* Kết thúc chỉnh màu cam kết ở left single product */

/* Kéo dài buton "thêm vào giỏ" dài ra*/
a.primary.is-small.mb-0.button.product_type_simple.is-flat {
    font-size: 1em;
    font-weight: 400;
    width: 100%;
}

button.ux-buy-now-button.button.primary.ml-half {
	background: #ff0000; /* màu xanh đỏ, "Mua ngay" ở chi tiết sản phẩm */
	padding: 2px;
    font-size: 1em;
}
/* Trong chi tiết sản phẩm, Sửa nút nhập số lượng, để 1em thì nó bị lỗi ở dưới số */
.quantity input[type="number"] {
	font-size: 1.1em;
}
/* Kết thúc Trong chi tiết sản phẩm, Sửa nút nhập số lượng, để 1em thì nó bị lỗi ở dưới số */

/* Bo tròn cac thông tin Tên, SĐT, Mail, Địa chỉ,... của Checkout thanh toán */
input#billing_last_name {
    border-radius: 20px;
	padding-left: 20px;
}

input#billing_phone {
    border-radius: 20px;
	padding-left: 20px;
}

input#billing_email {
    border-radius: 20px;
	padding-left: 20px;
}
span.select2-selection.select2-selection--single {
    border-radius: 20px;
	padding-left: 20px;
}

input#billing_address_1 {
    border-radius: 20px;
	padding-left: 20px;
}
textarea#order_comments {
    border-radius: 20px;
	padding-left: 20px;
}
/* Kết thúc Bo tròn cac thông tin Tên, SĐT, Mail, Địa chỉ,... của Checkout thanh toán */

/* Bo tròn khung checkout thanh toán */
.has-border {
	border-radius: 20px;
}
/* kết thúc Bo tròn khung checkout thanh toán */

/* Bo tên cty, mã số thuế, địa chỉ, trong khung xuất hóa đơn */
input#billing_vat_company {
    border-radius: 20px;
    padding-left: 15px;
}
input#billing_vat_mst {
    border-radius: 20px;
	padding-left: 15px;
}

input#billing_vat_companyaddress {
    border-radius: 20px;
    padding-left: 15px;
}
/* Kết thúc Bo tên cty, mã số thuế, địa chỉ, trong khung xuất hóa đơn */

/*icon Đầu các danh mục trong danh mục sản phẩm */
li.cat-item.cat-item-29{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/thung-nhua-icon.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-28{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/song-nhua-ro-nhua-icon-don.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-27{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/pallet-icon-don.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-20{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/ban-icon.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-21{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/ghe-icon.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-26{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/thung-rac-nho-icon.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-25{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/thung-rac-cong-cong-icon.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-24{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/san-pham-giu-nhiet.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-23{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/san-pham-khac-icon.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
li.cat-item.cat-item-22{
    padding: 14px 5px;
    background: url(/wp-content/icon-danh-muc/ban-chay-icon.png) no-repeat left 7px;
    padding-left: 60px;
    /*border-bottom: solid 1px #e9e9e9;*/
}
.widget>ul>li li>a {
    padding: 6px 0;
}

/* Bo tròn -> 4 biểu tượng dưới banner trang chủ */
.col-inner.text-center {
	border-radius: 20px;
}

/* Bo tròn tiêu đều Danh Mục ở page trang chủ */
.section-title-main {
	border-radius: 20px;
}

/****************************************************************************************************************************/
/**************************************************** MOBILE CSS  ***********************************************************/
/****************************************************************************************************************************/
/****************************************************************************************************************************/

@media only screen and (max-width: 48em) {
/*chỉnh nút mua ngay + thêm vào giỏ dài ra "trong chi tiết sản phẩm" */
button.single_add_to_cart_button.button.alt {
    width: 68%;
	background: #1c3d86; /* màu xanh dương, thêm vào giỏ ở chi tiết sản phẩm */
}

button.ux-buy-now-button.button.primary.ml-half {
    width: 100%;
}
/* kết thúc chỉnh nút mua ngay + thêm vào giỏ dài ra "trong chi tiết sản phẩm" */
	
/*chỉnh màu giá sản phẩm*/
span.woocommerce-Price-amount {
	color: red;
	font-size: 1.2em;
}
del span.amount {
	font-size: 0.9em;
	color: #000;
}
/* kết thúc chỉnh màu giá sản phẩm*/

/* Ẩn label trong checkout khi đặt hàng, như label là tên, mail, địa chỉ*/
label.required_field {
    display: none;
}
/* kết thúc Ẩn label trong checkout khi đặt hàng, như label là tên, mail, địa chỉ*/

/* Chỉnh chữ Menu Left trên di di động */
.nav-vertical li>a {
	font-size: 1em; /* Danh Mục cha*/
	color: #3d3d3d;
}
.nav-vertical>li>ul li a{
	font-size: 0.9em; /* Danh Mục con*/
	color: #3d3d3d;
	padding-left: 40px !important;
	}
/*kết thúc Chỉnh chữ Menu Left trên di di động  */	

/* Chỉnh Menu Left giảm cách trên và dưới trên di động*/
.off-canvas .nav-vertical>li>a {
    padding-bottom: 5px;
    padding-top: 5px;
}
/* Kết thúc Chỉnh Menu Left giảm cách trên và dưới trên di động*/
	

.mobile-nav.nav.nav-left {
	font-size: 1.8em;
}
	

/*Chỉnh bo góc cho Form Liên hệ của plugin  CF7*/
input.wpcf7-form-control.wpcf7-text {
    border-radius: 20px;
	width: 90%;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 20px;
	width: 90%;
}
/* Kết thúc Chỉnh bo góc cho Form Liên hệ của plugin  CF7*/

	
	
}
@media only screen and (min-width: 48em) {
/************************************************************************************************************************************/
/**************************************************** DESKTOP + IPAD CSS  ***********************************************************/
/************************************************************************************************************************************/
/************************************************************************************************************************************/

/* Chỉnh menu chính ngang ở trên, cho hình trên, chữ dưới + ẩn nút mũi tên sổ xuống */
a.nav-top-link {
    display: flex;
    flex-direction: column;
}

i.icon-angle-down {
    display: none;
}
/* kết thúc Chỉnh menu chính ngang ở trên, cho hình trên, chữ dưới + ẩn nút mũi tên sổ xuống */

/*Chỉnh bo góc cho Form Liên hệ của plugin  CF7*/
input.wpcf7-form-control.wpcf7-text {
    border-radius: 20px;
	width: 90%;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 20px;
	width: 90%;
}
/* Kết thúc Chỉnh bo góc cho Form Liên hệ của plugin  CF7*/

/*chỉnh màu giá sản phẩm*/
span.woocommerce-Price-amount {
	color: red;
	font-size: 1.2em;
}
del span.amount {
	font-size: 0.9em;
	color: #000;
}
.nav-dropdown {
    color: #ff0000;
}
/* kết thúc chỉnh màu giá sản phẩm*/

/*chỉnh nút mua ngay dài ra "trong chi tiết sản phẩm" */
button.single_add_to_cart_button.button.alt {
    width: 30%;
	background: #1c3d86; /* màu xanh dương, "thêm vào giỏ" ở chi tiết sản phẩm */
}
button.ux-buy-now-button.button.primary.ml-half {
    width: 41%;
}
/* kết thúc chỉnh nút mua ngay dài ra */
/* Ẩn label trong checkout khi đặt hàng, như label là tên, mail, địa chỉ*/
label.required_field {
    display: none;
}
/* kết thúc Ẩn label trong checkout khi đặt hàng, như label là tên, mail, địa chỉ*/

/* Bo tròn góc sổ xuống menu và giỏ hàng*/
.nav-dropdown-has-border .nav-dropdown {
	border-radius: 15px;
}
/* kết thúc Bo tròn góc sổ xuống menu và giỏ hàng*/

/* Giỏ hàng width rộng hơn, để không rớt chữ khi tên sản phẩm quá dài*/
.nav-right li.current-dropdown:last-child>.nav-dropdown, .nav-right li.has-dropdown:hover:last-child>.nav-dropdown {
    width: 380px;
}
/* Kết thúc Giỏ hàng width rộng hơn, để không rớt chữ khi tên sản phẩm quá dài*/
	
/* Chỉnh danh mục con ở main menu cho nhỏ một chút */	
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    font-size: 0.9em;
}
/* Kết thúc Chỉnh danh mục con ở main menu cho nhỏ một chút */	
/*.nav-dropdown.nav-dropdown-default>li>a {
	color:#888;
}*/
/* Chỉnh danh mục con ở main menu MÀU ĐẬM MỘT một chút */	
.nav-dropdown>li>a{
	color:#444;	
		}
/* Kết thúc Chỉnh danh mục con ở main menu MÀU ĐẬM MỘT một chút */	
	
/* Chỉnh danh mục con ở main menu hiệu ứng rê chuột, nền xanh, chữ trắng*/
.nav-dropdown > li > a:hover{
    color: #002476;
	/*background: #002476;*/
	font-weight:700;
	font-size:1em;
	padding-left:5px;
	border-radius:20px;
}
/* kết thúc Chỉnh danh mục con ở main menu hiệu ứng rê chuột, nền xanh, chữ trắng*/
	
	
	

}