.page-header {
  margin: 0;
  padding: 7px 5px 20px 15px;
  background-color: $brand-primary;
  height: 75px;
  border-bottom: #003366 1px solid;
  border-top: #003366 1px solid;
}

.navbar-left-col {
  padding-left: 0 !important;

  @media (min-width: $editor-name-breakpoint) {
    padding-left: 15px !important;
  }
}

.editor-name {
  /*
  color: #fff;
  font-size: 20px;
  padding-top: 20px;
  display: inline-block;

  @media (min-width: $editor-name-breakpoint) {
    font-size: 25px;
  }
  */

  margin-right: 10px;

  //@include img-responsive;
  @include clearfix;
  @include img-retina("../images/transparent_HCM_Logo.png", "../images/transparent_HCM_Logo@2x.png", 58, 48);
  width: 58px;
  height: 48px;
  background-size: cover;
  display:block;

  @media (min-width: 400px) {
    float:left;
  }

  @media (min-width: $screen-sm-min) {
    float:left;
  }
  
  @media (max-width: 479px) {
    width: 34px;
    height: 28px;
  }
}


.logo {
  //@include img-responsive;
  @include clearfix;
  @include img-retina("../images/URC-logo.png", "../images/URC-logo@2x.png", 150, 60);
  width: 150px;
  height: 60px;
  background-size: cover;
  display:none;

  @media (min-width: 768px) {
    display: block;
    float:right;
  }

  @media (min-width: $screen-sm-min) {
    float:right;
  }
}


.btn-nav {
  @include button-variant($btn-nav-color, $btn-primary-bg, $btn-nav-border);
  border-radius: $border-radius-base;

  span {
    font-size: 13px;
  }
}

.user-panel {
  @media (max-width: 479px) {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
  }
}

.user-panel .btn {
  @media (max-width: 520px) {
    padding: 6px 8px;
  }
}
