/* Hero sizing only. Existing content, images and CMS bindings are retained.
   Linked only by the homepage and five approved pages. */
@media (min-width: 1101px) {
  main > .home-door-retail-hero,
  main > .solutions-hero,
  main > .factory-hero,
  main > .page-hero,
  main > .fire-store-banner {
    box-sizing: border-box;
    min-height: 580px !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center !important;
  }
  main > .home-door-retail-hero > .container,
  main > .solutions-hero > .container,
  main > .factory-hero > .container {
    box-sizing: border-box;
    min-height: 580px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  main > .solutions-hero > .container,
  main > .factory-hero > .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  main > .page-hero > .container {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  main > .fire-store-banner > .container {
    width: 100%;
    max-width: none;
    padding: 0;
  }
  main > .fire-store-banner .fire-store-banner-visual {
    height: 580px;
    border-radius: 0;
  }
  main > .fire-store-banner img {
    height: 580px !important;
    object-fit: contain;
  }
}

/* Remaining public hero templates. Product configurators keep their layout. */
.help-hero{background:var(--hw-hero-fade),#10233f!important}
.trade-hero-overlay{background:var(--hw-hero-fade)!important}
.measure-page-hero h1{color:#fff!important}
.measure-page-hero p,.measure-page-hero .breadcrumb,.measure-page-hero .breadcrumb a{color:#cbd3dc!important}
@media(min-width:1101px){
 main > .help-hero,main > .trade-hero{box-sizing:border-box;min-height:580px!important;height:auto!important;display:flex;align-items:center!important;padding-top:32px!important;padding-bottom:32px!important}
 main > .page-hero > .container{width:min(var(--max),calc(100% - 40px))}
}

/* Keep the same focal point while resizing instead of jumping at breakpoints. */
main > .home-door-retail-hero > img{object-position:56% 48%!important}
main > .solutions-hero > img{object-position:62% center!important}
main > .factory-hero > img{object-position:60% center!important}
main > .trade-hero > img{object-position:center 52%!important}