// Title Bar
.peek-title-bar {
  /* Contains the Title Bar classes */
  width: 100%;
  height: $title_bar_height; // main header height being set
  position: fixed;
  display: flex;
  z-index: 1001;
  overflow: hidden;
}

.title-bar-btn {
  /* Contains the button attributes unique to the Title Bar */
  height: $title_bar_height; //setting height to default header naviation height
  padding: $general_padding_1;
  margin-right: 0;
  display: inline-block;
  position: relative;
  min-width: $title_bar_button_min_width;
}

.title-bar-title {
  /* Contains the title attributes unique to the Title Bar */
  line-height: $title_bar_height;
  padding-left: $general_padding_2;
  padding-right: $general_padding_2;
  float: left;
  margin: auto;
  width: 50%;
}

.peek-mobile-page-contents {
  /* Contains the padding to stop the screens being covered by the title-bar */
  padding-top: $title_bar_height;
  padding-bottom: $title_bar_height + $general_padding_2;
}