/* Lubrano homepage hero replacement. Scoped to the optimized test page row. */
.custom-home-hero-row,
.custom-home-hero-row .full_section_inner,
.custom-home-hero-row .wpb_column,
.custom-home-hero-row .vc_column-inner,
.custom-home-hero-row .wpb_wrapper,
.custom-home-hero-row .wpb_raw_code,
.custom-home-hero-row .wpb_raw_html {
  margin: 0 !important;
  padding: 0 !important;
}
.custom-home-hero-row .vc_column-inner > .wpb_wrapper { width: 100%; }

.custom-home-hero-row .lc-home-hero {
  position: relative;
  isolation: isolate;
  width: 100vw;
  max-width: none;
  left: 50%;
  transform: translateX(-50%);
  height: min(45.833333vw, 880px);
  min-height: 380px;
  overflow: hidden;
  background: #30452b;
}

.custom-home-hero-row .lc-home-hero__image {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.custom-home-hero-row .lc-home-hero__content {
  position: absolute;
  z-index: 1;
  top: 26%;
  left: max(5%, calc((100% - 930px) / 2));
  max-width: min(42%, 410px);
  color: white;
  opacity: var(--lc-hero-opacity, 1);
  transform: translate3d(0, var(--lc-hero-shift, 0px), 0);
  will-change: opacity, transform;
}
.custom-home-hero-row .lc-home-hero__headline {
  display: inline;
  color: #fff;
  font: 700 clamp(23px, 2.55vw, 39px)/1.2 Arial, Helvetica, sans-serif;
  background: rgba(0, 0, 0, .33);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 3px 8px;
}
.custom-home-hero-row .lc-home-hero__action {
  display: block;
  width: fit-content;
  margin-top: 48px;
  padding: 12px 22px;
  color: #171717 !important;
  background: #ffa500;
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-decoration: none !important;
  border-radius: 3px;
}
.custom-home-hero-row .lc-home-hero__action:hover,
.custom-home-hero-row .lc-home-hero__action:focus-visible { background: #ffb52a; }
@media (max-width: 767px) {
  .custom-home-hero-row .lc-home-hero { height: 590px; min-height: 0; }
  .custom-home-hero-row .lc-home-hero__image { object-position: 60% center; }
  .custom-home-hero-row .lc-home-hero__content {
    left: 7%; top: 28%; max-width: 54%;
  }
  .custom-home-hero-row .lc-home-hero__headline {
    font-size: clamp(19px, 5vw, 30px); line-height: 1.24;
  }
  .custom-home-hero-row .lc-home-hero__action { margin-top: 25px; padding: 11px 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .custom-home-hero-row .lc-home-hero__content { opacity: 1; transform: none; will-change: auto; }
}
