/* NAHPA static rebuild of the Feb 5, 2025 homepage. Hand-written; measurements from the archived layout. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f2f2f2;color:#757575;font-family:Helvetica,Verdana,Arial,sans-serif;font-size:14px;line-height:1.45;overflow-wrap:break-word}
main{background:#fff;display:block}
img{max-width:100%;height:auto;border:0}
h1,h2,h3{font-weight:400;line-height:1.4;margin:0}
p{margin:0 0 10px}
a{color:#2b7bb9}
a:focus-visible{outline:3px solid #eca910;outline-offset:2px}
.skip-link{position:absolute;left:-10000px;top:0;z-index:10;background:#fff;color:#102a43;padding:10px 14px}
.skip-link:focus{left:10px;top:10px}

/* Hero */
.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:5%;
  background:#102a43 url(../images/hero-forest-at-york-1920.jpg) center center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:rgba(16,42,67,.63)}
.hero-inner{position:relative;width:100%;max-width:768px;margin:0 auto;padding:20px;text-align:center}
.hero-logo{display:block;width:830px;margin:0 auto}
.hero h1{color:#fff;font-size:40px;text-align:center;margin-top:20px}

/* About */
.about{display:flex;align-items:flex-start;margin-top:10px;padding:5%}
.about-text,.about-image{width:50%;padding:0 20px}
.about-image{text-align:center}
.about-image img{display:inline-block}
.about-title{color:#4c7095;font-size:63px;text-align:center;line-height:1.45;margin-bottom:10px}
.about-text p{color:#4c7095;font-size:25px}

/* Making a difference */
.difference{background:#4c7095;width:100%;margin:0;padding:0 0 10px}
.difference-inner{max-width:1400px;margin:0 auto}
.difference-title{color:#fff;font-size:40px;text-align:center;line-height:1.45;padding:83px 20px 0}
.cards{display:flex}
.card{width:33.333%;padding:20px 6px}
.card img{display:block;width:350px;margin:0 auto 20px}
.card h3{color:#fff;font-size:28px;font-weight:700;text-align:center;line-height:1.45;margin-bottom:20px}
.card p{color:#fff;font-size:20px}
.card-quote p{margin-left:20px}

/* Properties */
.properties{padding:20px 5% 4%}
.properties-intro{max-width:1100px;margin:0 auto;padding:20px}
.properties-title{color:#4c7095;font-size:50px;text-align:center;line-height:1.45;margin-bottom:10px}
.properties-intro p{color:#4c7095;font-size:21px}
.property-grid{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:flex;flex-wrap:wrap}
.property-grid li{width:25%;padding:20px;text-align:center}
.property-grid a{display:block;text-decoration:none}
.property-grid img{display:block;width:236px;max-width:100%;aspect-ratio:1/1;object-fit:cover;margin:0 auto;border:8px solid #eca910;border-radius:50%}
.property-grid h3{color:#4c7095;font-size:18px;margin:30px 0 5px}
.property-grid a:hover h3,.property-grid a:focus h3{text-decoration:underline}
.property-grid p{color:#4c7095;margin:0 0 15px}

/* Donate */
.donate{background:#4c7095;color:rgba(255,255,255,.9);min-height:60vh;padding:5%;display:flex;align-items:center}
.donate-inner{max-width:1100px;width:100%;margin:0 auto}
.donate-title{font-size:32px;letter-spacing:.8px;text-align:center;line-height:1.45;color:inherit;padding:20px 20px 0;margin-bottom:10px}
.donate-title-2{display:inline-block;margin-top:10px}
.donate-text{font-size:24px;padding:20px 20px 0}
.donate-button-wrap{text-align:center;padding:20px;margin:0 auto}
.donate-button{display:inline-flex;align-items:center;gap:12px;background:#eca910;color:#102a43;font-size:35px;font-weight:700;line-height:1.2;
  padding:25px 40px;border-radius:3px;text-decoration:none;box-shadow:5px 5px 20px 0 rgba(0,0,0,.2)}
.donate-button:hover,.donate-button:focus{background:#4c8c67;color:#fff}
.donate-button:hover .donate-icon text,.donate-button:focus .donate-icon text{fill:#4c8c67}
.donate-icon{flex:none}
.donate-address{font-size:24px;text-align:center;padding:20px 20px 0}
.donate-address a{color:inherit}
.donate-logo{width:33.333%;margin:20px auto 0;background:#fff;padding:12px 0}
.donate-logo img{display:block;width:100%}

/* Footer */
.site-footer{background:#fff;border-top:1px solid #e6e6e6;color:#000;font-size:12px;text-align:center;padding:20px 15px 10px}

/* 404 */
.notfound{max-width:700px;margin:0 auto;padding:60px 20px;text-align:center;color:#4c7095;font-size:20px}
.notfound img{width:320px}
.notfound h1{font-size:40px;margin:20px 0}
.notfound a{color:#4c7095}

@media (max-width:1024px){
  .hero{background-image:url(../images/hero-forest-at-york-1024.jpg)}
}
@media (max-width:992px){
  .donate{min-height:50vh}
  .donate-button-wrap{width:70%}
}
@media (max-width:768px){
  .about,.cards{flex-direction:column}
  .about-text,.about-image,.card{width:100%}
  .difference{margin:20px 0}
  .difference-title{padding-top:20px}
  .card-quote p{margin-left:0}
  .properties{padding:2% 5%}
  .property-grid li{width:100%}
  .donate-button-wrap{width:100%}
  .donate-logo{width:100%;max-width:400px}
}
@media (max-width:480px){
  .donate-button{font-size:28px;padding:20px 28px}
}