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


.custom-coins-dot:after {
  content: "";
  background-image: url("~src/assets/explore-assets/funders/coins.svg");
  display: inline-block;
  background-size: 100% 100%;
  height: 35px;
  width: 35px;
  margin-right: 10px;
}

.custom-handshake-dot:after {
  content: "";
  background-image: url("~src/assets/explore-assets/funders/handshake.svg");
  display: inline-block;
  background-size: 100% 100%;
  height: 30px;
  width: 30px;
  margin-left: 10px;
}

.setType(@color) {
  border-bottom: 4px solid fade(@color, 30%);

  & .type {
    color: @color;
  }
}

.uk-card {
  &.funder {
    .setType(@funder-color);
  }
}