/* Shorten the mobile header search bar (was overflowing past the viewport
   edge and hiding the hamburger menu icon behind it) and reduce its text/
   icon size by about 30%. */
@media (max-width: 767px) {
  #ast-mobile-header .ast-header-search .ast-search-menu-icon .search-form {
    max-width: 65vw !important;
  }
  #ast-mobile-header .ast-header-search .search-field {
    font-size: 15px !important;
  }
  #ast-mobile-header .ast-header-search .astra-search-icon,
  #ast-mobile-header .ast-header-search .ast-icon svg {
    font-size: 17px !important;
    width: 17px !important;
    height: 17px !important;
  }
}