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

.hero {
  background-image: url("~/src/assets/irish-assets/resources/irish-bg-blur.png");
  background-repeat: no-repeat;
  background-position: center;
  .about {
    max-width: 500px;
  }
  .pilot {
    max-width: 400px;
  }
  .logos {
    grid-gap: 60px;
    img {
      height: 60px;
    }
  }
}
.context {
  column-count: 2;
  column-gap: 200px;
}
.card-bg {
  background-repeat: no-repeat;
  background-position: bottom;
  &.norf {
    background-image: url("~/src/assets/irish-assets/resources/norf-logo-blur.png");
  }
  &.irel {
    background-image: url("~/src/assets/irish-assets/resources/irel-logo-blur.png");
  }
  &.openaire {
    background-image: url("~/src/assets/irish-assets/resources/openaire-logo-blur.png");
  }
}

@media (max-width: @breakpoint-small-max) {
  .hero {
    background-position: center bottom;
    .logos {
      grid-gap: 40px;
      img {
        height: 40px;
      }
    }
  }
  .context {
    column-count: 1;
  }
}

.uk-width-medium {
  width: 350px;
}

.uk-card.pilot {
  box-shadow: none;
}