explore-services/explore/src/assets/explore-custom.css

:root {
    --portal-main-color: #D95F2D;
    --portal-main-contrast: white;
    --portal-dark-color: #a0462c;
    --openaire-main-color: #313179;

    --explore-portal-color: #D95F2D;
    --provide-portal-color: #37C7E9;
    --monitor-portal-color: #9ABB55;
    --connect-portal-color: #EBB13E;
    --develop-portal-color: #DA65AB;

    --explore-portal-lower-tone: #a0462c;
    --provide-portal-lower-tone: #3A8FA3;
    --monitor-portal-lower-tone: #7c9144;
    --connect-portal-lower-tone: #b48536;
    --develop-portal-lower-tone: #9f4e7e;
}


.tm-toolbar .uk-subnav-line .custom-explore-li {
   background:var(--portal-main-color) !important;
}
/* .custom-explore-toolbar   ul.uk-subnav.uk-subnav-line{
  background-color: var(--portal-main-color) !important;
  }
.custom-explore-toolbar   ul.uk-subnav.uk-subnav-line{
  background-color: var(--portal-main-color) !important;
}
  .custom-explore-toolbar .inner {
       background-color: var(--portal-main-color) !important;
  }

  .custom-explore-toolbar{
    border-top-color:var(--portal-main-color) !important;
  } */
.mainPageSearchForm{
  /*background-image: !*linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),*! url('home.jpg');*/
    background: transparent linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
}
.firstPageNumbers{
  /* font-weight: 600 !important; */
  /* color: var(--portal-main-color) !important; */
}



.explore-numbers  {
 }

.mainPageBottomInfo{
  background: linear-gradient( rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)), url('home.jpg');
  background-attachment: scroll, scroll;
  background-size: auto auto, auto auto;
  background-size: cover;
  background-attachment: fixed;
  box-sizing: border-box;
  min-height: calc(100vh - 412.767px);
}
.box-links .uk-card-header:hover {
  text-decoration: underline;
  text-decoration-color: currentcolor;
  text-decoration-color: #90929D;
}

.searchForm, .generalSearchForm,
.publicationsSearchForm,
.projectsSearchForm, .projectsTableSearchForm,
.organizationsSearchForm,
.datasetsSearchForm,
.softwareSearchForm,
.orpsSearchForm,
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
 .journalsSearchForm, .journalsTableSearchForm,
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {

    background: url('./Εxplore-sub.jpg') right !important;

}

.ask-explore.uk-grid-divider > :not(.uk-first-column)::before {
  border-left: 1px solid var(--portal-main-color) ;
}

.questions .tm-child-list-divider > ul > li:nth-child(n+2), .questions .uk-list-divider > li:nth-child(n+2) {
  border-top: 1px solid #c5c5c5;
}

.questions {
  font-size: 15px;
  font-weight: bold;
  color: #4687E6;
}

.uk-card-explore {
  background-color: var(--portal-main-color);
  color: #fff !important;
}

.uk-card-explore .uk-h3 {
  color: #fff !important;
}

.uk-card-explore .uk-h6 a {
  color: #fff !important;
  text-decoration: underline;
}

.uk-card-explore .uk-h5 {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bolder;
}

.emphasis {
  color: #000;
  font-size: 17px;
  font-weight: bold;
}

.portal-color.emphasis {
  color: #37C7E9;
  font-size: 40px;
  font-weight: bold;
}

.numbers-background {
    background: transparent url('explore-assets/numbers_background_pattern.svg') repeat-x center bottom;
}

.number {
  color: #1d1d1d;
}


.home-logo img{
    -webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
    filter: grayscale(1);
    transition-duration:0.3s;
}

.home-logo:hover img{
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    transition-duration:0.3s;
}

.graph-background {
  background: #F4F4F4 0 0 no-repeat padding-box;
}

.graph-background-bottom {
  background-image: url("curved-bottom.svg");
  background-color: #FAFAFA;
  height: 170px;
}

.trello-image {
    margin-top: -3px;
}

.trello-button {
  border: #0079BF 1px solid;
  text-transform: none !important;
  font-size: 16px;
  padding: 0 16px;
}

.trello-button-white {
    background-color: white;
    color: #0079BF;
}

.trello-button-blue {
    background-color: #0076BA;
    color: white;
}

.trello-button-white:hover {
    background-color: #E9EEF5;
    color: #0079BF;
}

.trello-button-blue:hover {
    background-color: #0084B1;
    color: white;
}

.explorePanelBackground {
    background: transparent linear-gradient(133deg, #F5F5F5 0%, #D8D8D8 100%) 0% 0% no-repeat padding-box;
}

.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid rgba(0, 0, 0, .2);
}

.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    color: #bfbfbf;
}

.exploreBorder {
    border-color: #d8d8d8;
    border-style: solid;
    border-width: 2px;
    border-radius: 6px;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.min-width-30 {
	min-width: 30%;
}

.verticalLine {
	height: 100%;
	width: 2px;
	background-color: #DEDEDE;
	opacity: 0.7;
}

.flex-gap {
	grid-gap: 40px;
}

.padding-left {
	padding-left: 30px;
}

.gateway-link-logo {
	/* max-width: 80px; */
	max-height: 50px;
	width: auto;
	margin-bottom: 10px;
}

.relative {
	position: relative !important;
}

.custom-height-130 {
	max-height: 130px;
}