/* ============================================================
   Rosies — Homepage-only layout
   File:  /wp-content/themes/rosies/assets/css/homepage.css
   Loads: only on the front page (is_front_page())
   Depends on:  colors.css, fonts.css, typography.css

   All shared brand primitives (.rtk-h2, .rtk-h2-yellow,
   .rtk-h2-centered, .rtk-h3, .rtk-body, .rtk-body-emphasis,
   .rtk-learnmore, .rtk-btn-orange, .rtk-mint-band, .rtk-*-grid,
   .rtk-circle-photo, .rtk-program-card, .rtk-video-thumb,
   .rtk-testimonial-*) live in typography.css and work on any page.

   THIS file only carries:
     • Homepage hero photo + tagline sizing
     • Homepage decorator PNGs attached via ::before / ::after
       to shared classes (which are decoration choices, not
       typography — they belong on the homepage only)
     • The alumni-row curly-line background + circle layout
     • The gala sunburst frame around the .rtk-gala-photo-wrap
     • The ACTE II corner decorator

   Scope: `.rtk-home` on <body> (injected by body_class filter)
   ============================================================ */


/* ------------------------------------------------------------
   HERO — cyan tagline + full-width group photo
   ------------------------------------------------------------ */
.rtk-home .wpb_text_column img.rtk-hero-tagline,
.rtk-home img.rtk-hero-tagline {
  display: block;
  max-width: 620px !important;
  width: 60% !important;
  height: auto;
  margin: 0 auto 32px !important;
}
.rtk-home .rtk-hero-photo,
.rtk-home .rtk-hero-photo-wrap img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: cover;
  object-position: center bottom;
  margin: 0 auto;
}
.rtk-home .rtk-hero-photo-wrap {
  margin: 0 auto;
  max-width: 1600px;
}
@media (max-width: 768px) {
  .rtk-home .wpb_text_column img.rtk-hero-tagline,
  .rtk-home img.rtk-hero-tagline { width: 80% !important; margin-bottom: 20px !important; }
}
/* Center the <p> that wpautop wraps around the tagline <img> */
.rtk-home .wpb_text_column p:has(> img.rtk-hero-tagline) {
  text-align: center;
  margin: 0;
}


/* ------------------------------------------------------------
   ROW-LEVEL DECORATORS → moved to decorators.css (site-wide).

   Row 2 (Motivating), Programs, Act II, etc. now use the
   .rtk-decorator-* system: editor sets bg_image in Bakery, class
   provides responsive size preset. See assets/css/decorators.css.
   ------------------------------------------------------------ */


/* ------------------------------------------------------------
   VIDEO FACADE (.rtk-video-thumb) → moved to decorators.css
   ------------------------------------------------------------
   Was scoped to .rtk-home; now a site-wide brand primitive.
   See assets/css/decorators.css.
   ------------------------------------------------------------ */


/* ------------------------------------------------------------
   TESTIMONIAL ARROWS (.rtk-testimonial-header) → decorators.css
   ------------------------------------------------------------
   Was scoped to .rtk-home; now a site-wide brand primitive.
   See assets/css/decorators.css.
   ------------------------------------------------------------ */



/* ------------------------------------------------------------
   ALUMNI LINE — REMOVED in v24.
   The alumni row now uses site-wide primitives:
     - .rtk-decorator-curly-heart (on the row's el_class)
     - .rtk-photo-circle          (on each image's el_class)
   Both live in decorators.css. Nothing homepage-specific needed.
   ------------------------------------------------------------ */


/* NOTE: .rtk-gala-photo-wrap moved to decorators.css as a site-wide
   primitive (v28). No longer scoped to .rtk-home — works on any page
   that uses [image_with_animation el_class="rtk-gala-photo-wrap"].
   Legacy homepage-scoped block removed. */


/* NOTE: .rtk-acteii-decorator removed in v30. The Core Programs row now
   uses site-wide corner primitives instead:
     [vc_column_inner el_class="rtk-decorator-programs-corner" ...] (PS Broadway)
     [vc_column_inner el_class="rtk-decorator-acteii-corner" ...]   (Acte II)
   Both live in decorators.css and work on any page. */