/* ==========================================================================
   SACReD Landing Pages — /neighbors/ & /calling/
   ========================================================================== */

:root {
  --sacred-pink:    #F1A0E5;
  --sacred-purple:  #9362F4;
  --sacred-cream:   #FFF9F2;
  --sacred-warm-bg: #FEF3EB;
  --sacred-white:   #ffffff;
  --sacred-divider: #e8ddd2;
}


:is(body.page-id-4251, body.page-id-4277) h1.page-title {
  display: none;
}

/* --- Callout Block --- */

.callout-block {
  background:    var(--sacred-cream);
  border-left:   4px solid var(--sacred-pink);
  padding:       28px 32px;
  margin:        32px 0;
  border-radius: 0 6px 6px 0;
}

.callout-block p {
  font-size:   1.18rem;
  line-height: 1.55;
  color:       var(--sacred-purple);
  font-weight: 400;
  margin:      0;
}

.callout-block p + p {
  margin-top: 14px;
}


/* --- Invitation Block --- */

.invitation-block {
  background:    var(--sacred-warm-bg);
  border:        1px solid rgba(240, 90, 38, 0.12);
  border-radius: 10px;
  padding:       36px;
  margin:        36px 0;
  text-align:    center;
}

.invitation-block strong {
  color: var(--sacred-purple);
}


/* --- Program Cards --- */

.program-card {
  background:    var(--sacred-white);
  border:        1px solid var(--sacred-divider);
  border-radius: 10px;
  padding:       24px 28px;
  margin-bottom: 20px;
  transition:    box-shadow 0.25s, border-color 0.25s;
}

.program-card:hover {
  box-shadow:   0 4px 20px rgba(241, 160, 229, 0.1);
  border-color: rgba(241, 160, 229, 0.25);
}


/* --- Sign-Up Form (Constant Contact) --- */

.sacred-signup-section {
  background:    #f5f0fc !important;
  border:        1px solid rgba(147, 98, 244, 0.12) !important;
  border-radius: 10px !important;
  padding:       40px 36px !important;
  text-align:    center !important;
}

.sacred-signup-section h2,
.sacred-signup-section .wp-block-heading {
  color: var(--sacred-purple) !important;
}

.sacred-signup-section p {
  color: #7a6f88 !important;
}

.sacred-signup-section .ctct-form-wrapper,
.sacred-signup-section .ctct-form-container,
.sacred-signup-section .ctct-form-defaults,
.sacred-signup-section form.ctct-form-custom {
  background:       transparent !important;
  background-color: transparent !important;
}

:is(body.page-id-4251, body.page-id-4277) .ct-container-full {
  padding-top: 15px;
}

.wp-block-stackable-image.sacred-banner {  
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}