/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/navigation/breadcrumbs.less
*
* ---------------------------
* Styles associated with the breadcrumbs
* ---------------------------
*/
@import "../_mixins/all.less";

#breadcrumbs {
    display: none;
}

@media (min-width: 320px) {
    
}
@media (min-width: 480px) {

}
@media (min-width: 600px) {

}
@media (min-width: 768px) {
    #breadcrumbs {
        display: block;
        font-size: 0.689em;
        
        > a {
            display: none;
            
            acronym {
                display: inline-block;
                margin-top: -2px;
            }
        }
        
        > ul {
            list-style: none;
            display: inline-block;
            
            > li {
                float: left;
                padding: 5px 5px 6px 8px;
                color: #686868; /* @TODO need to check contrast */
                margin: 3px 0;
                position: relative;
                z-index: 2;
                background: #eee;
                line-height: 1;
                &:first-child {
                    .border-radius4(3px, 0, 0, 3px);
                }
                &.last-link {
                    .border-radius4(0, 3px, 3px, 0);
                    ~ li {
                        background: none;
                    }
                }
                > a {
                    font-weight: bold;
                    text-decoration: none;
                    color: #686868;
                    &:after {
                        content: '\25BA';
                        margin: 0 2px 0 6px;
                        font-size: 80%;
                        speak: none;
                    }
                    &:link {
                        text-decoration: none;
                        color: #686868;
                    }
                    &:visited {
                        text-decoration: none;
                        color: #686868;
                    }
                }
                &.selected {
                    margin: 0;
                    padding: 5px 3px 3px 6px;
                    border: 2px solid #f1f1f1;
                    .border-radius(3px);
                    background: #fff;
                    line-height: 1.2em;
                    .box-shadow(1px, 1px, 1px, #ccc);
                    z-index: 3;
                    
                    > a {
                        color: #ac0302;
                        &:after {
                            content: '\25BC';
                            speak: none;
                        }
                    }
                }
            }
        }
        
        .storednav {
            display: none;
        }
    }
}
@media (min-width: 960px) {

}
@media (min-width: 1040px) {
    }