/*========================================================================== */
/* Table Component
 ========================================================================== */

/* Block element behavior */
.uk-table {
  width: 100%;
  margin-bottom: 15px 0;
}
/*
 * Add margin if adjacent element
 */
* + .uk-table {
  margin-top: 15px;
}
.uk-table th,
.uk-table td {
  padding: 8px 8px;
  border-bottom: 1px solid #dddddd;
}
/* Set alignment */
.uk-table th {
  text-align: left;
}
.uk-table td {
  vertical-align: top;
}
.uk-table thead th {
  vertical-align: bottom;
}
/*
 * Caption and footer
 */
.uk-table caption,
.uk-table tfoot {
  font-size: 12px;
  font-style: italic;
}
.uk-table caption {
  text-align: left;
  color: #999999;
}
/* Sub-modifier: `uk-table-middel`
 ========================================================================== */
.uk-table-middle,
.uk-table-middle td {
  vertical-align: middle !important;
}
/* Modifier: `uk-table-striped`
 ========================================================================== */
.uk-table-striped tbody tr:nth-of-type(odd) td {
  background: #fafafa;
}
/* Modifier: `uk-table-condensed`
 ========================================================================== */
.uk-table-condensed td {
  padding: 4px 8px;
}
/* Modifier: `uk-table-hover`
 ========================================================================== */
.uk-table-hover tbody tr:hover td {
  background: #f0f0f0;
}


/* general
==============================================*/

* {
	font-family: 'Helvetica', 'Arial', sans-serif;
	}

body {
	background: #fffffd;
}


h1 { margin-top:1em; /*text-shadow: 0 -1px 0 rgba(0,0,0,0.3); */}

em {color: #222!important}

#main-grid p a {
	border-bottom:1px dotted #006284!important;
	line-height:1.6em
	}


#main-grid h2 {
	margin-bottom:2em
	}

.uk-badge {
	background-color: #006284 ;
	font-weight:normal;
	}

.k-margin-top-large {
	margin-top: 1em!important;
}

.k-hr-coloured {
	border-top: 1px dashed #555!important;
}

* dl.k-dd-coloured dd {
	color:#444!important
	}

dt.k-dt-margin {
	padding-top: 1em!important;
	margin-bottom:1em
	}

dt.k-dt-bold {
	font-weight:bold;
	}

.k-title-it {
	font-style: italic;
	}

.k-text-bold {
	font-weight:bold;
	}

.k-text-slight-large {
	font-size:1.2em
	}

.k-button-facebook {
	background-color:#3b5998!important;
	color:#fff!important;
	}

.k-button-instagram {
	background-color:#bc2a8d!important;
	color:#fff!important;
	}

.k-button-twitter {
	background-color:#55acee!important;
	color:#fff!important;
	}
.k-button-newsmail {
	background-color:#DCB879!important;
	color:#fff!important;
	}

/* lang selector
==============================================*/

nav#kuac-lang-selector,
nav#kuac-lang-selector * {
	background: transparent;
}


/* header and main-navigation
==============================================*/

div#site-title h1 a, div#site-title h1 a:link, div#site-title h1 a:visited{
	color:#444;
	}

nav#main-navigation {
	font-size: 1.15em;
	margin-top:3em;
	margin-bottom:3em;
}

#main-navigation * .uk-dropdown {
	font-size:0.9em
	}

#main-navigation * a, #main-navigation * a:link, #main-navigation * a:visited {
	color:#444;
	}

.k-navi-disable {
	color:#999!important
	}

.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
/*  background: #006284; */
  background: #959595;
  color: #ffffff!important;
  outline: none;
}

.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
/*  background: #006284; */
  background: #959595;
  color: #ffffff!important;
  outline: none;
}

* .k-uk-nav-header {
	font-size: 1.15em!important;
	font-weight: bold;
	}

  .k-uk-nav-header::before {
    font-family: "FontAwesome"; font-weight: 900; content: "\f0a9";
    padding-right: 0.5em;
  }

* .k-navibar-toggle-margin {
	margin-left:-1em!important;
	padding-left:0!important
	}

/* sidebar
==============================================*/

#k-whereami * {
	font-size:0.98em;
	word-break:normal;
	white-space:nowrap;
	margin-right:2em;
	}

#k-whereami * a{
	word-break:normal;
	white-space:pre-wrap;
	}

#k-whereami > li {
  display: block;
}
#k-whereami > li:first-child a:before
{
content:" You are at:  ";
color:#444;
font-weight:bold;
}
　

/* main-body
==============================================*/

div#main-body {
	margin-top: 3em ;
}

.vertical-middle-badge {
	vertical-align: text-top;
	margin-right: 1em;
}

/* footer
==============================================*/

#footer-contact dd {
	line-height: 1.8em;
}

#footer-misc li {
	margin-top: 0.2em;
}


/* Home
==============================================*/

.k-featured-event {
	background: #e5eff2;
	}
#homepage-social{
	}

/* Research
==============================================*/

ul.uk-grid li.event-ended {
	opacity: 0.5;
}

/* event-item / event-archive
==============================================*/

.announce-featured a {
	background: #ffdbe1!important;
	padding:4px!important;
	color: #222!important
	}

li.announce-featured a:before
{
content:"★ ";
}

.uk-notify * a{
	font-size:0.9em!important;
	color:#fff!important;
	font-weight:bold;
	}

/* event-item / event-archive
==============================================*/

.k-eventarchive-date {
	width:5em
	}

.uk-badge a {
	color:#fff!important
	}
.k-event-thumb-caption {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}

.k-event-thumb-caption a {
	font-size:0.9em;
	color: #444
	}

div#event-brief {
	margin-top: 2em;
}

#event-brief dt {
	font-weight: normal;
}

#event-brief dt, #event-brief dd {
	margin-bottom: 0.5em ;
}

.k-event-related-items {
	margin: 2em 0 2em 0;
	padding:1em;
/*	background: #f9f9f9 */
	background: rgba(188, 228, 236, 0.4);
	}

.k-event-related-items dl dt:before {
	content:"◎ ";
	}

.k-event-related-items dt {
	margin: 1em 0 1em 0;
	}

#event-description p{
	line-height:1.8em
	}

/* section index */

.k-list-dates {
	margin-right:2em
	}

/* activity index */

.k-year-header {
	font-size:1.4em;
	font-weight:normal
	}

.k-publication-list-title {
	font-size:1.4em
	}

.activity-table * p{
	margin-top:0em;
	margin-bottom:0em
	}

/* publication */

table.k-pubtable {
}

table.k-pubtable td{
padding: 1em 0 0 0;
}

table td.k-pubtable-thumbs {
width:150px
}

div.k-pub-desc {
	margin-top:5em
	}


/* ----- Organisation -----*/

.k-organisation-position{
	margin-top:1.5em!important
	}

/* ------ FORM ADDITION ---*/

.InputfieldForm > :last-child {
  margin-bottom: 0;
}
.InputfieldForm select,
.InputfieldForm textarea,
.InputfieldForm input[type="text"],
.InputfieldForm input[type="password"],
.InputfieldForm input[type="datetime"],
.InputfieldForm input[type="datetime-local"],
.InputfieldForm input[type="date"],
.InputfieldForm input[type="month"],
.InputfieldForm input[type="time"],
.InputfieldForm input[type="week"],
.InputfieldForm input[type="number"],
.InputfieldForm input[type="email"],
.InputfieldForm input[type="url"],
.InputfieldForm input[type="search"],
.InputfieldForm input[type="tel"],
.InputfieldForm input[type="color"] {
  height: 30px;
  max-width: 100%;
  padding: 4px 6px;
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #444444;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.InputfieldForm select:focus,
.InputfieldForm textarea:focus,
.InputfieldForm input[type="text"]:focus,
.InputfieldForm input[type="password"]:focus,
.InputfieldForm input[type="datetime"]:focus,
.InputfieldForm input[type="datetime-local"]:focus,
.InputfieldForm input[type="date"]:focus,
.InputfieldForm input[type="month"]:focus,
.InputfieldForm input[type="time"]:focus,
.InputfieldForm input[type="week"]:focus,
.InputfieldForm input[type="number"]:focus,
.InputfieldForm input[type="email"]:focus,
.InputfieldForm input[type="url"]:focus,
.InputfieldForm input[type="search"]:focus,
.InputfieldForm input[type="tel"]:focus,
.InputfieldForm input[type="color"]:focus {
  border-color: #99baca;
  outline: 0;
  background: #f5fbfe;
  color: #444444;
}
.InputfieldForm select:disabled,
.InputfieldForm textarea:disabled,
.InputfieldForm input[type="text"]:disabled,
.InputfieldForm input[type="password"]:disabled,
.InputfieldForm input[type="datetime"]:disabled,
.InputfieldForm input[type="datetime-local"]:disabled,
.InputfieldForm input[type="date"]:disabled,
.InputfieldForm input[type="month"]:disabled,
.InputfieldForm input[type="time"]:disabled,
.InputfieldForm input[type="week"]:disabled,
.InputfieldForm input[type="number"]:disabled,
.InputfieldForm input[type="email"]:disabled,
.InputfieldForm input[type="url"]:disabled,
.InputfieldForm input[type="search"]:disabled,
.InputfieldForm input[type="tel"]:disabled,
.InputfieldForm input[type="color"]:disabled {
  border-color: #dddddd;
  background-color: #f5f5f5;
  color: #999999;
}
.InputfieldForm textarea,
.InputfieldForm select[multiple],
.InputfieldForm select[size] {
  height: auto;
}
.InputfieldForm :-ms-input-placeholder {
  color: #999999 !important;
}
.InputfieldForm ::-moz-placeholder {
  color: #999999;
}
.InputfieldForm ::-webkit-input-placeholder {
  color: #999999;
}
.InputfieldForm :disabled:-ms-input-placeholder {
  color: #999999 !important;
}
.InputfieldForm :disabled::-moz-placeholder {
  color: #999999;
}
.InputfieldForm :disabled::-webkit-input-placeholder {
  color: #999999;
}
.InputfieldForm legend {
  width: 100%;
  padding-bottom: 15px;
  font-size: 17px;
  line-height: 28px;
}
.InputfieldForm legend:after {
  content: "";
  display: block;
  border-bottom: 1px solid #dddddd;
}
.InputfieldForm-danger {
  border-color: #dc8d99 !important;
  background: #fff7f8 !important;
  color: #c91032 !important;
}
.InputfieldForm-success {
  border-color: #8ec73b !important;
  background: #fafff2 !important;
  color: #539022 !important;
}
.InputfieldForm-small {
  height: 25px !important;
  padding: 3px 3px !important;
  font-size: 11px;
}
.InputfieldForm-large {
  height: 40px !important;
  padding: 8px 6px !important;
  font-size: 15px;
}
.InputfieldForm-blank {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  outline: 1px dashed transparent !important;
}
.InputfieldForm-blank:focus {
  outline-color: #dddddd !important;
}
input.InputfieldForm-width-mini {
  width: 40px;
}
select.InputfieldForm-width-mini {
  width: 65px;
}
.InputfieldForm-width-small {
  width: 130px;
}
.InputfieldForm-width-medium {
  width: 200px;
}
.InputfieldForm-width-large {
  width: 500px;
}
.InputfieldForm-row:before,
.InputfieldForm-row:after {
  content: " ";
  display: table;
}
.InputfieldForm-row:after {
  clear: both;
}
.InputfieldForm-row + .InputfieldForm-row {
  margin-top: 15px;
}
.InputfieldForm-help-inline {
  display: inline-block;
  margin: 0 0 0 10px;
}
.InputfieldForm-help-block {
  margin: 5px 0 0 0;
}
.InputfieldForm-controls > :last-child {
  margin-bottom: 0;
}
.InputfieldForm-controls-condensed {
  margin: 5px 0;
}


.Inputfield_requirement {
	display:none;
	}
.Inputfield {
	margin: 1em 0 1em 0
	}

.Inputfield * {
	width:100%
	}
.InputfieldForm label {
  display:block;
  margin-bottom: 5px;
}

ul.InputfieldCheckboxesStacked {
	padding-left:0;
}

ul.InputfieldCheckboxesStacked li {
	list-style:none;
	margin-bottom:5px
	}

ul.InputfieldCheckboxesStacked li{
	}

ul.InputfieldCheckboxesStacked li label input{
	width:2em;
	}
label.InputfieldHeaderHidden {
	display:none!important
	}

/* ========================================================================
   Component: Cover
 ========================================================================== */
/*
 * Background image always covers and centers its element
 */
.uk-cover-background {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
/*
 * Emulates image cover, works with video and image elements
 * 1. Parent container which clips resized object
 * 2. Resizes the object to always covers its container
 * 3. Reset the responsive image CSS
 * 4. Center object
 */
/* 1 */
.uk-cover {
  overflow: hidden;
}
.uk-cover-object {
  /* 2 */
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  /* 3 */
  max-width: none;
  /* 4 */
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*
 * To center iframes use `data-uk-cover` JavaScript
 */
[data-uk-cover] {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}



/* ========================================================================
   Blast from the past
 ========================================================================== */

.k-event-thumb-caption-blast {
    text-overflow: ellipsis;!important
    white-space: nowrap;!important}

.k-event-thumb-caption-blast a {
	font-size:0.9em;
	color: #444
	}

.Inputfield_please_select {
  visibility: hidden !important
}