/* HCH home hero fix (-20261028hero). Mu-plugin CSS only.
   Cause: .bch_homepage_head had a fixed viewport-based height (100vh/120vh) while the search panel
   inside it was position:absolute (~860-960px tall). On short windows the hero ends before the panel,
   so the panel spills over the intro text. Fix: panel goes back in normal flow and the hero grows
   to contain it (keeps the old vh height as a minimum, so big screens look the same). */
#bch_homepage .bch_homepage_head{
  height:auto !important;
  min-height:100vh;
  box-sizing:border-box;
  position:relative;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  padding:50px 24px 60px 200px;
}
@media screen and (min-width:1441px) and (max-width:2000px){ #bch_homepage .bch_homepage_head{min-height:120vh} }
@media screen and (max-width:1180px){ #bch_homepage .bch_homepage_head{min-height:120vh} }
#bch_homepage .bch_homepage_head_part{
  position:relative !important;
  top:auto !important; left:auto !important;
  max-width:100%;
}
@media screen and (max-width:700px){
  #bch_homepage .bch_homepage_head{padding:0 0 30px 0; min-height:0; justify-content:center}
  #bch_homepage .bch_homepage_head_part{width:100%}
}
/* Fonts: theme asks for "DM Sans", which the site never loads -> each browser falls back
   differently (serif in Firefox/Windows). Use the site font (Open Sans, loaded) everywhere in the box. */
#bch_homepage .bch_homepage_head :is(h1,h2,h3,h4,dfn,p,a,b,strong,em,span,div,form,input,button,select,label,li):not(.fa):not([class*="fa-"]):not([class*="glyphicon"]):not([class*="icon"]){
  font-family:"Open Sans",Arial,Helvetica,sans-serif !important;
}