/*
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.   ***************/
.flex-col.hide-for-medium.flex-left111 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.hotline_top_bar{
    font-size: 1.3rem;
    color:  #fff; 
}
marquee{
    text-align: center;
	color: #fff;
}

.company_phone a {
    font-weight: bold;
}
.tax-product_cat #ez-toc-container:nth-child(2){
    display: none !important;
}

.header-vertical-menu__fly-out{
        max-height: 75vh;
        overflow: auto;
}

.product_short_des * {
    font-size: 13px !important;
    line-height: 16px;
}

/*************** CUSTOM CSS CHO FOOTER THEME ***************/

/* 1. Đảm bảo tất cả tiêu đề (H1, H2, H3) trong Footer đổi sang màu trắng */
/* Thường các tiêu đề widget trong Flatsome là H3 hoặc H2 */
.footer-widgets .widget-title, 
.footer-widgets h1, 
.footer-widgets h2, 
.footer-widgets h3 {
    color: #fff !important; /* Đổi màu tiêu đề sang trắng */
}

/* 2. Đảm bảo tất cả nội dung văn bản thường trong Footer là màu trắng */
/* Điều này quan trọng vì nội dung thường được mặc định là màu tối */
.footer-widgets .text-box-content p,
.footer-widgets .text-box-content,
.footer-widgets .icon-box-text {
    color: #fff;
}


/* 3. Đổi màu ĐỎ cho các Số Điện Thoại (chỉ áp dụng cho link gọi điện) */
/* Selector này nhắm mục tiêu vào các link bắt đầu bằng "tel:" trong footer */
footer a[href^='tel:'], 
footer a[href*='tel:'] {
    color: #ff0000 !important; /* Đổi màu link gọi điện sang Đỏ */
    font-weight: bold;         /* Đảm bảo số điện thoại in đậm */
}


#footer .footer-2 .company_branch .branch .branch_title,
#footer .footer-2 .company_branch .branch p i,
#footer .footer-2 .contact_info i{
	color: #fff !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/