.c-breadcrumb-wrapper {
    margin-top: 4.5rem;
}

.c-breadcrumb {
    padding-bottom: .5rem;
    margin-bottom: 3rem;
    margin-top: 1rem;
    display: none;

    @screen md {
        display: block;
    }

    .c-icon {
        display: inline-flex;
        top: .25em;
        margin: 0 .125rem;
        color: theme('colors.gray.700');
    }

    .main--decorated-header & {
        margin-top: 4rem;
    }
}

.c-breadcrumb--active-mobile {
    display: block;
}

.c-breadcrumb__list {
    margin: 0;
    padding: 0;
}

.c-breadcrumb__item {
    margin-top: 0;
    display: inline-flex;

    a {
        color: theme('colors.primary.400');
        font-size: .875rem;
        font-weight: bold;
        text-decoration: none;
        transition: color $transition-time ease-in-out;

        &:hover,
        &:focus,
        &:active {
            color: theme('colors.primary.600');
        }
    }

    &:last-child a {
        font-weight: normal;
        color: theme('colors.gray.700');
    }

    .c-icon {
        top: .2rem;
        height: 1rem;
        color: theme('colors.gray.700');
    }

    svg {
        padding-left: 0;
    }
}
