/* Custom CSS to overload any previously-defined styles. */

/* FIXME -- This loads remote Google webfonts -vv */
@import url("tipuesearch.css");
@import url("lightbox.css");

html {
  scroll-behavior: smooth;
}

p a {
  color:#91b7c7;
}

th {
  text-align: left;
}

th, td {
  padding: 2px;
}

nav h1 {
  padding-top:.6em;
  margin-bottom:.9em;
  font-size:1.2em;
  line-height:1.6em;
  float:left;
}

img.piece {
  margin-left: 0;
  padding-left: 0;
  width:25%;
}

.latest-pieces .thumbnail,
.texts-index .thumbnail,
.book-list .thumbnail,
.home-page .thumbnail {
  width:100%;
  position:relative;
}

.latest-pieces .thumbnail:after,
.texts-index .thumbnail:after,
.book-list .thumbnail:after,
.home-page .thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.latest-pieces .thumbnail-img,
.texts-index .thumbnail-img,
.book-list .thumbnail-img,
.home-page .thumbnail-img {
  position:absolute;;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0; left: 5%; bottom: 0; right: 5%;
  max-width:90%;
  max-height:90%;
  text-align: center;
}

.latest-pieces .thumbnail-img img,
.book-list .thumbnail-img img,
.home-page .thumbnail-img img,
.music-list .thumbnail-img img,
.catalogue .thumbnail-img img {
  margin:auto;
  filter: contrast(200%) grayscale(80%) brightness(120%);
  transition:filter 2s;
  max-height:328px;
}

.texts-index .thumbnail-img img {
  filter:contrast(20%) sepia(100%) hue-rotate(150deg);
}

.latest-pieces .thumbnail-img img:hover,
.texts-index .thumbnail-img img:hover,
.book-list .thumbnail-img img:hover,
.home-page .thumbnail-img img:hover,
.music-list .thumbnail-img img:hover,
.catalogue .thumbnail-img img:hover {
  text-decoration:none;
  margin:auto;
  filter: contrast(100%) grayscale(0) brightness(100%);
  transition:filter .6s;
}

.latest-pieces .thumbnail-img a,
.texts-index .thumbnail-img a,
.book-list .thumbnail-img a,
.home-page .thumbnail-img a,
.music-list .thumbnail-img a,
.catalogue .thumbnail-img a {
  border-bottom:none !important;
}

.latest-pieces .thumbnail-caption,
.texts-index .thumbnail-caption,
.book-list .thumbnail-caption,
.home-page .thumbnail-caption {
  position:absolute;
  bottom:0;
  text-align:center;
  width:100%;
}

.microsites .thumbnail-img img,
.book-list .thumbnail-img img {
  filter: contrast(140%) grayscale(40%) brightness(110%);
}

.microsites .thumbnail-img img,
.texts-index .thumbnail-img img {
  height:200px !important;
}

.microsites .thumbnail-caption
.texts-index .thumbnail-caption {
  bottom: -20px;
}

.image-list ul {
  display: flex !important;
  flex-wrap:wrap;
  justify-content: center;
}

.image-list nav {
  margin-bottom:0;
}

.image-list ul {
  display: flex !important;
  flex-wrap:wrap;
  justify-content: center;
}

img.video {
  height:180px;
  width:320px;
}

nav a.active {
  font-size:1.2em;
  font-weight:bold;
}

nav li form {
  margin-bottom:-1em;
  position:relative;
  width:12.5em;
  height:2em;
  overflow:visible;
}
.tipue_search_group {
  width:9.5em;
  position:absolute;
  height:1em;
}
#tipue_search_input {
  position:absolute;
  border:1px solid #91b7c7;
  width:10em;
  height:1em;
  padding-left:0;
}
.tipue_search_button {
  border:1px solid #91b7c7;
  position:absolute;
  right:0;
  bottom:0;
  top:0;
  padding:0 0 0 2px;
  margin:0;
  width:1.3333333em;
  height:1.3333333em;
}
.tipue_search_icon {
  font-size:19px;
  margin:0;
}