/* Cover overlay for fallback image */
.acl-fip-wrap {
  line-height: 0;
  display: inline-block;
  position: relative;
}

.acl-fip-wrap > img {
  display: block;
}

.acl-fip-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.acl-fip-featured-image-frame {
  box-sizing: border-box;
  display: block;
  width: var(--acl-fip-featured-image-width, 100%);
  max-width: var(--acl-fip-featured-image-max-width, none);
  margin-top: var(--acl-fip-featured-image-margin-top, 0);
  margin-bottom: var(--acl-fip-featured-image-margin-bottom, 0);
  position: relative;
  overflow: hidden;
  line-height: 0;
  background: var(--acl-fip-featured-image-background-color, transparent);
  border-width: var(--acl-fip-featured-image-border-width, 0);
  border-style: var(--acl-fip-featured-image-border-style, none);
  border-color: var(--acl-fip-featured-image-border-color, #000000);
  border-radius: var(--acl-fip-featured-image-border-radius, 0);
  box-shadow: var(--acl-fip-featured-image-box-shadow, none);
  transition: transform var(--acl-fip-featured-image-transition-duration, 300ms) var(--acl-fip-featured-image-transition-easing, ease), box-shadow var(--acl-fip-featured-image-transition-duration, 300ms) var(--acl-fip-featured-image-transition-easing, ease);
}

.acl-fip-featured-image-ratio {
  aspect-ratio: var(--acl-fip-featured-image-ratio);
}

.acl-fip-featured-image-media {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 0;
  transform: var(--acl-fip-featured-image-transform, translate(0%, 0%) scale(1) rotate(0deg) scaleX(1) scaleY(1));
  transform-origin: var(--acl-fip-featured-image-transform-origin, 50% 50%);
  transition: transform var(--acl-fip-featured-image-transition-duration, 300ms) var(--acl-fip-featured-image-transition-easing, ease);
}

.acl-fip-featured-image-media > *,
.acl-fip-featured-image-media > .wp-block-post-featured-image,
.acl-fip-featured-image-media > .wp-block-post-featured-image > a,
.acl-fip-featured-image-media > a,
.acl-fip-featured-image-media .acl-fip-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.acl-fip-featured-image-ratio .acl-fip-featured-image-media > *,
.acl-fip-featured-image-ratio .acl-fip-featured-image-media > .wp-block-post-featured-image,
.acl-fip-featured-image-ratio .acl-fip-featured-image-media > .wp-block-post-featured-image > a,
.acl-fip-featured-image-ratio .acl-fip-featured-image-media > a,
.acl-fip-featured-image-ratio .acl-fip-featured-image-media .acl-fip-wrap {
  height: 100%;
}

.acl-fip-featured-image-frame img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: var(--acl-fip-featured-image-fit, cover);
  object-position: var(--acl-fip-featured-image-object-position, 50% 50%);
  filter: var(--acl-fip-featured-image-filter, brightness(100%) contrast(100%) saturate(100%) grayscale(0%) sepia(0%) blur(0px) hue-rotate(0deg));
  transition: filter var(--acl-fip-featured-image-transition-duration, 300ms) var(--acl-fip-featured-image-transition-easing, ease);
}

.acl-fip-featured-image-ratio img,
.acl-fip-featured-image-crop img {
  height: 100%;
}

.acl-fip-featured-image-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--acl-fip-featured-image-overlay-color, #000000);
  opacity: var(--acl-fip-featured-image-overlay-opacity, 0);
  mix-blend-mode: var(--acl-fip-featured-image-overlay-blend-mode, normal);
  pointer-events: none;
  border-radius: inherit;
  transition: opacity var(--acl-fip-featured-image-transition-duration, 300ms) var(--acl-fip-featured-image-transition-easing, ease);
}

.acl-fip-placement-default,
.acl-fip-placement-left,
.acl-fip-placement-center,
.acl-fip-placement-right,
.acl-fip-placement-full,
.acl-fip-placement-wide {
  display: block;
}

.acl-fip-placement-left {
  margin-left: 0;
  margin-right: auto;
}

.acl-fip-placement-center,
.acl-fip-placement-wide {
  margin-left: auto;
  margin-right: auto;
}

.acl-fip-placement-right {
  margin-left: auto;
  margin-right: 0;
}

.acl-fip-placement-full {
  width: 100%;
  max-width: none;
}

.acl-fip-featured-image-has-hover:hover {
  transform: translateY(calc(var(--acl-fip-featured-image-hover-lift, 0px) * -1));
}

.acl-fip-featured-image-has-hover:hover .acl-fip-featured-image-media {
  transform: var(--acl-fip-featured-image-transform, translate(0%, 0%) scale(1) rotate(0deg) scaleX(1) scaleY(1)) scale(var(--acl-fip-featured-image-hover-scale, 1));
}

.acl-fip-featured-image-has-hover:hover img {
  filter: var(--acl-fip-featured-image-hover-filter, var(--acl-fip-featured-image-filter, none));
}

.acl-fip-featured-image-has-hover:hover .acl-fip-featured-image-overlay {
  opacity: var(--acl-fip-featured-image-overlay-hover-opacity, var(--acl-fip-featured-image-overlay-opacity, 0));
}

@media (max-width: 782px) {
  .acl-fip-featured-image-responsive {
    width: var(--acl-fip-featured-image-width-tablet, var(--acl-fip-featured-image-width, 100%));
  }

  .acl-fip-tablet-placement-left {
    margin-left: 0;
    margin-right: auto;
  }

  .acl-fip-tablet-placement-center,
  .acl-fip-tablet-placement-wide {
    margin-left: auto;
    margin-right: auto;
  }

  .acl-fip-tablet-placement-right {
    margin-left: auto;
    margin-right: 0;
  }

  .acl-fip-tablet-placement-full {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 480px) {
  .acl-fip-featured-image-responsive {
    width: var(--acl-fip-featured-image-width-mobile, var(--acl-fip-featured-image-width-tablet, var(--acl-fip-featured-image-width, 100%)));
  }

  .acl-fip-mobile-placement-left {
    margin-left: 0;
    margin-right: auto;
  }

  .acl-fip-mobile-placement-center,
  .acl-fip-mobile-placement-wide {
    margin-left: auto;
    margin-right: auto;
  }

  .acl-fip-mobile-placement-right {
    margin-left: auto;
    margin-right: 0;
  }

  .acl-fip-mobile-placement-full {
    width: 100%;
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .acl-fip-featured-image-frame,
  .acl-fip-featured-image-media,
  .acl-fip-featured-image-frame img,
  .acl-fip-featured-image-overlay {
    transition-duration: 0ms !important;
  }

  .acl-fip-featured-image-has-hover:hover {
    transform: none;
  }

  .acl-fip-featured-image-has-hover:hover .acl-fip-featured-image-media {
    transform: var(--acl-fip-featured-image-transform, translate(0%, 0%) scale(1) rotate(0deg) scaleX(1) scaleY(1));
  }
}