.sdu-logos-row{
  display: grid;
 background-color: white;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: 1fr 1fr 1fr;
  min-height: 4vh;
  grid-column-gap: 30px;

}

.banner-back{
display:none;
}

.sdu-logo{
  justify-self: center;
  align-self: center;
}

.site-banner{
display: none;
}

.hidden{
display:none;
}

#search-page{
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
}

header img {
height:75%;
width: 75%;
}

input{
margin-top: 1em;
}

a {
font-weight: bold
}

header {
background-color: #d1bf99;

}
header #top-bar{
background-color: rgb(213, 213, 213);

}


header a:link, header a:visited{
color: #000;
}
#search{
display:none;
}

#content{
margin-top: 2em;
}

  .featured-sites-container {
      display: grid;
      max-width: 1700px;
      margin-left: auto;
      margin-right: auto;
      grid-template-columns: repeat(3, 1fr);
      justify-items: center;
      justify-content: center;
      align-items: center;
      grid-gap: .7rem;
      text-align: center;
    }

    .f-site{
      position: relative;
    }

    .fs-image {
      display: block;
      object-fit: fill;
      width: 100%;
      height: 100%;
    }

    .fs-overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transition: .5s ease;
      background-color: #920b0b;
    }

    .f-site:hover .fs-overlay {
      opacity: .9;
    }

body {
line-height: 24px;
}
    .fs-text-land {
      background-color: #d1bf99;
      background-blend-mode:luminosity;
      color: white;
      font-size: large;
 
      padding: 7px;
      position: absolute;
      top: 95%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
      width: 100%;
    }

    .fs-text {
      color: #E9E9E9;
      font-size: medium;
      margin:0 -50px 0 0px;
      line-height: normal;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
      opacity: 1;
    }

    .fs-text a {
      color: #FFF!important;
      font-weight: bolder;
      font-size: large;
    }

.value {
font-weight: normal;
}

#item-metadata .property h5{
font-weight: bold;
}

.breadcrumbs {
max-width: 80em;
margin: auto;
}

#content .blocks {
max-width: 75em;
}

#item-linked {
clear:left;
}

.left.file {
margin-right: 2em;
max-width: 100%;
}

.media-embeds{
    width: 50%;
    float: left;
    padding-left: 5%;
clear: both;
margin-top:2em;

}
.media-render {
float:right;
}

#item-metadata {
    width: 45%;
}

.search-results .resource-list {
    display: flex;
}

.item-showcase {
    justify-content: center;
}

header nav ul.navigation>li>ul {
display: block!important;
}
#item-image{
    max-width: 50%;
}

#item-intro{
    margin-top: -2em;
}

#header-image{
    width: 25%;
    float: left;
    padding: 2%;
}

.header-image{
    width: 25%;
    float: left;
    padding: 2%;
}

#animalthumb{
width: 100px!important;
max-width:100px!important;
}

.animalnametable{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

#animal {
  margin: 1em 0;
  border-collapse: collapse;
  border: 0.1em solid #d6d6d6;
}

#animal th,
td {
  padding: 0.25em 0.5em 0.25em 1em;
  text-align: left;
  scroll-snap-align: start;
 height: 12px;

}

#animal th {
  background-color: #666;
  color: #fff;
}

#animal tr:nth-child(even) th[scope=row] {
  background-color: #f2f2f2;
}

#animal tr:nth-child(odd) th[scope=row] {
  background-color: #fff;
}

#animal tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

#animal tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

#animal td:nth-of-type(2) {
  font-style: italic;
}


/* Fixed Headers */

#animal th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
}

#animal th[scope=row] {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
}

#animal th[scope=row] {
  vertical-align: top;
  color: inherit;
  background-color: inherit;
  background: linear-gradient(90deg, transparent 0%, transparent calc(100% - .05em), #d6d6d6 calc(100% - .05em), #d6d6d6 100%);
}

#animal th:not([scope=row]):first-child {
  left: 0;
  z-index: 3;
  background: linear-gradient(90deg, #666 0%, #666 calc(100% - .05em), #ccc calc(100% - .05em), #ccc 100%);
}

div[tabindex="0"][aria-labelledby][role="region"] {
  overflow: auto;
  scroll-snap-type: both mandatory;
  max-width: 100em;
 max-height:50em;
}

div[tabindex="0"][aria-labelledby][role="region"]:focus {
  box-shadow: 0 0 .5em rgba(0,0,0,.5);
  outline: .1em solid rgba(0,0,0,.1);
}

div[tabindex="0"][aria-labelledby][role="region"] table {
  margin: 0;
}

div[tabindex="0"][aria-labelledby][role="region"].rowheaders {
  background:
    linear-gradient(to right, transparent 30%, rgba(255,255,255,0)),
    linear-gradient(to right, rgba(255,255,255,0), white 70%) 0 100%,
    radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,0.2), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.2), rgba(0,0,0,0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 4em 100%, 4em 100%, 1.4em 100%, 1.4em 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
}

div[tabindex="0"][aria-labelledby][role="region"].colheaders {
  background:
    linear-gradient(white 30%, rgba(255,255,255,0)),
    linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
    radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 100% 4em, 100% 4em, 100% 1.4em, 100% 1.4em;
  background-attachment: local, local, scroll, scroll;
}

/* Strictly for making the scrolling happen. */

animal th[scope=row] {
  min-width: 40vw;
}

@media all and (min-width: 30em) {
  animal th[scope=row] {
    min-width: 20em;
  }
}
  
animal th[scope=row] + td {
  min-width: 24em;
}

div[tabindex="0"][aria-labelledby][role="region"]:nth-child(4) {
  max-height: 14em;
}

div[tabindex="0"][aria-labelledby][role="region"]:nth-child(8) {
  max-height: 14em;
  margin: 0 1em;
}

#mapping-section{

}