//
// Core: Brand
//

.brand-container {
  grid-area: brand;
  display: flex;
  font-size: $navbar-brand-font-size;
  padding: $brand-link-padding-y $sidebar-padding-x;
  white-space: nowrap;
  border-bottom: $brand-link-border-buttom solid tint-color($dark, 10%);

  &:hover {
    color: $white;
    text-decoration: none;
  }

  .brand-image {
    float: left;
    line-height: .8;
    margin-left: .8rem;
    margin-right: .5rem;
    margin-top: -3px;
    max-height: 33px;
    width: auto;
  }

  .brand-text {
    color: $sidebar-dark-color;
  }

  .sidebar-mini-icon {
    color: $gray-400;
    margin-left: auto;
    order: 2;
  }
}