@import "../assets/fonts/area/area.css";
@import "../assets/fonts/inter/inter.css";

/*
 * NOTE: This is a fix to have the icon size match the UI Figma specs.
 */
:root {
  --eop-header-service-logo-height: 3.5rem !important;
  --eop-header-service-logo-width: 7.5625rem !important;
}

#service-logo {
  height: var(--eop-header-service-logo-height) !important;
  max-height: var(--eop-header-service-logo-height) !important;
  width: var(--eop-header-service-logo-width) !important;
  max-width: var(--eop-header-service-logo-width) !important;
}

/*
 * NOTE: this is a reset to avoid scrollbar and oversize of the DestinationEarth template.
 */
#main-container {
  height: unset;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: var(--header-height);
  padding-bottom: var(--footer-height);
}

#desp-header-container,
#footer-container {
  width: 100% !important;
}

#desp-header-container,
#dropdown-menu-container,
#footer-container,
#user-frame,
#info-frame {
  z-index: 10;
}

/*
 * Background
 */
#main-container {
  background: fixed url('../assets/bg.svg') bottom no-repeat;
  background-size: contain;
}