/*
 * Host-page styles for the GeoNetwork pages that embed the portal header and footer
 * (nginx, compose/nginx/snippets/locations.conf). The header and footer themselves are styled inside
 * their shadow roots; here only what concerns their place in the GeoNetwork page.
 */
.dpc-shadow-host {
  display: block;
}

/* While the mobile menu of the portal header is open it must cover the GeoNetwork navbar and banners */
.dpc-shadow-host.dpc-menu-open {
  position: relative;
  z-index: 2000;
}

/* Bootstrap Italia sizes everything in rem, i.e. relative to <html>, also inside the shadow roots.
   GeoNetwork (Bootstrap 3) sets html { font-size: 10px } but its own components are sized in px,
   so the browser default (16px) restores the portal proportions without changing GeoNetwork. */
html {
  font-size: 100%;
}

/* GeoNetwork's own footer is replaced by the portal footer */
.gn-bottom-bar {
  display: none !important;
}