/* Load Redmine's default stylesheet first */
@import url(/stylesheets/application.css);

/* ---- HEADER WITH RESERVED MENU STRIP ---- */
/* Total header height */
#header {
  height: 110px;             /* overall header height */
  padding: 0 16px 0 16px;    /* keep side padding */
  position: relative;        /* keep #main-menu anchoring correct */
  overflow: hidden;          /* prevents any bleed */
}

/* Reserve bottom space so logo never sits under the menu */
#header h1 {
  margin: 0;

  /* Make the H1 area only the "logo area" ABOVE the menu */
  height: 80px;              /* logo area height */
  line-height: 80px;

  background: url(/images/custom-logo.png) no-repeat 20px center;
  background-size: auto 100%;  /* fill logo area height without squish */

  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}

/* If h1 contains a link in some views */
#header h1 a {
  display: block;
  height: 80px;
  text-indent: -9999px;
}

/* Keep the main menu in the reserved bottom strip */
#main-menu {
  position: absolute;
  bottom: 0;
  left: 10px;
  height: 30px;              /* menu strip height */
  line-height: 30px;
}