@import "../settings/_mixins";
@import "../settings/_variables";

nav[aria-label="breadcrumb"]{
    @include d-flex();
    @include align-items-baseline();
}

.dnetor-breadcrumbs {
    padding: 0;
    margin: 0;
    list-style-type: none;
    @include d-inline-flex();
    @include flex-wrap();
    .breadcrumb-item {
        @include d-flex();
        @include align-items-center();
        + .breadcrumb-item{
            margin-right: 0.5rem;
        }
        a {
            color: inherit;
        }
        + .breadcrumb-item::before {
            font-size: 1em;
            color: inherit;
            float: left;
            margin-right: 0.5rem;
            line-height: 1;
            content: "/";
        }
        &.active {
            color: #6c757d;
        }
    }
}

.breadcrumb-icon {
    padding-right: 5px;
}

.separator-arrow {
    .breadcrumb-item + .breadcrumb-item::before {
        content: "\f105";
        font-family: "Font Awesome 5 Pro";
    }
}

@media (max-width: 767px) {
    .breadcrumb-icon {
        display: none;
    }
}