.gallery-breadcrumb { width: 100%; padding: var(--space-5, 1.25rem) var(--page-gutter, 16px) 0; } .gallery-breadcrumb .breadcrumb { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; font-family: var(--font-body); font-size: clamp(0.9rem, 1vw, 1.05rem); } .gallery-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "/"; padding: 0 0.5rem; color: var(--color-text-muted, #767676); } .gallery-breadcrumb .breadcrumb-item, .gallery-breadcrumb .breadcrumb-item a { color: var(--color-text-muted, #767676); text-decoration: none; } .gallery-breadcrumb .breadcrumb-item a:hover { color: var(--color-canon-red, #c8102e); text-decoration: underline; } .gallery-breadcrumb .breadcrumb-item.active { color: var(--color-canon-red, #c8102e); font-weight: 500; }