@import (reference) "~src/assets/extend-theme/less/_import-variables";

.hero {
  background-image: url("~/src/assets/irish-assets/home/logo-shadow.png");
  background-position: center -100%;
  background-repeat: no-repeat;
}

@media (max-width: @breakpoint-small-max) {
  .hero {
    background-position: center bottom;
  }
}

.custom-translate-bottom-left {
  transform: translate(-20%, 20%);
}

.five-boxes {
  transform: translateY(-50%);
}

.country {
  background-color: @country-color;
  color: @global-inverse-color;
}

.funder {
  background: @funder-color;
  color: @global-inverse-color;
}

.organization {
  background-color: @organization-color;
  color: @global-inverse-color;
}

.researcher {
  background-color: @researcher-color;
  color: @global-inverse-color;
}

.datasource {
  background-color: @datasource-color;
  color: @global-inverse-color;
}