/* Scoped to the exact SP Page Builder section selected by the plugin. */
.sppb-section.ecu-footer-enhanced {
  --ecu-bottom-gap: var(--ecu-bottom-space, 96px);
  position: relative;
  isolation: isolate;
  background-color: var(--ecu-background, #110f11) !important;
  background-image: linear-gradient(180deg, var(--ecu-background, #110f11) 0%, var(--ecu-background, #110f11) 72%, var(--ecu-bottom, #000) 100%) !important;
  background-attachment: scroll !important;
  padding: var(--ecu-top-space, 64px) 0 var(--ecu-bottom-gap) !important;
  min-height: calc(var(--ecu-art-top, 0px) + var(--ecu-art-height, 0px) + var(--ecu-bottom-gap)) !important;
  height: auto !important;
}
.ecu-footer-enhanced > .sppb-row-container {
  position: relative;
  z-index: 2;
  text-shadow: 0 1px 5px #000, 0 2px 16px #000;
}
.ecu-footer-enhanced > .sppb-row-container::before {
  content: "";
  display: block;
  position: absolute;
  inset: -24px -16px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(17, 15, 17, .74), rgba(17, 15, 17, .65) 43%, transparent 60%);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 78%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 78%, transparent);
}
.ecu-footer-enhanced input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]),
.ecu-footer-enhanced textarea,
.ecu-footer-enhanced select {
  background-color: rgba(17, 15, 17, .82) !important;
  color: #f5f5f5 !important;
}
.ecu-footer-enhanced input::placeholder,
.ecu-footer-enhanced textarea::placeholder {
  color: #ddd !important;
  opacity: 1;
}
.ecu-footer-enhanced > .ecu-footer-art {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: var(--ecu-art-top, 0px);
  transform: translateX(-50%);
  display: block;
  width: 100%;
  max-width: var(--ecu-art-limit, 1680px);
  aspect-ratio: var(--ecu-art-aspect, 2 / 1);
  padding: 0;
  margin: 0;
  line-height: 0;
  pointer-events: none;
  user-select: none;
  /* The fade is applied at display time; the master file remains intact. */
  -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 82%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 82%, transparent);
  mask-composite: intersect;
}
.ecu-footer-art picture,
.ecu-footer-art img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
@media (max-width: 767px) {
  .sppb-section.ecu-footer-enhanced {
    --ecu-bottom-gap: min(var(--ecu-bottom-space, 96px), 80px);
    padding-top: min(var(--ecu-top-space, 64px), 40px) !important;
  }
  .ecu-footer-enhanced > .sppb-row-container::before {
    background: linear-gradient(to bottom, rgba(17, 15, 17, .5), transparent 70%);
  }
}