/*
Theme Name: Hello Elementor Child
Theme URI: https://hollowayfamilyhomes.com/
Description: Child theme for Hello Elementor. Hosts Holloway Family Homes custom code (homepage schema, future site-wide snippets) so we do not need to spin up a new plugin for every small addition. Managed by Home Builder Marketers.
Author: Home Builder Marketers
Template: hello-elementor
Version: 1.1.0
Text Domain: hello-elementor-child
*/

/* Homepage hero on mobile:
   - Dark gradient overlay on the top ~200px of the hero so the sky area behind
     the transparent header is dimmed and doesn't read as a visible strip.
   - Anchor the headline to just below the header instead of flex-centering
     inside a full-viewport-tall box.
   - Extend the background video full-width (Elementor inset it by the hero's
     20px horizontal padding). */
/* Header logo/menu bar: shift up 9px more so it sits tight against the top bar,
   closing the small visual gap the client flagged. Was --margin-bottom: -100px
   set by the Elementor kit; forcing -109px. */
.elementor-1286 .elementor-element.elementor-element-cefcbf5 {
  --margin-bottom: -109px !important;
}

@media (max-width: 767px) {
  .elementor-element-hero_sec {
    min-height: 560px !important;
  }
  .elementor-element-hero_sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    z-index: 1;
  }
  .elementor-element-hero_sec > .e-con-inner {
    justify-content: flex-start !important;
    padding-top: 120px !important;
    padding-bottom: 40px !important;
    position: relative;
    z-index: 2;
  }
  .elementor-element-hero_sec .elementor-background-video-container {
    left: -20px !important;
    right: -20px !important;
    width: calc(100% + 40px) !important;
  }
}