/*
 * Component: Main Header
 * ----------------------
 */

.main-header {
  padding: 0 16px 0 0;
  .navbar-brand {
    font-weight: 200;
    width: $sidebar-width;
    padding: $main-header-brand-padding-y $main-header-brand-padding-x;
    background: darken($brand-primary, 5%);
    transition: width $transition-speed $transition-fn;
    overflow: hidden;
    > .logo-mini {
      display: none;
    }
    @include media-breakpoint-up(md) {
      .sidebar-mini.sidebar-collapse & {
        width: $sidebar-mini-width;
        > .logo {
          display: none;
        }
        > .logo-mini {
          display: inline;
        }
      }
    }
    @include media-breakpoint-down(md) {
      width: $sidebar-mini-width;
      > .logo {
        display: none;
      }
      > .logo-mini {
        display: inline;
      }
    }
  }

  .nav-link {
    padding: $main-header-link-padding-y $main-header-link-padding-x;
  }
}

.navbar-shadow {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}