:root {
    --font-color: #333;
    --background-color: #fff;
    --footer-color: #3d4a58;
    --footer-h: 80px;
    --grey: #ccc;
}

body {
    font-family: "Acumin-Pro", Arial, system-ui, -apple-system, sans-serif;
    font-size: 18px; 
    padding-bottom: var(--footer-h);
}

div.site-title {
  padding-top: 0px;
  padding-right: 1rem;
  margin: 0px;
}

h2, h3 {
  font-family: "Acumin-Pro", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

div.title-container {
  display:flex;
  margin: 0 auto;
  max-width: 1700px;
}

div.title-headers {
  display: flex;
  flex-direction: column;
 margin-top: 1rem;
}

.subtitle {
  margin: 0px;
  padding: 0px;
  font-size: larger; 
 line-height: 30px;
  color: var(--footer-color);
}

div.subtitle {
  font-weight: bold;
}

.site-title img {
  max-width: 110px;
}

div#content {
    min-width: 75%;
    width: 100%;
}

.block a {
  color: #004b89 !important;
  text-decoration: underline;
}

.block a:visited {
  color: #004b89 !important;
}

.block a:hover {
  color: #004b89 !important;
  opacity: 0.8;
}

.block a:active {
  color: #004b89 !important;
}

.block p {
font-size: 20px;
}

div.block-thesaurus {
   max-width: 600px;
}

.block.links ul {
  display: flex;
  list-style-type: none;
  justify-content: space-evenly;
margin: 2rem;
}

ul.list-links li {
  background-color: #004b89;
  padding: 1rem 2rem;
}

ul.list-links li a {
  color: #fff !important;
}

ul.list-links li a:visited {
  color: #fff !important;
}

footer {
        display: block;
        background-color: var(--footer-color);
        color: var(--background-color);
        line-height: 1;
        min-height: 82px;
        width: 100%;
        min-width: 100%;
        padding: 1rem;
position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--footer-h);
  z-index: 1000;
    }
    
  div.footer-content {
        display: flex;
        justify-content: space-between;
        line-height: 1.4;
        font-weight: 200
    }
    
 div.link-grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-rows: auto;
        grid-template-rows: repeat(2, auto);
        gap: .3rem 1rem
    }
    
    footer a,
    footer a:visited {
        font-family: "Acumin-Pro", Arial, system-ui, -apple-system, sans-serif;
        color: var(--background-color);
        padding: 0 .5em;
        margin-left: 0;
        text-decoration: none
    }
    
    footer a:hover {
        opacity: .8
    }
    
    div.partners {
        font-weight: 100;
        font-size: 30px;
        align-content: center
    }
    
    div.partners a:not(:first-of-type) {
        border-left: 1px solid var(--grey);
    }
    
    footer a.icon {
        background-size: 18px;
        background-position: 0 50%;
        padding-left: 25px
    }
    
    footer .download-link {
        background: url("https://data.dh.gu.se/ui-icons/download_white_circle.png") no-repeat center
    }
    
    footer .site-link {
        background: url("https://data.dh.gu.se/ui-icons/arrow_link_white_circle.png") no-repeat center
    }

header nav ul.language-switcher {
  height: auto;
  overflow: visible;
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
}

header nav ul.language-switcher li {
  display: inline-block;
}

header nav ul.language-switcher a,
header nav ul.language-switcher span {
  display: inline-block;
  color: inherit;
  font-size: 1rem;
  line-height: 1.2;
}

header nav#top-nav {
  display: flex;
  align-items: center;
  gap: 1rem;
}

div.property {
  display: grid;
  grid-template-columns: minmax(8rem, 14rem) 1fr;
  column-gap: 1.5rem;
  row-gap: .5rem;
}

div.property dt {
  font-weight: bold;
  grid-column: 1;
  white-space: nowrap;
  opacity: 0.8;
}

div.property dd {
  margin: 0; 
  grid-column: 2;
}

div.metadata {
  display: flex;
  gap: 5rem;
}

dl.linked-resources {
  background: #fff;
  padding: 2rem;
  height: fit-content;
}

dl.media-list {
  display: none;
}

span.annotation-prop span.value-content {
    margin-right: 0;
}

div.search-results {
  margin-left: 4rem;
}
footer-content {
color: white;
}
.footer-content a:link {
color: white;
text-decoration: none;
}

ul.resource-list.search-result-list.list > li:nth-child(odd) {
  background-color: white;
}

.search-results .resource-list.grid .resource {
  padding: 1rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

.search-results .resource-list.list .resource {
  padding: 1rem;
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "thumb title"
    "thumb desc";
  gap: 2rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  margin: 5px 0;
}

.search-results .resource-list.list .resource.item:not(:has(.resource-thumbnail img)) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas:
    "title"
    "desc";
}

.search-results .resource-list.list .resource .resource-thumbnail {
  grid-area: thumb;
  overflow: hidden;
}

.search-results .resource-list.list .resource .resource-thumbnail img {
  max-width: 200px;
  max-height: 200px;
}

ul.resource-list.search-result-list.list li.resource.item div.resource-thumbnail:not(:has(img))  {
  display: none;
}
.search-results .resource-list.list .resource .resource-body {
  grid-area: title;
}

.search-results .resource-list.list .resource .resource-body {
  grid-area: desc;
}

div.showcase-entries article.entry {
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  padding: 1.5rem;
}

#content a:link,
#content a:visited {
  text-decoration: underline;
}

ul.list-links li a,
footer a {
  text-decoration: none !important;
}

.link-block {
  position: relative;
height: 300px;
overflow: hidden;
}

.link-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.3) 40%,
    rgba(0,0,0,0) 75%
  );
  z-index: 1;
}

.link-block p {
  margin: 0; 
}

.link-block a {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 1.8rem;
  color: white !important;
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: none;
  z-index: 2;
}

.link-block a:visited {
color: white !important;
}

.link-block a:hover {
color: #dadada !important;
}

#linked-resources ul {
list-style: none !important;
padding-inline-start: 0px;
}

#linked-resources li {
margin-bottom: 10px;
}

div#advanced-search-form div.field-meta {
  width: 100%;
}
div#advanced-search-form div.inputs {
  width: 100%;
  padding-left: 0px;
}

div#advanced-search-form div.field {
  margin: 0;
}

aside.search-facets .facets h3 {
  margin: 0;
}

.media-embed .resource .caption {
font-size: 1rem !important;
}

.search-facets .facet-elements {
  font-size: 0.98rem;
  line-height: 1.45;
}

.collapse + .collapsible {
    border-left: none;
    padding: 0;
    margin: 0;
 }

/* Remove default list look */
.search-facets .facet-items,
.search-facets .facet-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.search-facets .facet-item {
  position: relative;
  margin: 0.2rem 0;
  padding-left: 1.4rem;
}

/* Indentation by level */
.search-facets .facet-item[data-level="0"] { margin-left: 0; }
.search-facets .facet-item[data-level="1"] { margin-left: 1rem; }

/* Vertical guide line */
.search-facets .facet-item::before {
  content: "";
  position: absolute;
  left: 0.45rem;
  top: -0.4rem;
  bottom: -0.4rem;
  width: 1px;
  background: #d6d6d6;
}

/* Horizontal connector */
.search-facets .facet-item::after {
  content: "";
  position: absolute;
  left: 0.45rem;
  top: 0.95rem;
  width: 0.7rem;
  height: 1px;
  background: #d6d6d6;
}

/* Top-level items: no connector line */
.search-facets .facet-item[data-level="0"]::before,
.search-facets .facet-item[data-level="0"]::after {
  display: none;
}

/* Align checkbox and label */
.search-facets .facet-item input[type="checkbox"] {
  margin-right: 0.45rem;
  vertical-align: top;
  margin-top: 0.2rem;
}

.search-facets .facet-item label {
  display: inline;
  cursor: pointer;
}

/* Hover state */
.search-facets .facet-item:hover > label {
  color: #003d66;
}

/* Selected/active items */
.search-facets .facet-item.active > label,
.search-facets .facet-item input[type="checkbox"]:checked + label {
  font-weight: 600;
}

@media (max-width: 768px) {
#mobile-nav-toggle {
  position: static;
}
.search-results-wrapper aside {
display: none !important; 
}
.search-results .resource-list.list .resource {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "thumb"
      "title"
      "desc";
}
.search-results .resource-list.list .resource .resource-thumbnail {
  place-self: center;
  margin-left: 0;
}
footer {
display: none;
}
div.title-headers {
background-color: white;
}
.title-container {
background-color: white;
}
h1 {
font-size: 24px !important;
line-height: normal;
}
.metadata {
display: block !important;
}
.title-headers {
font-size: 14px !important;
}
}