/*
 * Per-design stylesheet for the Classic (split-header) cover.
 *
 * Pure carve-out from Web/Content/assets/css/stylesv2-custom.css (lines
 * 112-186 at the time of extraction). Byte-identical: same selectors,
 * same property values, same media-query breakpoints. The originals
 * are intentionally NOT removed from stylesv2-custom.css yet — they
 * stay as fallback until VRT proves zero pixel diff against the
 * pre-change Classic baseline. Once verified, a follow-up commit
 * (NOT this task) deletes the originals from stylesv2-custom.css.
 *
 * Loaded from Web/Views/Registry/Gifts2.cshtml inside the Classic case
 * branch, BEFORE the Registry.CustomCSS <style> block, so per-registry
 * CustomCSS still wins on the cascade.
 */
header.split-header {
  background-size: cover;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top;
  color: white;
}
header.split-header hr {
  width: 40%;
}
header.split-header .row {
  background-color: #191919;
}
header.split-header .header-content-split {
  color: #c9c9c9;
  margin: 40px auto;
  max-width: 90%;
}
header.split-header .header-content-split h1,
header.split-header .header-content-split h2 {
  font-family: 'Gill Sans MT', sans-serif;
}
header.split-header .header-content-split img {
  width: 50%;
}
header.split-header .header-content-split img:last-child {
  width: 30%;
}
header.split-header .header-content-split p {
  width: 50%;
  margin: auto;
  padding-bottom: 15px;
}
#cover-image {
  background-position: center center;
  background-size: cover;
  height: 400px;
}

@media (min-width: 992px) {
  header.split-header {
    min-height: 600px;
    height: 100%;
  }
  header.split-header hr {
    width: 90%;
  }
  header.split-header .row {
    height: 100%;
  }
  header.split-header .header-content-split {
    margin: auto;
    max-width: 50%;
    padding-left: 15px;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
  header.split-header .header-content-split img {
  width: 100%;
  }
  header.split-header .header-content-split img:last-child {
  width: 60%;
  }
  #cover-image {
    height: 100%;
  }
  #cover-text {
    height: 100%;
  }
}