/* Cross Rails Ministries — polish pass (October 2026)
   Load this AFTER archive.css on every page:
   <link rel="stylesheet" href="assets/polish.css">
   Same colors, fonts, icons, labels and layout. Only fixes and small additions. */

/* 1. Homepage hero: a way to act on the first screen */
#crm-site .hero-actions{display:flex;justify-content:center;margin-top:40px}
#crm-site .hero-actions .button{background:var(--sage);border-color:var(--sage);color:var(--ink)}
#crm-site .hero-actions .button:hover{background:var(--white);border-color:var(--white)}

/* 2. Phones: crop the hero to the girl and the horse instead of the trees,
      and set the headline low so her face stays visible */
@media(max-width:700px){
  #crm-site .archive-hero{align-items:flex-end}
  #crm-site .archive-hero .archive-background{object-position:74% 40%}
  #crm-site .archive-hero-text{padding:230px 22px 46px}
  #crm-site .hero-actions{margin-top:30px}
}

/* 3. Easier reading: small labels and footer text one step larger */
#crm-site .button{font-size:13px}
#crm-site .giving-copy .eyebrow{font-size:14px}
#crm-site .existing-volunteer p{font-size:16px}
#crm-site .footer-top p,#crm-site .footer-top ul{font-size:15px}
#crm-site .footer-bottom{font-size:13px}
@media(max-width:700px){
  #crm-site .button{font-size:14px}
  #crm-site .footer-top p,#crm-site .footer-top ul{font-size:16px}
  #crm-site .footer-top li{margin:14px 0}
  #crm-site .footer-bottom{font-size:14px}
}

/* 4. Giving photo: an even sage frame instead of thin, uneven strips */
#crm-site .giving-photo{padding:clamp(20px,3vw,44px)}
@media(max-width:700px){#crm-site .giving-photo{padding:0 20px 20px}}

/* 5. Leave room at the very bottom so the Netlify badge doesn't sit on the Privacy link */
#crm-site .site-footer{padding-bottom:84px}