.breadcrumbs {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    display: flex;
    flex-direction: row;
    li,a {
        color: var(--wp--preset--color--accent-2);
        font-size: 0.938rem;
    }
    li {
        &.separator {
            margin-left: 10px;
            margin-right: 10px;
            display: flex;
            align-items: flex-start;
            margin-top: 7px;
            span {
                width: 5px;
                height: 10px;
                background-image: url('../../images/separator-arrow.svg');
                background-repeat: no-repeat;
                background-position: center center;
                display: block;
            }
        }
        a {
            transition: color .25s ease;
            &:hover, &.active {
                color: var(--wp--preset--color--accent-1);
            }
            
        }
        &.current-title {
            span {
                color: var(--wp--preset--color--accent-2);
            }
        }
    }
}