@import "../../../../../assets/styles/index.scss";

.breadcrumb-list {
    margin: 0;
    padding: 0;
    @include rem('margin-left', 60px);

    li {
        list-style-type: none;
        float: left;
        background-image: url('../../../../../assets/images/arrow-grey-icon-right.png');
        background-position: right 12px;
        background-repeat: no-repeat;
        @include rem('padding', 0 20px);
        @include rem('font-size', 18px);
        @include rem('line-height', 40px);
        
        &:last-child {
            background-image: none;
        }
        &.selected, span.selected {
            color: $color-blue;
        }

        a {
            color: $color-dark-gray3;
        }

        a:hover {
            color: $color-blue 
        }
    }
}