/**
 * Standard Hero CSS
 * Used for most pages that aren't the homepage, news, or taxonomy pages
 * 
 * NOTE: This file depends on hero.css for base hero styling.
 * Only overrides and standard-hero specific styling should be here.
 */

/* Standard Hero specific overrides */

/* Standard hero video styles */
section.hero.has-video {
  /* Moderate hero height for video */
  min-height: 80rem;
  
  /* Adjust wrapper for better video visibility */
  .hero-wrapper.has-image {
    min-height: 80rem;
    @media (max-width: 992px) {
      min-height: 50rem;
    }
  }
  
  @media (max-width: 992px) {
    min-height: 50rem;
  }
  
  /* Ensure content appears above video */
  .hero-content {
    position: relative;
    z-index: 2;
  }
  
  /* Special handling for video container */
  .hero-video-background {
    z-index: 1;
  }
}