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


}

.Box-home h2 {
    color: #ff720a;
}
.Box-home.section-title-normal {
    border-bottom: 2px solid #ff720a;
}
.Box-home .box-blog-post {
    background-color: #989bad3b;
    border: 1px solid #ffcdcd;
    border-radius: 5px;
}
.post-sidebar.large-3.col {
    padding: 5px;
    position: sticky;
    top: 100px;
    z-index: 10;
}
.fpt-related h3 {
    color: #000000;
    border-bottom: 2px solid #ffffff;
}
.fpt-latest h3 {
    color: #000000;
    border-bottom: 2px solid #ffffff;
}
.fpt-categories h3 {
    color: #000000;
    border-bottom: 2px solid #ffffff;
}
.fpt-sidebar-box {
    position: sticky;
    top: 100px;
}
.large-9.col {
    background-color: #e0e1e657;
    padding: 20px 10px;
    border-radius: 12px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
}
    .fpt-news-wrapper { display: flex; flex-wrap: wrap; color: #000000; padding: 0px; gap: 15px; }
    .fpt-news-main {flex: 1 1 60%;background-color:#989bad3b;padding: 16px;border-radius: 8px;border: 1px solid #ffcdcd;}
    .fpt-news-main img { width: 100%; border-radius: 8px; margin-bottom: 12px; }
    .fpt-news-main h2 { font-size: 20px; font-weight: 600; margin: 10px 0 4px; }
    .fpt-news-main h2 a {color: #2c3338;text-decoration: none;}
    .fpt-news-main .fpt-date {color: #2c3338;font-size: 14px;margin-bottom: 8px;border-bottom: 1px solid #444;display: inline-block;}
    .fpt-news-main p {color: #2c3338;font-size: 15px;line-height: 1.6;}

    .fpt-news-side { flex: 1 1 35%; display: flex; flex-direction: column; gap: 15px; }

    .fpt-side-item {display: flex;gap: 12px;align-items: flex-start;background-color: #989bad3b;padding: 10px;border-radius: 8px;border: 1px solid #ffcdcd;}
    .fpt-side-item img { width: 100px; height: 70px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
    .fpt-side-content { flex: 1; }
    .fpt-side-content h3 { font-size: 15px; font-weight: 600; margin: 0 0 6px; line-height: 1.4; }
    .fpt-side-content h3 a {color: #2c3338;text-decoration: none;}
    .fpt-side-content p {font-size: 13px;color: #2c3338;margin: 0;line-height: 1.5;}
    .fpt-side-content .fpt-date { color: #999; font-size: 12px; margin-top: 4px; display: block; }

    .fpt-pagination { text-align: center; margin-top: 24px; }
    .fpt-pagination a, .fpt-pagination span { color: #000000; margin: 0 6px; text-decoration: none; }
    .fpt-pagination .current { font-weight: bold; }
    .fpt-readmore-btn {display: inline-block;margin-top: 12px;background-color: #e50914;color: #000000;padding: 8px 16px;font-size: 14px;border-radius: 4px;text-decoration: none;transition: background-color 0.3s ease;}
    .fpt-readmore-btn:hover {background-color: #ff1a1a;}

    @media screen and (max-width: 991px) {
      .fpt-news-wrapper { flex-direction: column; }
      .fpt-news-main, .fpt-news-side { flex: 1 1 100%; }
    }

    @media screen and (max-width: 600px) {
      .fpt-news-main h2 { font-size: 18px; }
      .fpt-news-main p { font-size: 14px; }
      .fpt-side-item img { width: 80px; height: 60px; }
      .fpt-side-content h3 { font-size: 14px; }
      .fpt-side-content p { font-size: 12px; }
      .fpt-news-wrapper { padding: 20px 12px; }
    }
    
/*side-bar*/

    .fpt-sidebar-box { background: #b7b9c56e; padding: 20px; border-radius: 8px; color: #000000; font-family: sans-serif; }
    .fpt-sidebar-box h4 { font-size: 16px; margin-bottom: 12px; border-bottom: 1px solid #333; padding-bottom: 6px; }
    .fpt-author { text-align: center; margin-bottom: 24px; }
    .fpt-author img { border-radius: 50%; margin-bottom: 8px; }
    .fpt-author .author-name { font-weight: 600; font-size: 15px; margin-bottom: 4px; color: #000000; }
    .fpt-author .author-bio { font-size: 13px; color: #ccc; margin-bottom: 8px; }
    .fpt-author .author-link { display: inline-block; background: #e50914; color: #000000; padding: 6px 12px; font-size: 13px; border-radius: 4px; text-decoration: none; transition: background 0.3s; }
    .fpt-author .author-link:hover { background: #ff1a1a; }

    .fpt-related ul, .fpt-latest ul, .fpt-categories ul { list-style: none; padding-left: 0; margin: 0; }
    .fpt-related li, .fpt-latest li { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
    .fpt-related img, .fpt-latest img { width: 60px; height: 60px; object-fit: cover; border-radius: 6px; flex-shrink: 0; }
    .fpt-related .text, .fpt-latest .text { flex: 1; }
    .fpt-related .title, .fpt-latest .title { font-size: 14px; color: #000000; line-height: 1.4; }
    .fpt-related a, .fpt-latest a { display: flex; gap: 10px; text-decoration: none; color: inherit; }
    .fpt-related a:hover .title, .fpt-latest a:hover .title { color: #e50914; }

    .fpt-categories li { margin-bottom: 10px; }
    .fpt-categories a { color: #000000; text-decoration: none; }
    .fpt-categories a:hover { color: #e50914; }
    
.section-title-normal {
    border-bottom: 2px solid #de3565;
}
/* Breadcrumb Container */
.rank-math-breadcrumb {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #444;
    padding: 12px 0;
    margin-bottom: 10px;
    background: #f9f9f9;
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Inner text container */
.rank-math-breadcrumb p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    font-size: 12px;
}

/* Breadcrumb links */
.rank-math-breadcrumb a {
    color: #0073aa;
    text-decoration: none;
    position: relative;
    padding-left: 20px;
    transition: all 0.3s ease;
}

.rank-math-breadcrumb a:hover {
    color: #005177;
}

/* Separator */
.rank-math-breadcrumb .separator {
    color: #aaa;
    margin: 0 5px;
}

/* Last breadcrumb */
.rank-math-breadcrumb .last {
    font-weight: 600;
    color: #222;
    padding-left: 20px;
    position: relative;
}

/* Font Awesome Icons */
.rank-math-breadcrumb a:first-of-type::before {
    content: "\f015"; /* fa-home */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #0073aa;
}

.rank-math-breadcrumb a:nth-of-type(2)::before {
    content: "\f07c"; /* fa-folder */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #e50914;
}

.rank-math-breadcrumb .last::before {
    content: "\f02d"; /* fa-file-alt */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #e50914;
}
article h2::before {
    content: "";
    padding-right: 7px;
    background: #b20000;
    margin-right: 5px;
    border-radius: 5px;
}
.h1-titlehome {
    position: absolute;
    top: -9999px;
    left: -9999px;
}