/*
Theme Name:   FlatsomeChild
Description:  Tao flatsome child de them css
Author:       bao bì Khởi Phát
Author URL:   baobikhoiphat.com
Template:     flatsome
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  FlatsomeChild
*/

/* Write here your own personal stylesheet */
/*
 Theme Name: Flatsome Child
 Template: flatsome
*/

/* Định dạng Breadcrumbs (Rank Math) */

/* Định dạng chung cho breadcrumbs */
.rank-math-breadcrumb {
    font-size: 16px;
    margin-bottom: 20px;
    color: #0000d1;
    line-height: 1.5;
    text-align: center; /* Căn giữa văn bản */
}

/* Căn chỉnh breadcrumbs thẳng hàng với container nội dung (max-width: 1250px) */
.container .rank-math-breadcrumb {
    max-width: 1250px; /* Khớp với chiều rộng nội dung chính */
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px; /* Lề trái giống nội dung */
    padding-right: 15px; /* Lề phải giống nội dung */
}

/* Định dạng link trong breadcrumbs */
.rank-math-breadcrumb a {
    color: #d0000f;
    text-decoration: none;
    transition: color 0.3s ease;
}
.rank-math-breadcrumb a:hover {
    color: #0000d1;
    text-decoration: underline;
}

/* Responsive cho màn hình nhỏ hơn */
@media (max-width: 1270px) {
    .container .rank-math-breadcrumb {
        max-width: 100%; /* Chuyển sang full width nếu container nhỏ hơn */
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 767px) {
    .rank-math-breadcrumb {
        font-size: 13px; /* Giảm kích thước chữ trên mobile */
    }
    .container .rank-math-breadcrumb {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 549px) {
    .rank-math-breadcrumb {
        font-size: 12px; /* Nhỏ hơn nữa cho màn hình rất nhỏ */
        margin-bottom: 15px;
    }
}