/* Overrides screen.css so excerpts display in highlight and featured modes on the homepage. */
.gh-header.is-highlight .gh-header-middle .gh-card .gh-card-excerpt {
    display: flex;
} 

.gh-featured-feed .gh-card-excerpt {
    display: flex;
}

/* Portal CTA order on mobile (Landing header) */
@media (max-width: 768px) {
    .gh-navigation-members {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  
    .gh-navigation-members a[data-portal="signup"] { order: 1; }
    .gh-navigation-members a[data-portal="signin"] { order: 2; margin-top: 12px; }
  }
  
  
/* Make Subscribe button full width on home, to match menue on mobile when theme is set to "Landing" in Design Settings */
/* Home hero: match mobile menu CTA behavior (conservative / less likely to break) */

@media (max-width: 768px) {
  .gh-navigation,
  .gh-navigation-actions,
  .gh-navigation-members {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .gh-navigation .gh-button {
    width: 100% !important;
    display: flex !important;
    align-self: stretch !important; /* extra insurance */
    font-size: 1.75rem;
    text-transform: none;
  }
}




/* Make Subscribe and Sign in buttons stay on the same line in desktop view when set to "Highlight" in Design Settings */

.gh-cta-actions{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

/* If either link is being forced to full-width/block, this fixes it */
.gh-cta-actions a{
  display: inline-flex;
}

/* Mobile: stack */
@media (max-width: 600px){
  .gh-cta-actions{
    flex-direction: column;
    gap: 10px; /* optional */
  }
}

@media (max-width: 600px){
  .gh-cta-actions .gh-button{ width: 100%; justify-content: center; }
}

@media (max-width: 600px){
  .gh-cta-inner.gh-inner .gh-cta-actions > a{
    flex: 0 0 100% !important;   /* each link becomes its own line */
  }

  /* optional: makes the button look nice when full-width */
  .gh-cta-inner.gh-inner .gh-cta-actions .gh-button{
    width: 100%;
    justify-content: center;
  }
}
/* Makes sure the CTA block is full width on mobile when set to "Landing" in Design Settings */
@media (max-width: 768px) {
  /* ONLY the CTA block, not the whole site */
  .gh-cta.gh-outer .gh-cta-inner.gh-inner {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  /* Force the Subscribe + Sign in row to stack on mobile */
  .gh-cta.gh-outer .gh-cta-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Make the button full-width (optional) */
  .gh-cta.gh-outer .gh-cta-actions .gh-button {
    width: 100% !important;
    justify-content: center;
  }
}