/**************************** breadcrumb-section ****************************/ .breadcrumb-section { @include max-screen(767) { padding-top: 50px; padding-bottom: 50px; } @include max-screen(1200) { padding-top: 80px; padding-bottom: 80px; } } .breadcrumb-item { text-transform: capitalize; line-height: 1; padding: 0px !important; @include max-screen(450) { margin: 5px 0px; } a { display: inline-block; position: relative; color: $color-dark !important; line-height: 1; } } .breadcrumb-item + .breadcrumb-item { &::before { content: "\f3d3"; color: $body-color !important; margin: 0 10px; content: "\f3d3"; font-family: "Ionicons"; padding: 0px !important; position: relative; top: 2px; font-size: 14px; } } // theme1 .theme1 { .breadcrumb-item { a { &:hover { color: $theme-color !important; } } &.active { color: $theme-color; } } } .breadcrumb-section { .section-title { padding-bottom: 30px; } } /**************************** breadcrumb-section END ****************************/