/* Full-size banner links stay above their media and below actual controls. */
html body[data-template] #main [data-hero-slide]>.elite-hero__media-link{
  position:absolute!important;inset:0!important;display:block!important;
  z-index:3!important;pointer-events:auto!important;cursor:pointer;
}
html body[data-template] #main [data-hero-slide]>.elite-hero__content{
  z-index:4!important;pointer-events:none!important;
}
html body[data-template] #main [data-hero-slide]>.elite-hero__content>a{pointer-events:auto!important}
html body[data-template] #main [data-hero-slide]>.elite-hero__video-controls{z-index:6!important}
html body[data-template] #main .elite-promo>.elite-promo__link{
  position:absolute!important;inset:0!important;z-index:4!important;
  display:block!important;pointer-events:auto!important;cursor:pointer;
}
html body[data-template] #main .elite-promo>:is(img,picture,.elite-smart-wide-picture,.elite-smart-wide-backdrop,.elite-promo__shade,.elite-promo__copy){pointer-events:none!important}
html body[data-template] #main :is(.elite-hero__media-link,.elite-promo__link):focus-visible{outline:2px solid currentColor;outline-offset:-4px}
html body[data-template] #main [data-promo-rail].is-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none}
/* Images need intrinsic height when the split section is not fullscreen.
   Its absolutely positioned media otherwise leaves a zero-height desktop link. */
@media(min-width:769px){
  html body[data-template] #main section.elite-split-banner:not(.elite-split-banner--fullscreen):not(.elite-split-banner--oblique) .elite-split-banner__inner,
  html body[data-template] #main section.elite-split-banner:not(.elite-split-banner--fullscreen):not(.elite-split-banner--oblique) .elite-split-banner__item,
  html body[data-template] #main section.elite-split-banner:not(.elite-split-banner--fullscreen):not(.elite-split-banner--oblique) .elite-split-banner__item>a,
  html body[data-template] #main section.elite-split-banner:not(.elite-split-banner--fullscreen):not(.elite-split-banner--oblique) .elite-smart-wide-picture{height:auto!important}
  html body[data-template] #main section.elite-split-banner:not(.elite-split-banner--fullscreen):not(.elite-split-banner--oblique) .elite-split-banner__item img{
    position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;
  }
}