.elementor-widget-molina-featured-image {
  width: 100%;
}

.molina-featured-image {
  width: 100%;
}

.molina-featured-image__empty {
  margin: 0;
  padding: 24px;
  color: #8a8a84;
  text-align: center;
}

.molina-featured-image__frame {
  --molina-featured-zig: 24px;
  --molina-wave-w: calc(2 * var(--molina-featured-zig));
  --molina-wave-h: var(--molina-featured-zig);
  position: relative;
  width: 100%;
  line-height: 0;
}

.molina-featured-image__img {
  display: block;
  width: 100%;
  height: auto;
}

/* Wavy top edge only */
.molina-featured-image__frame--zig-top:not(.molina-featured-image__frame--zig-bottom) {
  -webkit-mask:
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 20H40V10Q30 0 20 10T0 10Z' fill='%23000'/></svg>") top / var(--molina-wave-w) var(--molina-wave-h) repeat-x,
    linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--molina-wave-h)) no-repeat;
  mask:
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 20H40V10Q30 0 20 10T0 10Z' fill='%23000'/></svg>") top / var(--molina-wave-w) var(--molina-wave-h) repeat-x,
    linear-gradient(#000 0 0) bottom / 100% calc(100% - var(--molina-wave-h)) no-repeat;
}

/* Wavy bottom edge only */
.molina-featured-image__frame--zig-bottom:not(.molina-featured-image__frame--zig-top) {
  -webkit-mask:
    linear-gradient(#000 0 0) top / 100% calc(100% - var(--molina-wave-h)) no-repeat,
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 0H40V10Q30 20 20 10T0 10Z' fill='%23000'/></svg>") bottom / var(--molina-wave-w) var(--molina-wave-h) repeat-x;
  mask:
    linear-gradient(#000 0 0) top / 100% calc(100% - var(--molina-wave-h)) no-repeat,
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 0H40V10Q30 20 20 10T0 10Z' fill='%23000'/></svg>") bottom / var(--molina-wave-w) var(--molina-wave-h) repeat-x;
}

/* Wavy both edges */
.molina-featured-image__frame--zig-top.molina-featured-image__frame--zig-bottom {
  -webkit-mask:
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 20H40V10Q30 0 20 10T0 10Z' fill='%23000'/></svg>") top / var(--molina-wave-w) var(--molina-wave-h) repeat-x,
    linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--molina-wave-h)) no-repeat,
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 0H40V10Q30 20 20 10T0 10Z' fill='%23000'/></svg>") bottom / var(--molina-wave-w) var(--molina-wave-h) repeat-x;
  mask:
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 20H40V10Q30 0 20 10T0 10Z' fill='%23000'/></svg>") top / var(--molina-wave-w) var(--molina-wave-h) repeat-x,
    linear-gradient(#000 0 0) center / 100% calc(100% - 2 * var(--molina-wave-h)) no-repeat,
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20' preserveAspectRatio='none'><path d='M0 0H40V10Q30 20 20 10T0 10Z' fill='%23000'/></svg>") bottom / var(--molina-wave-w) var(--molina-wave-h) repeat-x;
}
