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

@trello-color: #0076BA;

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

.link-actions img {
  width: 17px;
}

.home-logo {
  img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition-duration: 0.3s;
  }

  &:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition-duration: 0.3s;
  }
}

.custom-link {
  border-bottom: @global-border-width solid @global-border;

  a {
    text-transform: none;

    .link-title {
      color: @global-emphasis-color;
    }

    &:hover .link-title {
      color: @global-secondary-background;
    }
  }
}

.slider-image {
  min-width: 550px;
}

@media only screen and (min-width: @breakpoint-large) {
  .explore-dark-logo-background {
    background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg");
    background-repeat: no-repeat;
    background-position: -5% 102%;
    background-size: 35%;
  }

  .slider-nav {
    max-width: 650px;
  }
}