@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Regular.otf") format("otf");
    font-weight:normal;
    font-style: normal;
}

@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Bold.otf") format("otf");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-BoldItalic.otf") format("otf");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Italic.otf") format("otf");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Heavy.otf") format("otf");
    font-weight: 700;
    font-weight: heavy;
    font-style: normal;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-HeavyItalic.otf") format("otf");
    font-weight: 700;
    font-weight: heavy;
    font-style: italic;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Light.otf") format("otf");
    font-weight: 300;
    font-weight: light;
    font-style: normal;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-LightItalic.otf") format("otf");
    font-weight: 300;
    font-weight: light;
    font-style: italic;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Thin.otf") format("otf");
    font-weight: 200;
    font-weight: thin;
    font-style: normal;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-ThinItalic.otf") format("otf");
    font-weight: 200;
    font-weight: thin;
    font-style: italic;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-UltraLight.otf") format("otf");
    font-weight: 100;
    font-weight: ultralight;
    font-style: normal;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-UltraLightItalic.otf") format("otf");
    font-weight: 100;
    font-weight: ultralight;
    font-style: italic;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-SemiBold.otf") format("otf");
    font-weight: 600;
    font-weight: semibold;
    font-style: normal;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-SemiBoldItalic.otf") format("otf");
    font-weight: 600;
    font-weight: semibold;
    font-style: italic;
}

@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Black.otf") format("otf");
    font-weight: 900;
    font-weight: black;
    font-style: normal;
}
@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-BlackItalic.otf") format("otf");
    font-weight: 900;
    font-weight: black;
    font-style: italic;
}


.tm-toolbar-default .uk-subnav>*>:first-child {
 text-transform: uppercase!important;
    color: rgba(255,255,255,.7);
}
.uk-button-primary:visited {
    color: #eeeeee!important;
}

.uk-button-default:visited {
    color: #2c2c2c!important;
}

.uk-light .uk-button-primary {
    color: #1c1c1c!important;
}

/* contact enhanced */
.circular {
  border:solid #eeeeee 10px;
  width: 200px;
  height: 200px;

}
.circular--landscape {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  border:solid #eeeeee 10px;
}

.circular--landscape img {
  width: auto;
  height: 100%;
  margin-left: -50px;
	left:-50px;
}

.circular--portrait {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  border:solid #eeeeee 10px;
  left:-40px;
  
}

.circular--portrait img {
  width: 100%;
  height: auto;
}
.flag-small, .flag-small img{max-width:28px;vertical-align:top;padding-left:5px; font-size:14px!important;}
.flag-small a {text-decoration:underline;}
.ce_name, .ce_name .el-title .uk-h2 {font-size:40px;}
.ce_location {background: url("/images/SocialIcons/location.svg") no-repeat; padding: 5px 0px 5px 30px;}
.contact-position {font-size: 18px; }
.contact-dept-position {padding: 10px 0px 20px 0px!important;}
/*.field-label img { padding-right:10px!important;}*/
.field-value {font-size:90%!important; font-weight:bold!important;}
.field-value .svg {width:40%!important;}
.contact-image, .contact-image img{border-radius:50%!important; border: solid 6px #eeeeee!important;}
.control-group {clear:both!important;}
.ce_tag_section {font-size: 90%;}
.ce_tag a {    padding: 0 15px;
    line-height: 28px;
    font-size: .875rem; border:#222080 1px solid; border-radius:500px; background-color:#fff; padding:5px 15px;  
    margin-right:5px; text-transform:uppercase;
}
.ce_tag a:hover {background:#222080; color:#fff;} 
.ce-cf-container {padding:10px!important;}
.ce-container .row-fluid [class*="span"] {margin-right:30px!important;}
.ce-cf-container .cf-label label {font-size:90%!important;}
.ce-cf-container .inputbox, .ce-cf-container input[type=text]:not([class*=uk-]) {border-bottom:1px solid #cdcdcd!important;}

.ce_consent-container {padding:10px 0px;}
.ce-bio {padding-right:40px;}

/*login button */
#btl .btl-panel > span .btl-dropdown {border:3!important;}

#btl .btl-panel > span{
	border: 0px!important;
	background-color: transparent!important;
	color:#1C1C1C!important;
	padding-right:30px;
	padding-left:6px;
	height:0px!important;
	line-height:20px!important;
	margin:0px !important;
	display: inline-table!important;
	text-transform:none!important;	
	font-size: 14px;
}
.loginLink { 
text-transform:uppercase;
color: #1c1c1c !important;
font-weight: 700;
}

#btl-panel-login >span {
	border: 5px solid #c0c0c0!important;	
}


.uk-navbar-item .btlogin{ }

#btl .btl-panel > #btl-panel-profile {
	display: flex!important;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	min-height: 100px;	
	padding: 0 20px;
	color: #222080!important;
	background: url(https://beta.openaire.eu/templates/yootheme/vendor/assets/uikit/src/images/icons/user.svg) right no-repeat;
	background-size: 18px 18px;
    	padding-right: 28px;
}
.btl-content-block {border:0!important;}
.btl-content-block .uk-nav-header {
	color: #095aba;;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
}

.btl-content-block {
	background-attachment: scroll;
	background-clip: border-box;
	display: none;
	height: auto;
	margin-top: 0px;
	position: absolute;
	text-align: left;
	z-index: 1020;
    box-sizing: border-box;
    width: 260px;
    padding: 20px;
    background: #f7f8fc;
    color: #2c2c2c;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgb(57 65 124 / 10%);
}


#btl-content #btl-content-profile #module-in-profile ul li img,
#btl-content #btl-content-profile #module-in-profile ul li a {padding-right: 5px!important;}

#btl-content #btl-content-profile #module-in-profile ul li a {
cursor: pointer;
display: block;
height: auto;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: left;
text-decoration: none;
width: auto;
font-family:Aileron;
color: #0d0a46;
padding: 4px 6px;
font-size: 16px;
font-weight: 600;
}

#btl-content ul li a:hover  {
	color: #4687e6!important;
}

/*zoo*/
.yoo-zoo .uk-h3, .yoo-zoo h3 {font-size:24px;color:#1c1c1c;} 
.yoo-zoo .uk-h3 a, .yoo-zoo h3 a {color:#222080;} 
.yoo-zoo .uk-h3 a:hover, .yoo-zoo h3 a:hover {color:#4687E6;} 
.yoo-zoo .uk-h1, .yoo-zoo h1 {font-weight:bold;}