.section-breadcrumbs {
position: relative;
display: block;
padding: var(--space-6) var(--space-4);
}
.container-breadcrumbs {
max-width: var(--container-3xl);
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
gap: var(--space-4);
justify-content: flex-start;
margin: 0 auto;
padding-bottom: var(--space-4);
border-bottom: 1px solid var(--color-border);
}
.container-breadcrumbs img {
margin-bottom: -5px;
}
.container-breadcrumbs a,
.container-breadcrumbs p {
color: var(--color-primary);
font-size: var(--text-sm);
font-weight: var(--font-light);
line-height: var(--leading-6);
text-decoration-color: transparent;
transition: all var(--transition-time);
text-transform: uppercase;
}
.container-breadcrumbs a:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
}
@media only screen and (max-width: 768px) {
.container-breadcrumbs a,
.container-breadcrumbs p {
font-size: var(--text-xs);
}
}
.container-breadcrumbs p {
margin: 0;
}
.container-breadcrumbs .separator {
margin: 0 var(--space-2);
}