/* PDF Library block - common styles */
.block-inline-blockpdf-library .pdflibrary_image_wrapper {
  position: relative;
  display: block;
  text-decoration: none;
}
.block-inline-blockpdf-library .pdflibrary_image_wrapper:hover {
  text-decoration: none;
}
.block-inline-blockpdf-library img {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 5 / 7;
  outline: 1px solid rgba(0, 0, 0, 0.3);
  outline-offset: -1px;
  object-fit: cover;
  object-position: center top;
}
/* Aspect ratios */
.block-inline-blockpdf-library .portrait .field__item img {
  aspect-ratio: 5 / 7;
}
.block-inline-blockpdf-library .landscape .field__item img {
  aspect-ratio: 7 / 5;
}
.block-inline-blockpdf-library .square .field__item img {
  aspect-ratio: 1 / 1;
}
.block-inline-blockpdf-library .fourthree .field__item img {
  aspect-ratio: 4 / 3;
}
.block-inline-blockpdf-library .threetwo .field__item img {
  aspect-ratio: 3 / 2;
}
.block-inline-blockpdf-library .sixteennine .field__item img {
  aspect-ratio: 16 / 9;
}
/* The file size overlay */
.block-inline-blockpdf-library .pdflibrary_image_wrapper span {
  position: absolute;
  bottom: 0;
  white-space: nowrap;
  padding: 0 7px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 2px #000;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  backdrop-filter: blur(3px);
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-inline-blockpdf-library h4 {
  margin: 0 0 5px 0;
}
.block-inline-blockpdf-library .pdflibrary_link_wrapper {
  font-size: 85%;
}

/* Grid style - left-aligned using grid (default). */
.block-inline-blockpdf-library .grid .field--name-field-pdfs {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  /* Default is to center text, regardless of layout style. */
  text-align: center;
}
/* Grid style - center-aligned with flexbox. */
.block-inline-blockpdf-library .grid.center .field--name-field-pdfs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.block-inline-blockpdf-library .grid.center .field__item {
  flex: 0 0 170px;
}
.block-inline-blockpdf-library .grid h4 {
  margin-top: 10px;
}
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper span {
  right: 0;
}
[dir="rtl"] .block-inline-blockpdf-library .grid .pdflibrary_image_wrapper span {
  right: unset;
  left: 0;
}
/* The grid 'view' overlay button */
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper div {
  position: absolute;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 15px;
  border-radius: 100px;
  opacity: 0;
  text-align: center;
}
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper div,
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper span,
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper img {
  transition: all 0.2s;
}
/* Hover effect on thumbnails for grid style */
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper:hover img {
  filter: brightness(80%) blur(1px);
}
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper:hover div {
  opacity: 1;
}
.block-inline-blockpdf-library .grid .pdflibrary_image_wrapper:hover span {
  opacity: 0.5;
}

/* List style */
.block-inline-blockpdf-library .list article {
  min-height: 75px;
  padding: 10px 0 0 70px;
}
[dir="rtl"] .block-inline-blockpdf-library .list article {
  padding: 10px 70px 0 0;
}
.block-inline-blockpdf-library .list .pdflibrary_image_wrapper {
  float: left;
  width: 60px;
  margin: -10px 0 0 -70px;
}
[dir="rtl"] .block-inline-blockpdf-library .list .pdflibrary_image_wrapper {
  float: right;
  margin: -10px -70px 0 0;
}
.block-inline-blockpdf-library .list .pdflibrary_image_wrapper div {
  display: none;
}
.block-inline-blockpdf-library .list .pdflibrary_image_wrapper span {
  left: 0;
  right: 0;
}
/* Add margin between adjacent items. */
.block-inline-blockpdf-library .list .field__item + .field__item {
  margin-top: 10px;
}