:root {
  --portal-main-color: #FECA1D;
  /* --portal-main-contrast: #2E2E2E;  */
  --portal-main-contrast: white;
  /*--portal-dark-color: #b48536;*/
  --portal-dark-color: #FFC400;
  --openaire-main-color: #313179;

  --explore-portal-color: #D95F2D;
  --provide-portal-color: #37C7E9;
  --monitor-portal-color: #9ABB55;
  --connect-portal-color: #FECA1D;
  /*--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;

  --community_main_color: #4C9CD5;
  --community_main_color_rgb: 76, 156, 213;
  --community_secondary_color: #24857F;
  --community_main_dark_color: #2276B9;
    --background-light-color: #F7FCFF;
}


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

.banner-background {
  background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(160, 193, 242, 1) 100%);
}

.connectInfoCard {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.24);
}

.connectCheckIcon {
  background: rgba(0, 0, 0, 0.60);
  color: white;
}

.searchForm, .communitiesSearchForm {
  background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%);
}

.communityToolBar {
  background-color: #dedede;
  z-index: 10;
}

/*.my-tooltip {
  opacity: 0;
}*/

.communityToolBarSection {
  z-index: 10;
}

div:not(.connect_App) bottom .uk-totop {
  background-color: transparent !important;
}

.communityPanelBackground .curator-photo {
  border: rgba(255, 255, 255, 0.5) 8px solid;
}

.communityRecentResults .search-results > li:nth-child(2) {
  border-top: none !important;
}

.communityRecentResults .search-results > li:last-child {
  border-bottom: none !important;

}

.communityPanelBackground .uk-breadcrumb .active {
  color: white;
}

.uk-breadcrumb .active {
  font-weight: bold;
}

.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
  border-radius: 20px;
  padding: 10px 20px;
}


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


/*CONNECT REDESIGN*/

#subscribeAndInviteBtn {
/*#subscribeBtn, #inviteBtn {*/
    float: left;
    position: fixed;
    right: 0;
    z-index: 100;
    display: block;
    top: calc(30% - 47px);
}

#subscribeAndInviteBtn #subscribe,
#subscribeAndInviteBtn #invite {
    width: 125px;
    height: 35px;
    border-right: none;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 2px 6px #00000038;
    border-width: 0;
}

.subscribed-button {
    background-color: #8AD15E !important;
    color: white !important;
}

.subscribed-button:hover {
    background-color: #71b04a !important;
}

.uk-tooltip.community-page-tooltip {
    background-color: white;
    display: block;
    border-radius: 4px;
    padding: 15px 15px 0;
    border: 1px solid #DEDEDE;
    color: #6c6c6c;
    z-index: 10000;
}

.user-circle-background {
    background-color: var(--portal-main-color);
    border-radius: 50%;
    height: 10px;
    width: 10px;
    display: inline-flex;
    padding: 2px;
    fill: white;
}

a:hover .user-circle-background {
    background-color: var(--portal-dark-color);
}

.communityApp .custom-main-content {
    background-color: var(--background-light-color);
    /*background-color: lightpink;*/
    color: #000000 !important;
    font-size: 14px !important;
    min-height: 60vh;
}

.coloredBackground, .coloredBackground:focus, .coloredBackground:hover {
    background-color: transparent;
}

.generalSearchForm .subtitle{
    color: #000000 !important;
    opacity: 0.6;
}

.generalSearchForm .title{
    color: #000000 !important;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif !important;
}

.publicationAnalytics.uk-icon-button:hover, .publicationAnalytics.uk-icon-button.active {
    background: #FFE6E6;
}
.publicationAnalytics.uk-icon-button {
    border-color: #F17AA9 !important;
}

.datasetAnalytics.uk-icon-button:hover, .datasetAnalytics.uk-icon-button.active {
    background: #E2DAF0;
}
.datasetAnalytics.uk-icon-button {
    border-color: #A98BD4 !important;
}

.softwareAnalytics.uk-icon-button:hover, .softwareAnalytics.uk-icon-button.active {
    background: #D4ECD6;
}
.softwareAnalytics.uk-icon-button {
    border-color: #639C66 !important;
}

.otherAnalytics.uk-icon-button:hover, .otherAnalytics.uk-icon-button.active {
    background: #C5E0E9;
}
.otherAnalytics.uk-icon-button {
    border-color: #708AA5 !important;
}
/*END OF CONNECT REDESIGN*/

.communityApp .uk-logo{
    padding-left: 20px;

}

.connectApp {
  background-color: #FAFAFA !important;
}

.connectApp .login text {
  stroke: black;
  fill: black;
}

.connectApp {
  font-size: 16px;
}

.connectApp .text-small {
    font-size: 14px;
}

.connectApp, .connectApp h1, .connectApp h2, .connectApp h3,
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color {
  color: #1A1A1A;
}

.connectApp .portal-button {
  color: #1A1A1A !important;
  font-weight: 700;
}

.connectApp .uk-pagination > * > *, .connectApp .uk-pagination > * > *:hover {
    color: #1a1a1a !important;
}

.connectApp .uk-grid-divider>:not(.uk-first-column)::before {
  border-left: 1px solid #DEDEDE;
}

.contactUsBackground {
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #DCEDF5 0%, #FAFAFA 100%);
}

.uk-card.disabled {
	box-shadow: none;
	cursor: not-allowed;
}

.custom-list {
	list-style: none;
	padding-left: 15px;
	margin: 10px 0;
}

.custom-list li {
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
	margin-bottom: 4px;
}

.connect-image {
	max-height:100%;
	border-radius: 0 4px 4px 0;
}

.border-top {
	border-top: 1px solid rgba(0,0,0,0.09);
}

/* Custom styles for enermap homepage links */
.icon-wrapper {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	box-shadow: 15px 15px 25px #0000001A;
}
.icon-wrapper img {
	height: 38px;
	width: auto;
	margin: auto;
}
.custom-text {
	font-size: 14px !important;
}
.uk-text-bolder {
	font-weight: 600 !important;
}