/*
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.   ***************/
.woof_redraw_zone {display: flex;}
.woof_container {width: 40% !important; margin: 0 10px;}
.woof_submit_search_form_container {width: 15%;     margin: -6px 0px 15px 40px;}
.woof_block_html_items .chosen-container {    width: 100% !important;}

@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.woof_redraw_zone {display: block;}
.woof_container {margin: 10px 0px; width: 100% !important;}
.woof_submit_search_form_container {width: 33%;     margin: 0px;}

}
.dia_chi img {margin-top: -5px;}
.phap_ly img {margin-right: 4px;}
.sdt {color:#f00; font-weight: bold;}

.div2 {padding-top:5px;padding-left: 5px;padding-right: 5px;}
.div2 .dia_chi {float:none !important;}
/*.phap_ly{float:right;} */
.row.row-small, .container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1230px !important;
}

.tieu-de-sp {position: absolute;
    bottom: 0px;
    text-align: center;
    background: #000000a6;
    width: 100% !important;
    margin: 0px; 
}
.tieu-de-sp a {color: #fff !important;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 5px !important;}
.tieu-de-sp p {    margin: 0px !important;}
.header-inner .header-nav-main li {margin: 0 14px !important;}
.box-blog-post .absolute, .category-page-title .woocommerce-result-count,.category-page-title .woocommerce-ordering, .product-footer .product-tabs, .box-text-products .price, .nf-form-fields-required, .widget_products .amount, #comments {display:none !important;}

.product_cat-mien-bac .div3, .product_cat-mien-bac .div4, .product_cat-mien-trung .div3, .product_cat-mien-trung .div4, .product_cat-mien-nam .div3, .product_cat-mien-nam .div4, .product_cat-mien-bac .div1, .product_cat-mien-bac .div2, .product_cat-mien-trung .div1, .product_cat-mien-trung .div2, .product_cat-mien-nam .div1, .product_cat-mien-nam .div2, .rsks .div1, .rsks .div2 {display:none !important;}
td {border: 1px solid #000 !important;}
@media only screen and (min-width: 600px) {
	.product-small .title-wrapper {min-height: 70px !important;}
	.div1 {line-height: 2.6 !important;}
}

@media only screen and (max-width: 599px) {
/*.related-products-wrapper .box-text-products {display:none !important;}*/
	.div2 {display: grid;
    line-height: 2.5;
    text-align: center;}
}
#nf-field-8 {width: 100% !important;background: #F08318 !important; padding-top: 8px !important;}
.dark, .dark p, .dark td {
    color: #ffffff !important;
}
#header-contact span {    text-transform: none !important;}
#main .widget {    padding: 20px 10px !important;
    border: 1px solid #ececec !important;
    border-radius: 5px !important;}
#main .widget .is-divider {    background-color: rgb(255, 166, 3) !important;    max-width: 60px !important;}
.product-footer .woocommerce-tabs {padding: 0px !important;}
#product-sidebar {    padding: 20px !important;}
#product-sidebar .widget-title, #shop-sidebar .widget-title, #secondary .widget-title {color: #1b77d6 !important;}
.nav-dropdown li a:hover {color:#003c71 !important;}
#main .widget {background: #0072ff03 !important;}
.luong img {margin-top: -8px; width:20px !important;}

/*hiệu ứng hover ánh sáng */
.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
#main .widget li a:hover, .box-blog-post h5:hover {color: #0b72e0 !important;
    font-weight: bold !important;}
.mobile-nav {min-width: 80px !important;}
.loc-data {    position: absolute;
    bottom: 0px;    bottom: 150px !important;}
.chosen-container-single .chosen-single {
    height: 40px !important;
    line-height: 38px !important;
}
.nf-response-msg {background: #f19833;
    max-width: 350px;
    margin: 0 auto;
    padding: 20px 0px 1px 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;}
.div1 {text-align:center !important;}
.col-inner > .product-small {border: 1px solid #bdbdbd75 !important}
.product-small .product-title a {    text-align: center !important;color: #004892 !important;font-size: 16px !important;    padding: 0px 5px !important;font-weight: bold !important;}
.button.is-outline {border: 1px solid #00baff;}
.custom-product-page .product-title {font-size: 20px !important;font-weight: 600 !important;color: #004892 !important;}
.lhtv {border: 1px solid #ff7e00 !important;font-size: 18px !important;border-radius: 10px !important;}
.dtn {background:#ff7e00 !important; color: #fff !important;}
.dtn:hover {background:#fff !important; color: #ff7e00 !important;}
.product-small .product-title {text-align:center !important;}