.breadcrumb {display: flex;flex-wrap: wrap;padding: 0 0;margin-bottom: 1rem;list-style: none;background-color: var(--breadcrumb-bg);border-radius: 0; } .breadcrumb-item + .breadcrumb-item {padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before {display: inline-block;padding-right: 0.5rem;color: var(--breadcrumb-divider-color);content: " "; } .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before {text-decoration: none; } .breadcrumb-item.active {color: var(--breadcrumb-active-color); } .nav-breadcrumb {position: -webkit-sticky;position: sticky;width: 100%;max-width: 1920px;top: 9.375rem;margin: 0 auto;margin-top: -3.125rem;background: var(--color1);z-index: 10;transition: top 0.5s;background-color: var(--body-bg); } @media (max-width: 991.98px) {.nav-breadcrumb {top: 6.25rem;} } .nav-breadcrumb.active {top: 6.25rem;transition: top 0.5s; } body.has-heading .nav-breadcrumb {margin-bottom: 5.625rem; } .breadcrumb {margin-bottom: 0;background: transparent; } .breadcrumb .breadcrumb-item a {height: 3.125rem;display: inline-flex;align-items: center;color: var(--white); } .breadcrumb .breadcrumb-item a:hover {text-decoration: none;color: var(--link-hover-color); } .breadcrumb .breadcrumb-item:first-child {font-weight: 900; } .breadcrumb .breadcrumb-item.active a {text-decoration: none;cursor: default; } .breadcrumb .breadcrumb-item.active a:hover {color: var(--white); }