
<!-- my breadcrumb start -->
<div id="my-breadcrumb-wrap" class="my-breadcrumb-wrap" aria-label="Breadcrumbs"><div class="my-breadcrumb container"><a class="crumb-home" href="https://hgreenlighting.com/">Home</a><span class="breadcrumb-sep">/</span><span class="current">Blog</span></div></div><style type="text/css">
/* wrapper：强制为非浮动并设置背景与高度 */
#my-breadcrumb-wrap.my-breadcrumb-wrap {
    position: static !important;
    top: auto !important;
    transform: none !important;
    background: #F8F8F8;
    height: 60px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    z-index: 0 !important;
    margin: 0;
}

/* 内部 container 使用主题 .container 保持与主题主体宽度一致 */
/* 桌面：内部高度设为 60px 并使用 flex 垂直居中 */
#my-breadcrumb-wrap .my-breadcrumb.container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
    gap: 0;
    font-size: 14px;
    line-height: 1;
}

/* 链接与当前项：桌面使用 height + line-height 保证垂直居中 */
#my-breadcrumb-wrap .my-breadcrumb.container a,
#my-breadcrumb-wrap .my-breadcrumb.container .current {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    padding: 0;
}

/* 分隔符：左右 10px 间距 */
#my-breadcrumb-wrap .my-breadcrumb.container .breadcrumb-sep {
    display: inline-block;
    margin: 0 10px;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
}

/* 覆盖常见将 header 之后元素设为 sticky 的规则，防止被吸顶 */
header + #my-breadcrumb-wrap,
.whb-general-header + #my-breadcrumb-wrap,
.whb-header + #my-breadcrumb-wrap,
.header-wrapper + #my-breadcrumb-wrap,
.site-header + #my-breadcrumb-wrap {
    position: static !important;
    top: auto !important;
    transform: none !important;
    z-index: 0 !important;
}

/* 移动端：自适应高度，单行垂直居中，换行时自动增长高度 */
@media (max-width:768px) {
    #my-breadcrumb-wrap.my-breadcrumb-wrap { height: auto; padding: 6px 0; }
    #my-breadcrumb-wrap .my-breadcrumb.container {
        height: auto;
        min-height: 48px;
        display: flex;
        align-items: center;
        padding: 6px 12px;
        box-sizing: border-box;
        gap: 8px;
        flex-wrap: wrap;
        font-size: 13px;
    }
    #my-breadcrumb-wrap .my-breadcrumb.container a,
    #my-breadcrumb-wrap .my-breadcrumb.container .current {
        display: inline-block;
        height: auto;
        line-height: normal;
        padding: 6px 0;
        vertical-align: middle;
    }
    #my-breadcrumb-wrap .my-breadcrumb.container .breadcrumb-sep {
        display: inline-block;
        margin: 0 8px;
        height: auto;
        line-height: normal;
        padding: 0;
    }
}
</style>
<!-- my breadcrumb end -->
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://hgreenlighting.com/wp-sitemap-index.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap><loc>https://hgreenlighting.com/wp-sitemap-posts-post-1.xml</loc></sitemap><sitemap><loc>https://hgreenlighting.com/wp-sitemap-posts-page-1.xml</loc></sitemap><sitemap><loc>https://hgreenlighting.com/wp-sitemap-taxonomies-category-1.xml</loc></sitemap><sitemap><loc>https://hgreenlighting.com/wp-sitemap-taxonomies-woodmart_slider-1.xml</loc></sitemap><sitemap><loc>https://hgreenlighting.com/wp-sitemap-users-1.xml</loc></sitemap></sitemapindex>
