@charset "UTF-8";

/* figtree-300 - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/figtree-v6-latin-300.woff2') format('woff2');
}

/* figtree-regular - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/figtree-v6-latin-regular.woff2') format('woff2');
}

/* figtree-500 - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/figtree-v6-latin-500.woff2') format('woff2');
}

/* figtree-700 - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/figtree-v6-latin-700.woff2') format('woff2');
}

/* figtree-800 - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/figtree-v6-latin-800.woff2') format('woff2');
}

/* figtree-900 - latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/figtree-v6-latin-900.woff2') format('woff2');
}

/* librarybuildings 2025 */

/* FONTS */
body,
.leaflet-container {
  font-family: "Figtree", sans-serif;
}

h1, h2, h3 {
  letter-spacing: -0.025em;
  font-weight: 700;
}
h1 {
  font-size: 4rem;
  font-weight: 900;
}
h2 {
  font-size: 2.5em;
}
h3 {
  font-size: 1.25em;
}

/* LOGO and NAVIGATION*/
.navbar-brand a.site-title,
.navbar-brand a.site-title:hover {
  font-size: 3em;
  letter-spacing: -0.03em;
  font-weight: 900;
  text-transform: none;
  color: #907967;
  background: #ffffffcc;
  padding: 0 0.1em;
}

/* MENU links */
.navbar a.nav-link,
.navbar a.nav-link.show {
  background: #ffffffcc;
  color: black;
  font-size: 1.25em;
  font-weight: 500;
  padding-top: 0;
  padding-bottom: 0;
}
/* ADMIN show navbar */
.navbar {
  z-index: 1;
}

/* links */
a {
  color: #0B3E4B;
}

/* FRONT and libraries top image */
.image-style-main-image {
  width: 100%;
}

/* no main library image  */
.view-library-main-image .view-empty {
  margin: 10em 0 5em;
}


/* FRONT Welcome */
#block-librarybuildings2025-welcome {
  border-bottom: 1px solid #bbb;
  margin-top: 2em;
  font-style: italic;
}
.welcome-header {
  font-size: 2em;
  line-height: 1;
  padding-right: 0.25em;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  font-weight: 100;
}

/* FRONT blocks Browse by (category dropdowns) and Motives, also Libraries under architect */
#block-librarybuildings2025-views-block-search-front-libs,
#block-librarybuildings2025-motives-front,
.browse-by-front {
  margin-top: 2em;
}

/* FRONT Browse by (category dropdowns) and Motives, also Libraries under architect */
.view-header h2,
.browse-by-front h2 {
  font-size: 3em;
  font-weight: 900;
  border-bottom: 1px solid #bbb;
}

/* dropdown select */
.three-categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Adapted from https://codepen.io/anna_blok/pen/eYYvxoK - Thanks Anna Blok!*/
/* select styling */

.three-categories select {
   -webkit-appearance:none;
   -moz-appearance:none;
   -ms-appearance:none;
   appearance:none;
   outline:0;
   box-shadow:none;
   border:0!important;
   background: #eee;
   background-image: none;
   flex: 1;
   padding: 0 .5rem;
   font-size: 1.75rem;
   font-weight: 100;
   line-height: 1;
   cursor:pointer;
}
.three-categories .cat-links select::-ms-expand {
   display: none;
}
.three-categories option {
   font-size: 1.25rem;
}
.three-categories .select {
   position: relative;
   display: flex;
   width: 30%;
   height: 3em;
   line-height: 3;
   background: #5c6664;
   overflow: hidden;
   border-radius: .25em;
}
@media  (max-width: 990px) {
  .three-categories .select {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.three-categories .select::after {
   content: '\25BC';
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 1em;
   background: #ccc;
   color: #fff;
   cursor:pointer;
   pointer-events:none;
   transition:.25s all ease;
}
.three-categories .select:hover::after {
   color: #78a8bf;
}


/* LIBRARY page */
/* project data */
/* Show data rows in table, allows bottom aligning https://stackoverflow.com/questions/585945#comment50851969_585965 */
.project-data .fieldset-wrapper {
  display: table;
 .field {
    display: table-row;
  }
 .field div {
    border-bottom: 1px solid #ddd;
    display: table-cell;
    float: none;
    padding-top: 0.5em;
  }
 .field__label {
    text-transform: uppercase;
    color: #555;
    letter-spacing: -0.01em;
    padding-right: 1em;
  }
 .field__item {
    white-space: nowrap;
    vertical-align: bottom;
    text-align: right;
  }
}

/* right side image block */
/* categories */
.view-library-page-images h3 {
  margin: 1em 0 0.25em;
}
.view-library-page-images h3 a {
  text-decoration: none;
}
.page-node-type-library .views-view-responsive-grid--vertical .views-view-responsive-grid__item > * {
  padding-bottom: 0;
}
.page-node-type-library .motive-library a,
.page-node-type-library .motive-counter,
.page-node-type-library .motive-cat a {
  display: none;
}

/* ARTICLE */

.field--name-field-author {
  font-size: 1.5em;
}

.field--name-field-article-image {
  float: right;
  padding: 0.5em;
  margin-left: 0.5em;
}


/* FOOTER */
footer .region-footer {
  border-top: 1px solid #bbb;
  padding-top: 2em;
  text-align: center;
}

#block-librarybuildings2025-footermessage img {
  margin: 1em;
}


/* REGION Main Image */
.main-image {
  text-align: center;
  margin-top: -8em;
}

/* SEARCH */
/* MOTIVES AND LIBRARIES */
/* Facet checkboxes */
.bef-checkboxes .form-check-input {
  border: 1px solid #6e6e6e;
}

/* Sort */
#search-api-sorts-widget-widget {
  text-align: right;
}
#search-api-sorts-widget-widget #edit-sort-by {
  background-color: #eee;
  display: inline-block;
  padding: 3px 10px;
  width: 11em;
}

/* Search result */
.views-view-responsive-grid__item {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  border: 1px solid #f5f5f5;
  padding: 5px;
}
.search-result a {
  text-decoration: none;
}
.search-result a h2 {
  font-size: 1.15em;
  margin: 0.5em 0 0.2em;
}
.data-divider {
  color: #ccc;
}
.library-type {
  font-size: 0.7em;
  margin-top: 0.6em;
}

/* fulltext */

#block-librarybuildings2025-exposedformfulltext-searchsearch-ft {
  width: 75%;
  float: right;
}
#block-librarybuildings2025-exposedformfulltext-searchsearch-ft .form--inline {
  display: flex;
}
/*.form-item-search-ft .form-control {
  font-size: 2em;
}*/
#edit-submit-fulltext-search {
  background: #6a513c;
  border: 1px solid #6a513c;
  font-weight: 500;
}
/* highlight */
.views-field-search-api-excerpt strong {
  background: #ffff0050;
  padding: 2px 4px 2px;
}

/* BROWSE by architect, country, furniture supplier */
/* country list */
.browse-country a {
  text-decoration: none;
  font-weight: 100;
  font-size: 2em;
}

/* MOTIVES */
/* Map popup and motive lists */

.popup-container,
.motive-container,
.front-libs-top .views-row {
  position: relative;
}
/* leaflet needs this to be defined */
.popup-container {
  width: 300px;
  height: 200px;
}

.popup-image img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: 5px;
}

.popup-library,
.motive-library,
.front-libs-top .views-field-field-library-ref-1
 {
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  bottom: 5px;
  left: 5px;
  line-height: 1.1;
  padding: 2px 4px;
}

.popup-library a,
.motive-library a,
.front-libs-top a h1 {
  color: white;
  font-size: 1.25em;
  font-weight: 300;
  letter-spacing: -0.05em;
  text-decoration: none;
}
.front-libs-top a {
  text-decoration: none;
}

.front-libs-top .views-field-field-library-ref-1 {
  bottom: 10%;
  left: 50%;
}
.front-libs-top .views-field-field-library-ref-1 a h1 {
  font-size: 3rem;
}

/* logo and main image top */
@media  (max-width: 990px) {
  .navbar-brand a.site-title {
    font-size: 2em;
  }
  .front-libs-top .views-field-field-library-ref-1 a h1 {
    font-size: 1.25rem;
  }
}
/* logo and main image top */
@media  (max-width: 500px) {
  .navbar-brand a.site-title {
    font-size: 1.25em;
  }
  .front-libs-top .views-field-field-library-ref-1 a h1 {
    display: none;
  }
}

.popup-country a,
.motive-counter,
.motive-cat a {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: rgba(0, 120, 168, 0.75);
  border-radius: 2px;
  color: white;
  font-size: 14px;
  line-height: 1;
  padding: 2px;
  font-weight: bold;
  text-decoration: none;
}
.motive-counter {
  background-color: rgba(0, 0, 0, 0.4);
  top: 30px;
  font-weight: 100;
  font-size: 10px;
}

/* map */
.popup-arch a {
  font-size: 14px;
  padding-top: 5px;
}
.popup-arch a:hover {
  color: #111;
  text-decoration: none;
}
.leaflet-attribution-flag {
  display: none !important;
}

/* Colorbox PhotoSwipe */
.pswp__dynamic-caption .caption-library a,
.pswp__dynamic-caption .caption-category a  {
  font-size: 2em;
  font-weight: 900;
  letter-spacing: -0.04em;
  line-height: 1;
}
.pswp__dynamic-caption .caption-library a {
  text-decoration: none;
}
.pswp__dynamic-caption .caption-category a  {
  font-size: 1.35em;
  font-weight: 500;
}