body{
font-family: Arial, sans-serif;
margin:0;
background:#f7f7f7;
color:#333;
}


/* HEADER */

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.logo img{
height:60px;
}

.nav a{
margin-left:25px;
text-decoration:none;
color:#333;
font-weight:500;
}



/* HERO */

.hero{
height:70vh;
background-image:url("images/hero.jpg");
background-size:cover;
background-position:center;
display:flex;
align-items:center;
justify-content:center;
}

.hero-overlay{
background:rgba(255,255,255,0.85);
padding:50px;
border-radius:10px;
text-align:center;
}

.hero h1{
font-size:42px;
margin-bottom:10px;
}

.hero p{
font-size:18px;
}



/* BUTTON */

.cta-button{
display:inline-block;
margin-top:20px;
padding:12px 28px;
background:#ff7a00;
color:white;
text-decoration:none;
border-radius:6px;
font-weight:bold;
}



/* SECTIONS */

.section{
padding:80px 40px;
max-width:1100px;
margin:auto;
}

.section.light{
background:white;
}



/* LIST */

ul{
padding-left:20px;
line-height:1.8;
}



/* GALLERY SCROLL */

.gallery-scroll{

display:flex;
overflow-x:auto;
gap:20px;

padding:20px 0;

scroll-snap-type:x mandatory;

}

.gallery-scroll img{

height:220px;
border-radius:8px;
flex-shrink:0;

scroll-snap-align:center;

box-shadow:0 4px 10px rgba(0,0,0,0.15);

}



/* FOOTER */

.footer{
background:#222;
color:white;
text-align:center;
padding:30px;
margin-top:40px;
}
#charity-text {
    white-space: pre-line;
    line-height: 1.7;
}

.lightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 30px;
  z-index: 9999;
}
.lightbox.open{ display:flex; }
.lightbox-img{
  max-width: 95vw;
  max-height: 90vh;
  border-radius: 10px;
}
.lightbox-close{
  position:absolute;
  top:18px;
  right:24px;
  font-size:42px;
  color:#fff;
  cursor:pointer;
  user-select:none;
}
.footer-facebook{

display:inline-block;

margin-top:10px;
padding:8px 16px;

background:#1877f2; /* Facebook blue */

color:white;
text-decoration:none;

border-radius:5px;

font-weight:500;

}

.footer-facebook{

display:inline-block;
margin-top:10px;
padding:8px 16px;

background:#1877f2; /* Facebook blue */

color:white;
text-decoration:none;

border-radius:5px;

font-weight:500;

}

/* force all link states to stay styled */
.footer-facebook:link,
.footer-facebook:visited{
color:white;
text-decoration:none;
}

.footer-facebook:hover{
background:#1666d1;
color:white;
}