/*--------------------------------------------------------------
14.18 Image Layer V2
--------------------------------------------------------------*/
.stronghold-image-layer-wrapper-modern {
  position: relative;
  width: 100%;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-link:hover,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-link:focus,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-link:active {
  color: inherit;
  text-decoration: none;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer {
  position: relative;
  width: 100%;
  min-height: 600px;
  overflow: visible;
  isolation: isolate;
}

.stronghold-image-layer-wrapper-modern.stronghold-image-layer-overflow-hidden .stronghold-image-layer,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer.stronghold-image-layer-overflow-hidden {
  overflow: hidden;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-position {
  position: absolute;
  width: 100%;
  left: var(--stronghold-layer-x, 50%);
  top: var(--stronghold-layer-y, 50%);
  pointer-events: auto;
  transform: translate(-50%, -50%) rotate(var(--stronghold-layer-base-rotation, 0deg));
  transform-origin: center;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-top-left {
  transform: translate(0, 0) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-top-center {
  transform: translate(-50%, 0) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-top-right {
  transform: translate(-100%, 0) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-center-left {
  transform: translate(0, -50%) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-center-right {
  transform: translate(-100%, -50%) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-bottom-left {
  transform: translate(0, -100%) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-bottom-center {
  transform: translate(-50%, -100%) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-anchor-bottom-right {
  transform: translate(-100%, -100%) rotate(var(--stronghold-layer-base-rotation, 0deg));
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-motion {
  position: relative;
  display: block;
  width: var(--stronghold-layer-width, 30%);
  transform: translate3d(var(--stronghold-layer-motion-x, 0px), var(--stronghold-layer-motion-y, 0px), 0) rotate(var(--stronghold-layer-motion-rotate, 0deg)) scale(var(--stronghold-layer-motion-scale, 1));
  transform-origin: center;
  will-change: auto;
}

.stronghold-image-layer-wrapper-modern.stronghold-image-layer-motion-active .stronghold-image-layer-motion {
  will-change: transform;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation {
  display: block;
  animation-delay: var(--stronghold-layer-animation-delay, 0s);
  animation-duration: var(--stronghold-layer-animation-duration, 8s);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-media {
  position: relative;
  display: block;
  width: 100%;
  overflow: visible;
  box-sizing: border-box;
  border-radius: inherit;
  transition: transform 300ms ease, filter 300ms ease, box-shadow 300ms ease;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-media-clip {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}

.elementor-editor-active .stronghold-image-layer-wrapper-modern .stronghold-image-layer-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 120px;
  box-sizing: border-box;
  border: 1px dashed rgba(34, 55, 72, 0.35);
  background: #f3f6f8;
  color: #536270;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
  text-align: center;
  pointer-events: none;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-media-image {
  height: auto;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-media-icon {
  min-height: 1px;
  color: inherit;
  font-size: 50px;
  line-height: 1;
  text-align: center;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-item-type-icon .stronghold-image-layer-position,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-item-type-icon .stronghold-image-layer-media-icon {
  width: 100%;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-media-icon svg,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-media-icon i {
  display: inline-block;
  vertical-align: middle;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-media-icon svg {
  width: 1em;
  height: 1em;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-1-1 .stronghold-image-layer-media,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-4-3 .stronghold-image-layer-media,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-3-4 .stronghold-image-layer-media,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-16-9 .stronghold-image-layer-media,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-9-16 .stronghold-image-layer-media,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-custom .stronghold-image-layer-media {
  aspect-ratio: 1 / 1;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-4-3 .stronghold-image-layer-media {
  aspect-ratio: 4 / 3;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-3-4 .stronghold-image-layer-media {
  aspect-ratio: 3 / 4;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-16-9 .stronghold-image-layer-media {
  aspect-ratio: 16 / 9;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-9-16 .stronghold-image-layer-media {
  aspect-ratio: 9 / 16;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-custom .stronghold-image-layer-media {
  aspect-ratio: var(--stronghold-layer-aspect-width, 16) / var(--stronghold-layer-aspect-height, 9);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-1-1 .stronghold-image-layer-image,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-4-3 .stronghold-image-layer-image,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-3-4 .stronghold-image-layer-image,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-16-9 .stronghold-image-layer-image,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-9-16 .stronghold-image-layer-image,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-aspect-custom .stronghold-image-layer-image {
  height: 100%;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-lift:hover {
  transform: translateY(-8px);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-grow:hover {
  transform: scale(1.04);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-shrink:hover {
  transform: scale(0.97);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-rotate:hover {
  transform: rotate(2deg);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-brighten:hover {
  filter: brightness(1.08);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-dim:hover {
  filter: brightness(0.88);
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-grayscale:hover {
  filter: grayscale(1);
}

@keyframes stronghold-image-layer-float-y {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-20px); }
}

@keyframes stronghold-image-layer-float-x {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(20px); }
}

@keyframes stronghold-image-layer-rotate-forward {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes stronghold-image-layer-rotate-reverse {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

@keyframes stronghold-image-layer-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--float-y,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--float-x,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--rotate-forward,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--rotate-reverse,
.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--pulse {
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--float-y {
  animation-name: stronghold-image-layer-float-y;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--float-x {
  animation-name: stronghold-image-layer-float-x;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--rotate-forward {
  animation-name: stronghold-image-layer-rotate-forward;
  animation-timing-function: linear;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--rotate-reverse {
  animation-name: stronghold-image-layer-rotate-reverse;
  animation-timing-function: linear;
}

.stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation--pulse {
  animation-name: stronghold-image-layer-pulse;
}

.stronghold-image-layer-wrapper-modern.stronghold-image-layer-editor-static .stronghold-image-layer-animation,
.stronghold-image-layer-wrapper-modern.stronghold-image-layer-reduced-motion .stronghold-image-layer-animation {
  animation: none !important;
  transform: none !important;
}

.stronghold-image-layer-wrapper-modern.stronghold-image-layer-editor-static .stronghold-image-layer-media,
.stronghold-image-layer-wrapper-modern.stronghold-image-layer-reduced-motion .stronghold-image-layer-media {
  transition: none;
}

.stronghold-image-layer-wrapper-modern.stronghold-image-layer-reduced-motion .stronghold-image-layer-hover-lift:hover,
.stronghold-image-layer-wrapper-modern.stronghold-image-layer-reduced-motion .stronghold-image-layer-hover-grow:hover,
.stronghold-image-layer-wrapper-modern.stronghold-image-layer-reduced-motion .stronghold-image-layer-hover-shrink:hover,
.stronghold-image-layer-wrapper-modern.stronghold-image-layer-reduced-motion .stronghold-image-layer-hover-rotate:hover {
  transform: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-hide-tablet {
    display: none;
  }
}

@media (max-width: 767px) {
  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-hide-mobile {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-motion,
  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-media {
    transition: none;
  }

  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-animation {
    animation: none !important;
  }

  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-lift:hover,
  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-grow:hover,
  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-shrink:hover,
  .stronghold-image-layer-wrapper-modern .stronghold-image-layer-hover-rotate:hover {
    transform: none;
  }
}