/* * * * Temporary CSS style * * * */

/* * * * Search field * * * */

@media (min-width: 763px/*992px*/) {
  .header .search-widget-container {
    /*width: 310px;*/
    width: 250px;
    float: right;
    right: 0;
    position: absolute;
  }
}

@media (max-width: 763px) {
  .header #searchBlock .block.search {
    max-width: 100%;
    margin-top: -1.5rem;
    position: relative;
    top: 2rem;
    padding: 2rem 0;
  }
}

@media (max-width: 482px) {
  .header #searchBlock .block.search {
    max-width: 100%;
    margin-top: 0;
    position: relative;
    padding: 0;
    top: 3rem;
  }
}

.header .search-widget-container.new-search-widget {
  top: -20px;
  position: relative;
}


.header .SearchInputBar form.SearchInputForm div.InfernoFormlib-AutoCompleteField label {
  color: #000;
  width: 100%;
  margin-bottom: 0.4rem;
  display: block;
  font-weight: 400;
  font-size: 12px;
}

.header .SearchInputBar form.SearchInputForm div.InfernoFormlib-AutoCompleteField {
  height: 6.2rem;
}

.header .SearchInputBar form.SearchInputForm div.InfernoFormlib-AutoCompleteField .input-group[class^="input-group"] .input-group-append .btn.btn-primary.search-widget-button {
  font-size: 12px;
}

.header .new-search-widget .SearchWidget .SearchInputBar form.SearchInputForm .InfernoFormlib-AutoCompleteField .input-group #search__Field {
  width: 270px;
}

@media (max-width: 992px) {
  .header .new-search-widget .SearchWidget .SearchInputBar form.SearchInputForm .InfernoFormlib-AutoCompleteField .input-group #search__Field {
    width: 100%;
  }
}

.header .SearchWidget button.btn.btn-primary.search-widget-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: 0;
}


.header #searchBlock .block.search {
  width: 100%;
}

.header #searchBlock .block.search .search-widget-container.new-search-widget {
  min-width: 250px;
}


.header .new-search-widget .SearchWidget .SearchInputBar form.SearchInputForm .InfernoFormlib-AutoCompleteField .input-group #search__Field {
  width: 100%;
  font-size: 14px;
}

.header .search-widget-container.new-search-widget .SearchWidget .SearchInputBar form.SearchInputForm .InfernoFormlib-AutoCompleteField .InfernoFormlib-AutoCompleteItemContainerShadow .InfernoFormlib-AutoCompleteItemContainer .InfernoFormlib-AutoCompleteItemPane.Suggest-ResultPane .InfernoFormlib-AutosuggestItemGroup .InfernoFormlib-AutosuggestItem h4.card-title {
  overflow: hidden;
  font-size: 1.4rem !important;
}

.header .search-widget-container.new-search-widget .SearchWidget .SearchInputBar form.SearchInputForm .InfernoFormlib-AutoCompleteField .InfernoFormlib-AutoCompleteItemContainerShadow .InfernoFormlib-AutoCompleteItemContainer .InfernoFormlib-AutoCompleteItemPane.Suggest-ResultPane .InfernoFormlib-AutosuggestItemGroup .InfernoFormlib-AutosuggestItem h6.card-subtitle {
  overflow: hidden;
  font-size: 1rem !important;
}

.header .search-widget-container.new-search-widget .SearchWidget .InfernoFormlib-AutoCompleteField .InfernoFormlib-AutoCompleteItemContainer.showAsColumn {
  font-size: 1.4rem;
}

.header .search-widget-container.new-search-widget .SearchWidget .SearchInputBar form.SearchInputForm .InfernoFormlib-AutoCompleteField .InfernoFormlib-AutoCompleteItemContainerShadow .InfernoFormlib-AutoCompleteItemContainer .InfernoFormlib-AutoCompleteItemPane.Suggest-ResultPane .InfernoFormlib-AutosuggestItemGroup .InfernoFormlib-AutosuggestItem.card {
  min-height: 4.8rem;
}

.header .search-widget-container.new-search-widget .Search-ContentStage .InfernoFormlib-AutoCompleteField .InfernoFormlib-AutocompleteItem, .SearchWidget .InfernoFormlib-AutoCompleteField .InfernoFormlib-AutocompleteItem {
  font-size: 1.2rem !important;
}

.header .search-widget-container.new-search-widget .ISuggestListItem-Profile.card img{
  height: 5rem !important;
  width: 5rem !important;
}

.header .block.figure.mainLogo {
    width: initial;
}


/* * * * Site Name * * * * */

h1.block.siteName {
  font-family: Arial,"Helvetica Neue",helvetica,sans-serif;
  border-bottom: none;
}

/* * * * * * Language link * * * * * * */

.block.link[hreflang=en-UK] {
  background: url(https://www.kth.se/img/icon/en_UK.svg?v=9.5.0) no-repeat scroll 100% 36% transparent;
  padding-right: 24px;
  font-size: 13.5px;
  vertical-align: top;
  line-height: 1.4;
}

.block.link[hreflang=sv-SE] {
  background: url(https://www.kth.se/img/icon/sv_SE.svg?v=9.5.0) no-repeat scroll 100% 36% transparent;
  padding-right: 24px;
  font-size: 13.5px;
  vertical-align: top;
  line-height: 1.4;
}

/* * * * * * * Mega menu * * * * * * * */

nav.navbar.block.megaMenu .menuItemContent.active .megaMenuBody {
  display: none;
}

.block.megaMenu.navbar.navbar-expand-lg.navbar-light button#nav-icon {
  display: none;
}

.block.megaMenu.navbar.navbar-expand-lg.navbar-light .navbar-collapse#megaMenuContent {
  padding: 0;
}

.block.megaMenu.navbar.navbar-expand-lg.navbar-light .navbar-collapse#megaMenuContent ul#megaMenu {
  display: flex;
}
.block.megaMenu.navbar.navbar-expand-lg.navbar-light .navbar-collapse#megaMenuContent ul#megaMenu li.item {
  flex-grow: 1;
}

.block.megaMenu.navbar.navbar-expand-lg.navbar-light .navbar-collapse#megaMenuContent ul#megaMenu li.item.homeItem a {
  font-size: 1.35rem;
  font-weight: 700;
  color: #111;
}

/* * * * * * * Footer * * * * * * * */

#footer .block.columnSplitter.row.using4Columns .block.list.links h2,
#footer .block.columnSplitter.row.using4Column .block.teaser .teaserBody h2 {
  color: #ffffff;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 700;
  linle-height: 20.8px;
}

#footer .block.columnSplitter.row.using4Columns {
  display: flex;
}

#footer .block.columnSplitter.using4Columns .col {
  flex-basis: 25%;
  padding: 0 15px;
}

#footer .block.columnSplitter.using4Columns .col.c1 {
  padding-left: 0;
}

#footer .block.columnSplitter.using4Columns .col.c4 {
  padding-right: 0;
}

#footer .block.columnSplitter.using4Columns .col.c4 .block.teaser.top .teaserBody h2 {
  color: #ffffff;
  font-size: 16px;
}

#footer .block.columnSplitter.using4Columns .col.c4 .block.teaser.top .teaserBody .lead p,
#footer .block.columnSplitter.using4Columns .col.c4 .block.teaser.top .teaserBody .block.list.links {
  color: #fff;
  font-size: 13.5px;
}

#footer .block.columnSplitter.using4Columns .col.c4 .block.teaser.top.white .teaserBody .lead .block.list.compact.defaultTheme .container {
  width: auto;
  padding: 0 15px;
  background-color: #65656c;
}