/* Loaded last – desktop hero layout (beats legacy all-css + ppc-theme) */

@media screen and (min-width: 1025px) {
  /* Decorative triangles break when .row is absolutely positioned */
  #wrapper .jumbotron.jumbo-img.banner-hero #banner-top-triangle,
  #wrapper .jumbotron.jumbo-img.banner-hero #banner-bottom-triangle {
    display: none !important;
  }

  /* Beat legacy .banner-hero .row { position:relative; padding-top:80px } */
  #wrapper .jumbotron.jumbo-img.banner-hero > .row {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    max-width: 1170px !important;
    margin: 0 !important;
    padding: 0 15px 32px !important;
    background: none !important;
    min-height: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero > .row > .container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Remove bootstrap spacer / empty columns */
  #wrapper .jumbotron.jumbo-img.banner-hero > .row > .container > [class*="col-"]:not(.hero-col-txt) {
    display: none !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero .hero-col-txt,
  #wrapper .jumbotron.jumbo-img.banner-hero .row .hero-col-txt,
  #wrapper .jumbotron.jumbo-img.banner-hero.half-height .hero-col-txt,
  #wrapper .jumbotron.jumbo-img.banner-hero.default-height .hero-col-txt,
  #wrapper .half-height .hero-col-txt,
  #wrapper .default-height .hero-col-txt {
    min-height: 0 !important;
    height: auto !important;
    float: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-centered .hero-col-txt {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-centered .hero-col-txt h1,
  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-centered .hero-col-txt h2,
  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-centered .text-noshadow h1,
  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-centered .text-noshadow h2,
  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-centered .hero-col-txt p,
  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-centered .text-noshadow p {
    text-align: center !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-txt-left .hero-col-txt,
  #wrapper .jumbotron.jumbo-img.banner-hero.col-txt-float .hero-col-txt,
  #wrapper .jumbotron.jumbo-img.banner-hero.col-bg-darkblue .hero-col-txt {
    width: 50% !important;
    max-width: 560px !important;
    text-align: left !important;
  }

  #wrapper .col-bg-darkblue.banner-hero .hero-col-txt,
  #wrapper .col-bg-white.banner-hero .hero-col-txt {
    background: transparent !important;
  }

  /* Kill legacy min-heights on row/jumbotron (not hero-col-txt height:auto above) */
  #wrapper .jumbotron.jumbo-img.banner-hero > .row.half-height,
  #wrapper .jumbotron.jumbo-img.banner-hero > .row.default-height {
    min-height: 0 !important;
    height: auto !important;
  }

  /* PPC theme forced all .no-height-xs to 260px – restore correct desktop heights */
  #wrapper .jumbotron.jumbo-img.banner-hero.no-height-xs.half-height,
  #wrapper .jumbotron.jumbo-img.banner-hero.no-height-xs:not(.default-height) {
    height: 300px !important;
    min-height: 300px !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero.no-height-xs.default-height {
    height: 380px !important;
    min-height: 380px !important;
  }
}

@media screen and (max-width: 1024px) {
  #wrapper .jumbotron.jumbo-img.banner-hero .hidden-xs {
    display: none !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero #banner-top-triangle,
  #wrapper .jumbotron.jumbo-img.banner-hero #banner-bottom-triangle {
    display: none !important;
  }

  #wrapper .jumbotron.jumbo-img.banner-hero .seo-nv {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}