.header {
background: $text-color; color: rgba(256, 256, 256, 0.85); border-top: 5px solid $color-primary; padding: 30px 0; a { color: #fff; }
} .branding {
text-transform: uppercase; margin-bottom: 10px; .logo { font-size: 28px; margin-top: 0; margin-bottom: 0; a { text-decoration: none; } } .text-highlight { color: $color-primary; .body-green & { color: $color-green; } .body-blue & { color: $color-blue; } .body-orange & { color: $color-orange; } .body-red & { color: $color-red; } .body-pink & { color: $color-pink; } .body-purple & { color: $color-purple; } } .text-bold { font-weight: 800; color: #fff; } .icon { font-size: 24px; color: $color-primary; .body-green & { color: $color-green; } .body-blue & { color: $color-blue; } .body-orange & { color: $color-orange; } .body-red & { color: $color-red; } .body-pink & { color: $color-pink; } .body-purple & { color: $color-purple; } }
}
.breadcrumb {
background: none; margin-bottom: 0; padding: 0; li { color: rgba(256, 256, 256, 0.5); &.active { color: rgba(256, 256, 256, 0.5); } a { color: rgba(256, 256, 256, 0.5); &:hover { color: #fff; } } }
}