/* EOSC */
//@eosc-color: #3D4DB6;
//@eosc-light-color: #E80000;
//@eosc-dark-color: #AD0000;
//@eosc-secondary-color: #AD0000;
//@eosc-default-background: #F2F2F2;
//
////@global-primary-gradient: linear-gradient(104deg, @eosc-dark-color 0%, @eosc-light-color 100%);
//@global-primary-gradient: @eosc-light-color;
//
///* Button */
//@button-primary-background: @eosc-color;
//@inverse-button-primary-background: @eosc-color;
//@button-primary-hover-background: @eosc-secondary-color;
//@button-primary-active-background: @eosc-secondary-color;
//
///* Background */
//@background-primary-background: @eosc-color;
//@background-primary-background-gradient: none;
//
///* Text */
//@text-primary-color: @eosc-color;
//
///* Label */
//@label-secondary-color: @eosc-color;
//
///* General */
//@general-tab-featured-tab: @eosc-color;
//
///* Landing */
//@landing-portal-color: @eosc-color;
//
//.search-form {
//  background-color: rgba(61,77, 182);
//}

@font-url: e("/assets/media/fonts/Ubuntu/");

/* Inter */

//@font-face {  font-family: "Ubuntu";  font-style: normal;  font-weight: 100;    src: url("@{font-url}Ubuntu-Thin-thin.ttf") format('truetype');  font-display: swap}
@font-face {  font-family: "Ubuntu";  font-style: normal;  font-weight: 300;   src: url("@{font-url}Ubuntu-Light.ttf") format('truetype');  font-display: swap}
@font-face {  font-family: "Ubuntu";  font-style: normal;  font-weight: 400;   src: url("@{font-url}Ubuntu-Regular.ttf") format('truetype');  font-display: swap}
//@font-face {  font-family: "Ubuntu";  font-style: normal;  font-weight: 600;   src: url("@{font-url}Ubuntu-SemiBold.ttf") format('truetype');  font-display: swap}
@font-face {  font-family: "Ubuntu";  font-style: normal;  font-weight: 700;   src: url("@{font-url}Ubuntu-Bold.ttf") format('truetype');  font-display: swap}
//@font-face {  font-family: "Ubuntu";  font-style: normal;  font-weight: 900;   src: url("@{font-url}Ubuntu-Black.ttf") format('truetype');  font-display: swap}


@global-font-family: 'Ubuntu', sans-serif;

@global-large-font-size: 18px;

//#2c4797 // links
//#0a58ca // links on hover
//#2c4797 // dark (btn)
//#37bbdb // light (btn on hover)
//#ffcd02 // yellow
//#00242E // text

@eosc-base-color: #00242E;
@eosc-color: #2c4797;
@eosc-light-color: #0a58ca;
@eosc-dark-color: #1C313A;
@eosc-secondary-color: #37bbdb;
@eosc-default-background: #FFF;

@base-body-color: @eosc-base-color;
@base-heading-color: @eosc-base-color;
@primary-color: @eosc-color;
@primary-light-color: @eosc-light-color;
@primary-dark-color: @eosc-dark-color;
@secondary-color: @eosc-secondary-color;

@global-link-color: @eosc-color;
@global-link-hover-color: @eosc-light-color;

@global-primary-background: @eosc-color;
@global-secondary-background: @eosc-secondary-color;

@general-search-form-background: @eosc-color;
@base-body-background: @eosc-default-background;
@background-default-background: @eosc-default-background;
@tile-primary-background: @eosc-secondary-color;

//@global-header-height: 120px;
//.hook-search-misc() {
//  .search-input {
//    --search-input-border-radius: 8px;
//    --search-input-icon-padding-vertical: 5px;
//    --search-input-icon-color: @global-primary-background;
//  }
//}
//.input-wrapper {
//  &.search {
//    --input-padding-vertical: 5px !important;
//  }
//}

//.home {
//    background: url('/assets/home/flare.svg') no-repeat center center;
//}

//.contentsection {
//    background: url('/assets/home/cloud.svg') no-repeat center center;
//  background-size: cover;
//}

.uk-navbar-nav > li {
  text-transform: uppercase;
  font-size: 16px;
}

.uk-navbar-nav > li.uk-active > a {
  color: #000;
}

.home .flare {
  position: absolute;
  z-index: -2;
  top: -500px;
  left: -50px;
  opacity: .6;
  filter: blur(200px);
}

.home .flare > img {
  max-width: 100%;
  height: auto;
}

.home .artworks .decor1 {
  //position: relative;
}

.home .artworks .decor1 img {
  z-index: 1;
}

.home .artworks .img-box img {
  //padding: 64px;
  //padding-bottom: 0;
  //margin: auto 0 0 0;
}

.home .artworks .img-box {
  border: 1px solid @eosc-light-color;
  border-radius: 42px;
  width: 500px;
  aspect-ratio: 1/1;
  display: flex;
  background: @eosc-default-background;
}

.home .artworks .decor2 {
  position: relative;
  left: -265px;
  margin-top: -150px;
}

.home .artworks .decor2 img {
  //margin: auto;
}

.home .cloudSvg {
  position: absolute;
  top: 80%;
  width: 100%;
  z-index: -1;
}

//.image-front-topbar, .search-form, #main-menu .uk-navbar-container, #main-menu-small .uk-navbar-container {
.eosc-explore-back-search-bar {
  //background: @global-primary-background;
  //background: #000 url(https://search.marketplace.eosc-portal.eu/top-bar-bg.d5173dd5fee84543.jpg) no-repeat !important;
  background: #000 url(top-bar.svg) no-repeat !important;
  position: relative;
  height: 60px;
}

.search-results-container {
  background-color: white;
  border-radius: 25px;
}

.uk-button-primary {
  background-image: none;
}

.alpha-badge > * > .badge {
  position: absolute;
  padding: 0 15px;
  left: 0;
  top: 8px;
  color: crimson !important;
  opacity: 0.2;
  font-size: 10px;
}

.alpha-badge .badge-mobile {
  position: absolute;
  bottom: 2px;
  left: 5px;
  color: crimson !important;
  opacity: 0.2;
  font-size: 10px;
}