.breadcrumb-wrapper {
    background: #f6f6f8;
    padding: 15px;

    .breadcrumb--custom {
        margin: 0;
        padding: 0;
        list-style: none;

        li {
            position: relative;
            display: inline-block;
            color: $color-heading;
            font-size: 14px;

            &:before {
                content: "/";
                margin: 0 5px;
            }

            a {
                color: $color-text;
                font-size: 14px;

                &:hover {
                    color: $color-heading;
                }
            }

            &:first-child {
                &:before {
                    display: none;
                }
            }
        }
    }
}