/* css/header-fix.css
   Restores a taller header bar similar to the original site and keeps the menu toggle vertically centered. */

:root{
  /* Adjust this to taste if you want slightly taller/shorter */
  --header-bar-height: 120px;
}

/* Make the header tall again */
#main-header{
  min-height: var(--header-bar-height) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Keep the logo vertically centered and not squashed */
#main-header .et_menu_container,
#main-header .container{
  min-height: var(--header-bar-height) !important;
  display: flex !important;
  align-items: center !important;
}

#logo{
  max-height: 64px !important;
  height: auto !important;
  width: auto !important;
}

/* Center the standalone menu button vertically within the header */
:root{
  --site-menu-top: calc((var(--header-bar-height) - var(--site-menu-btn)) / 2);
}