/**
 * is-style-apply-band : Apply Now full-bleed section rhythm.
 *
 * Mirrors .apply-additional in sass/pages/apply-now/_sections.sass:
 *   padding: 144px 0;  // 80px 0 below 1024px
 */

.wp-block-group.is-style-apply-band {
  padding-top: 144px;
  padding-bottom: 144px;
}

/* Any alignfull group inside .entry-content escapes the content
   width cap so its background spans viewport-edge to viewport-edge.
   The apply-band variant above just adds extra padding; this rule
   gives every full-bleed group the escape. Editor-canvas excluded —
   Gutenberg handles alignfull there; mixing in the viewport calc
   shoves blocks off-axis. */
.entry-content .wp-block-group.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

@media (max-width: 1023px) {
  .wp-block-group.is-style-apply-band {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/**
 * is-style-apply-begin-bg : Begin Your Application section.
 * Textured photo background with a tan-tinted gradient overlay,
 * 144/80 padding rhythm, full-bleed escape, 842px inner cap on a
 * direct wp:columns child so cards line up to the design.
 */
.wp-block-group.is-style-apply-begin-bg {
  position: relative;
  padding: 144px 0 80px;
  background: #EFE9D9 url('../img/apply/begin-application.jpg') center / cover no-repeat;
  overflow: hidden;
}

/* Viewport-edge escape only on the front end — Gutenberg already
   handles alignfull width in the editor canvas. */
.entry-content .wp-block-group.is-style-apply-begin-bg {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.wp-block-group.is-style-apply-begin-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #FBFAF7, rgba(224, 211, 180, 0.67));
  opacity: 0.25;
  z-index: 0;
  pointer-events: none;
}

.wp-block-group.is-style-apply-begin-bg > * {
  position: relative;
  z-index: 1;
}

.wp-block-group.is-style-apply-begin-bg > .wp-block-heading {
  text-align: center;
  margin-bottom: 56px;
  color: #1E1E1E;
}

.wp-block-group.is-style-apply-begin-bg > .wp-block-columns {
  max-width: 842px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1023px) {
  .wp-block-group.is-style-apply-begin-bg {
    padding: 80px 24px;
  }
}