@import 'variables';
@import 'mixins';

nav.breadcrumb{
    background:#eee;
    min-height:35px;
    border-bottom: 1px solid rgba(#22333b, 0.5);
    display: none;
    @include width-small() {
        display:block;
    }

    li{
        display:inline-block;
        list-style: none;
        height:34px;
        padding:7px 5px 5px 22px;
        &:first-child {
            padding-left:0;
            background-image:none;
        }

        position: relative;
        &:after {
            content: "";
            background: image-url('nav-divider.png') no-repeat center right;
            background-size: contain;
            overflow: hidden;
            position: absolute;
            display: inline-block;
            height: 33px;
            width:13px;
            top: 0;
            bottom: 0;
            padding-left: 7px;
        }
        &:last-child{
            &:after {
                background-image: none;
            }
        }

    }

    a {
        display:inline-block;
        @include font-size(12, 12);
        color:#666;
        text-decoration:underline solid #ccc;
        font-weight:$regular;

    }
    .current-link{
        color: #333;
    }
}
