openaire-api-http-doc/assets/develop-custom.css

:root {
    --portal-main-color: #DA65AB;
    --portal-main-contrast: white;
    --portal-dark-color: #4687E6;
    --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: #b48536;
    --connect-portal-lower-tone: #7c9144;
    --develop-portal-lower-tone: #9f4e7e;

}


.custom-develop-li {
   background:var(--portal-main-color) !important;
}

.custom-footer{
   position:relative;
   bottom:0;
   left:0;
}

/* from library css */

.explore-heading-bullet::before {
    border-left-color: var(--explore-portal-color) !important;
}
.provide-heading-bullet::before {
    border-left-color: var(--provide-portal-color) !important;
}
.connect-heading-bullet::before {
    border-left-color: var(--connect-portal-color) !important;
}
.develop-heading-bullet::before {
    border-left-color: var(--develop-portal-color) !important;
}
.monitor-heading-bullet::before {
    border-left-color: var(--monitor-portal-color) !important;
}



.explore .uk-h4 {
  color: var(--explore-portal-color);
  font-weight: bold;
}

.explore .el-content {
  font-size: 18px;
}

.explore a {
  background-color: var(--explore-portal-color);
  color: #fff;
  font-weight: bold;
  border-color: var(--explore-portal-color);
}

.explore a:hover {
  background-color: var(--explore-portal-lower-tone);
  border-color: var(--explore-portal-lower-tone);
}
.provide .uk-h4 {
  color: var(--provide-portal-color);
  font-weight: bold;
}

.provide .el-content {
  font-size: 18px;
}

.provide a {
  background-color: var(--provide-portal-color);
  color: #fff;
  font-weight: bold;
  border-color: var(--provide-portal-color);
}

.provide a:hover {
  background-color: var(--provide-portal-lower-tone);
  border-color: var(--provide-portal-lower-tone);
}

.monitor .uk-h4 {
  color: var(--monitor-portal-color);
  font-weight: bold;
}

.monitor .el-content {
  font-size: 18px;
}

.monitor a {
  background-color: var(--monitor-portal-color);
  color: #fff;
  font-weight: bold;
  border-color: var(--monitor-portal-color) ;
}

.monitor a:hover {
  background-color: var(--monitor-portal-lower-tone);
  border-color: var(--monitor-portal-lower-tone);
}

.connect .uk-h4 {
  color: var(--connect-portal-color);
  font-weight: bold;
}

.connect .el-content {
  font-size: 18px;
}

.connect a {
  background-color: var(--connect-portal-color);
  color: #fff;
  font-weight: bold;
    border-color: var(--connect-portal-color) ;
}

.connect a:hover {
  background-color: var(--connect-portal-lower-tone);
  border-color: var(--connect-portal-lower-tone);

}

.develop .uk-h4 {
  color: var(--develop-portal-color);
  font-weight: bold;
}

.develop .el-content {
  font-size: 18px;
}

.develop a {
  background-color: var(--develop-portal-color);
  color: #fff;
  font-weight: bold;
    border-color: var(--develop-portal-color) ;
}

.develop a:hover {
  background-color: var(--develop-portal-lower-tone) !important;
  border-color: var(--develop-portal-lower-tone);
}
.portal-hr{
  border-bottom: 1px solid var(--portal-main-color) !important;
  padding: 5px 0px;
}

.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
    background:  var(--portal-main-color) !important;
}

.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav li a:hover, .tm-toolbar .uk-subnav-line li:hover a, .tm-toolbar .uk-subnav li:hover a {
  background:  var(--portal-main-color) !important;
  color:white !important;
}