.breadcrumbs{
    @apply grid-container mt-sm md:mt-12.5 xl:mt-25;
    + * {
        @apply mt-base md:mt-lg xl:mt-25;
        &.block-page-title-banner{
            @apply md:mt-lg lg:mt-base;
        }
    }
    ul{
        /* @apply flex flex-wrap; */
        li{
            @apply text-size-lg inline;
            &:not(:last-child){
                &::after{
                    content: '/';
                    @apply mx-2;
                }
            }
            a, h1{
                @apply text-size-lg;
            }
            a{
                @apply text-grey-300;
                &:hover{
                    @apply text-black;
                }
            }
            h1{
                @apply inline;
            }
            &:last-child{
                h1{
                    @apply text-black;
                }
            }
        }
    }
    &--spacing-2{
        @apply mb-lg;
    }
    @at-root body.has-primary-bg{
        .breadcrumbs{
            ul{
                li{
                    a, span{
                        @apply text-yellow-300;
                    }
                    &:last-child{
                        span{
                            @apply text-black;
                        }
                    }            
                }
            }
        }
    }
}