/*
Theme Name: Bret Harte PTA
Author: Bret Harte PTA
Description: Custom theme for Bret Harte Elementary PTA
Version: 11.0
*/

body{font-family:Arial,sans-serif;margin:0;background:#f7f9fc;color:#222;}
header{background:#1e4fa3;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px;flex-wrap:wrap;}
.site-title{font-size:22px;font-weight:bold;}
nav ul{list-style:none;display:flex;gap:20px;margin:0;padding:0;}
nav a{color:white;text-decoration:none;font-weight:bold;}
.donate-button{background:#f2b705;color:black;padding:10px 16px;border-radius:6px;font-weight:bold;text-decoration:none;cursor:pointer;}
.hero{position:relative;height:420px;overflow:hidden;}
.hero-slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;display:none;}
.hero-slide.active{display:block;}
.hero-text{position:absolute;bottom:40px;left:40px;color:white;background:rgba(0,0,0,0.45);padding:20px;border-radius:6px;max-width:420px;}
.section{max-width:1100px;margin:auto;padding:60px 20px;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;}
.card{background:white;padding:24px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);border-top:6px solid #f2b705;}
footer{background:#1e4fa3;color:white;padding:30px;text-align:center;margin-top:40px;}

/* Donation Modal */

.donate-modal{
display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
}

.donate-modal-content{
background:white;
margin:10% auto;
padding:30px;
width:420px;
max-width:90%;
border-radius:10px;
text-align:center;
position:relative;
}

.donate-close{
position:absolute;
top:10px;
right:16px;
font-size:26px;
cursor:pointer;
font-weight:bold;
}