@import "common-includes/functions";
@import "common-includes/variables";
@import "common-includes/mixins";
@import "custom/pagination"; 
@import "custom/breadcrumbs";
@import "custom/alphabet"; 
.bredcrumb{
    border: 0;
    padding:0;
    margin:0;
}
.brands{
    padding: 15px;
}
.category-lists{ 
    ul {
        //border-bottom: lighten($dark, 85%) 1px dashed;
        li {
            a{
                color: lighten($dark, 30%);
                display: block;
                position: relative; 
                padding: 8px 0 8px 15px;
                &:before{
                    content: "";
                    display: inline-block;
                    border-left: 5px solid lighten($dark, 42%);
                    border-top: 5px solid transparent;
                    border-bottom: 5px solid transparent;
                    position: absolute;
                    left: 2px;
                    top: 9px;
                }
                &:hover{ 
                    color: $secondary;
                    &:before{
                        border-left-color: $secondary;
                    }
                }
            }
        }
    }
}
.alphabet-list-head {
    display: block;
    border-left:lighten($dark, 70%)5px solid;
    padding: 5px;
    margin: 0 0 10px;
    color: lighten($dark, 28%);
    background: lighten($dark, 95%);
}
.brand-contents{
    li{
        a{
            color: lighten($dark, 20%);
        }
    }
}
.rtl{
    .category-lists ul li a{
         padding: 8px 15px 8px 0;
        &:before{
            border-right: 5px solid lighten($dark, 42%);border-left:0;
            left: auto;right:2px;
        }
        &:hover{
            &:before{
                border-right-color: $secondary;
            }
        }
    }
}