@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;
}

.custom-view-button {
  padding: 4px;
  background: @light-color;
  border: 1px solid @disable-color;
  border-radius: 4px;
  icon {
    color: @disable-color;
  }

  &.active {
    background: transparent linear-gradient(315deg, @primary-light-color 0%, @primary-dark-color 100%) 0% 0% no-repeat padding-box;
    icon {
      color: @light-color;
    }
  }
}

.uk-card {
  &.funder-grid {
    border-bottom: 4px solid fade(@funder-color, 30%);
  }
  &.funder-list {
    border-left: 4px solid fade(@funder-color, 30%);
  }
}