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


}

.icont-social {
    margin-left: -30px;

}

.icont-social .button.icon.circle {
    color: #EF4444;
}

.top-sale-prd {
    padding-bottom: 0px;
}

.top-sale-prd-nav {
    padding-bottom: 0px;
}

.button-categories span {
    color: #EF4444;
    /* Màu mặc định */
    transition: color 0.3s ease;
    /* Tạo hiệu ứng mượt khi đổi màu */
}

.button-categories:hover span {
    color: #ffff;
    /* Màu đen khi hover */
}


.button-categories {
    color: #EF4444 !important;
}

.stack-col {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
}

/* CSS cho màn hình di động */
@media (max-width: 768px) {

    /* Điều chỉnh kích thước breakpoint nếu cần */
    .stack-col {
        justify-content: center;
        /* Căn giữa nội dung */
    }
}

.menu-text span {
    font-weight: bold;
    color: #fff;
}

.menu-text {
    padding: 0px;
}

.img-footer {
    padding: 0px;
}

.about-homepage-img {
    padding-bottom: 0px;
    /* Padding mặc định cho desktop */
}

@media (max-width: 768px) {
    .about-homepage-img {
        padding-bottom: 30px;
        /* Padding cho mobile */
    }
}

.prd-homepage {
    padding-bottom: 0px;
}

.content-homepage {
    text-align: left;
}

.icon-homepage {
    display: flex;
    gap: 35px;
}

.text-icon {
    font-weight: bold;
    color: black;
}

.img-footer .col-inner {
    display: flex;
}

/* CSS cho màn hình di động */
@media (max-width: 768px) {
    .img-footer .col-inner {
        justify-content: center;
        /* Căn giữa theo chiều ngang */
        align-items: center;
        /* Căn giữa theo chiều dọc nếu cần */
    }
}

.absolute-footer {
    display: none;
}

.widget-title {
    color: #171717;
}
#footer a.ux-menu-link__link span,#footer{color: #000}