.breadcrumb {
    max-width: $nav-width;
    font-size: 0.75em;
    margin: 15px auto 15px auto;
    padding: 0;

    .breadcrumb-item {

        display: inline-block;
        list-style-type: none;

        a {

            color: inherit;

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

        }

        &:after {
            color: $color-golden;
            content: ">";
            display: inline-block;
            font-family: 'Lucien-regular';
            vertical-align: middle;
            margin-top: 2px;
            padding: 0 8px;
        }

        &:last-child {

            a {

                color: $color-golden;
                font-weight: 400;

            }

            &:after {
                content: ''
            }

        }

    }

    @include tablet-landscape-and-below {
        padding: 0 10px;
    }

}
