@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/open-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/open-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/open-sans-700.ttf) format('truetype');
}

/* Shared typography; font icons keep their own font. */
html:root body{font-family:"Open Sans",Arial,sans-serif!important}
html:root body :is(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,li,dt,dd,td,th,blockquote,small,strong,b,div,section,article,nav,header,footer,span):not([class*="icon"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon){font-family:"Open Sans",Arial,sans-serif!important}
#urfo-header,#urfo-header button,#urfo-header input,#urfo-header a,#urfo-city-dialog{font-family:"Open Sans",Arial,sans-serif!important}

/* Homepage hero: reserve space below the facts after the font change. */
main#top > section.hero{height:auto!important;max-height:none!important}
main#top > section.hero > .hero-content{box-sizing:border-box!important;padding-bottom:48px!important}
main#top > section.hero .hero-facts{margin-bottom:0!important}
main#top > section.hero .hero-facts b,
main#top > section.hero .hero-facts span{line-height:1.5!important}
@media(max-width:700px){main#top > section.hero > .hero-content{padding-bottom:32px!important}}