/*
 * Stylesheet: Featured Image
 * Applies to editor and front end
 */
.block__featured-image .featured-image--inner {

  position: relative;

  display: flex;

  width: 100%;

  flex-direction: column;

  align-items: center;

  justify-content: center;
}
.block__featured-image .image-wrapper {

  width: 100%;
}
.block__featured-image .featured-image__image {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;
}
@media (min-width: 768px) {
  .block__featured-image .featured-image--inner.small .featured-image__image {

    aspect-ratio: 5/1;
  }
  .block__featured-image .featured-image--inner.medium .featured-image__image {

    aspect-ratio: 10/3;
  }
  .block__featured-image .featured-image--inner.large .featured-image__image {

    aspect-ratio: 16/7;
  }
}
/***********************************************************************
 *
 * Style Variation - Default Base
 *
 ***********************************************************************/
.block__featured-image .is-default-base.has-border-bottom {

  border-bottom-width: 6px;

  border-style: solid;

  border-color: currentColor;
}
/***********************************************
 *
 * Style Variation - Bump up Base
 *
 ***********************************************/
.block__featured-image .has-bump-up::after {

  position: absolute;

  bottom: 0px;

  z-index: 10;

  height: 8%;

  max-height: 85px;

  min-height: 35px;

  width: 95%;

  max-width: 1088px;

  justify-self: center;

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (min-width: 768px) {
  .block__featured-image .has-bump-up::after {

    width: 80%;
  }
}
.block__featured-image .has-bump-up::after {

  content: "";
}
.block__featured-image .has-bump-up.has-border-top::after {

  border-width: 0;

  border-top-width: 6px;

  border-style: solid;

  border-color: currentColor;
}
/***********************************************
 *
 * Style Variantion - Curved Base
 *
 ***********************************************/
.block__featured-image .has-curve {

  position: relative;

  width: 100%;
}
.block__featured-image .has-curve::before {

  position: absolute;

  left: -5%;

  right: -5%;

  bottom: 6px;

  z-index: 10;

  height: 120px;

  -webkit-clip-path: ellipse(50% 60% at 50% 100%);

          clip-path: ellipse(50% 60% at 50% 100%);
  content: "";
}
.block__featured-image .has-curve::after {

  position: absolute;

  left: -5%;

  right: -5%;

  bottom: 0px;

  z-index: 20;

  height: 120px;

  --tw-bg-opacity: 1;

  background-color: rgb(255 255 255 / var(--tw-bg-opacity));

  -webkit-clip-path: ellipse(50% 60% at 50% 100%);

          clip-path: ellipse(50% 60% at 50% 100%);
  content: "";
}
.block__featured-image .has-curve.has-curved-border::before {

  background-color: currentColor;
}
/***********************************************
 *
 * Style Variant - Blurred Image
 *
 ***********************************************/
.block__featured-image .image-has-blur.featured-image--inner {

  overflow: hidden;
}
.block__featured-image
.image-has-blur.featured-image--inner
.featured-image__image {

  --tw-blur: blur(25px);

  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
/***********************************************
 *
 * Module piece: Book Covers
 *
 ***********************************************/
.block__featured-image .has-covers .inner-blocks-wrapper {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  padding-right: 1.25rem;

  padding-left: 1.25rem;
}
@media (min-width: 320px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 320px;
  }
}
@media (min-width: 375px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 375px;
  }
}
@media (min-width: 480px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 480px;

    padding-right: 2rem;

    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 1024px;

    padding-right: 4rem;

    padding-left: 4rem;
  }
}
@media (min-width: 1366px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 1366px;

    padding-right: 5rem;

    padding-left: 5rem;
  }
}
@media (min-width: 1466px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 1466px;
  }
}
@media (min-width: 1536px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 1536px;

    padding-right: 6rem;

    padding-left: 6rem;
  }
}
@media (min-width: 1920px) {
  .block__featured-image .has-covers .inner-blocks-wrapper {

    max-width: 1920px;
  }
}
.block__featured-image .has-covers .inner-blocks-wrapper {

  max-height: 90%;

  width: 100%;
}
.block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

  width: 100%;

  margin-right: auto;

  margin-left: auto;

  padding-right: 1.25rem;

  padding-left: 1.25rem;
}
@media (min-width: 320px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 320px;
  }
}
@media (min-width: 375px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 375px;
  }
}
@media (min-width: 480px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 480px;

    padding-right: 2rem;

    padding-left: 2rem;
  }
}
@media (min-width: 768px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 1024px;

    padding-right: 4rem;

    padding-left: 4rem;
  }
}
@media (min-width: 1366px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 1366px;

    padding-right: 5rem;

    padding-left: 5rem;
  }
}
@media (min-width: 1466px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 1466px;
  }
}
@media (min-width: 1536px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 1536px;

    padding-right: 6rem;

    padding-left: 6rem;
  }
}
@media (min-width: 1920px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    max-width: 1920px;
  }
}
.block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

  z-index: 30;

  display: flex;

  width: 100%;

  flex-direction: row;

  align-items: center;

  justify-content: center;

  gap: 0.625rem;
}
@media (min-width: 768px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    gap: 2rem;
  }
}
@media (min-width: 1366px) {
  .block__featured-image .has-covers .inner-blocks-wrapper .books-wrapper {

    gap: 2.8125rem;
  }
}
/* One cover */
.block__featured-image
.has-covers.has-one-cover.small
.inner-blocks-wrapper
.books-wrapper {

  width: 26%;
}
.block__featured-image
.has-covers.has-one-cover.medium
.inner-blocks-wrapper
.books-wrapper {

  width: 33%;
}
.block__featured-image .has-covers.has-one-cover.large .block__book-cover {

  width: 35%;
}
@media (min-width: 1024px) {
  .block__featured-image .has-covers.has-one-cover.large .block__book-cover {

    --tw-scale-x: 1.2;

    --tw-scale-y: 1.2;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (min-width: 1366px) {
  .block__featured-image .has-covers.has-one-cover.large .block__book-cover {

    --tw-scale-x: 1.3;

    --tw-scale-y: 1.3;

    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
/* Two covers */
.block__featured-image
.has-covers.has-two-covers.small
.inner-blocks-wrapper
.books-wrapper {

  width: 43%;
}
/* Three covers */
.block__featured-image
.has-covers.has-three-covers.small
.inner-blocks-wrapper
.books-wrapper {

  width: 55%;
}
.block__featured-image
.has-covers.has-three-covers.medium
.inner-blocks-wrapper
.books-wrapper {

  width: 80%;
}
/* Four covers */
@media (min-width: 768px) {
  .block__featured-image .has-covers.small .inner-blocks-wrapper .books-wrapper {

    width: 75%;
  }
  .block__featured-image .has-covers.medium .inner-blocks-wrapper .books-wrapper {

    width: 85%;
  }
}
/* All large covers */
@media (min-width: 768px) {
  .block__featured-image .has-covers.large .inner-blocks-wrapper .books-wrapper {

    width: 100%;
  }
}
/* Apply width to individual book covers */
.block__featured-image
.has-two-covers
.inner-blocks-wrapper
.block__book-cover {

  width: 30%;
}
@media (min-width: 1024px) {
  .block__featured-image
.has-two-covers
.inner-blocks-wrapper
.block__book-cover {

    width: auto;
  }
}