@import url(‘
https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap’);
/* Hide the theme’s duplicate page title and breadcrumbs only on this page. */
body:has(#yhah-projects-page) .entry-title,
body:has(#yhah-projects-page) .page-title,
body:has(#yhah-projects-page) .wp-block-post-title,
body:has(#yhah-projects-page) .breadcrumbs,
body:has(#yhah-projects-page) .breadcrumb,
body:has(#yhah-projects-page) .yoast-breadcrumb,
body:has(#yhah-projects-page) .rank-math-breadcrumb{
display:none!important;
}
#yhah-projects-page{
–blue:#0470B8;
–blue-dark:#034c7d;
–blue-light:#eaf6fc;
–red:#E42009;
–red-light:#fff0ed;
–black:#111111;
–gray:#5e6870;
–line:#d9e7ef;
–white:#ffffff;
–pantry:url(“
https://youngheartsandhands.org/wp-content/uploads/2026/10/dsc_9662.jpg”);
–hospital:url(“
https://youngheartsandhands.org/wp-content/uploads/2026/10/dsc_9701.jpg”);
position:relative;
left:50%;
width:100vw;
max-width:none!important;
margin-left:-50vw;
margin-right:-50vw;
overflow:hidden;
background:var(–white);
color:var(–black);
font:400 16px/1.65 “Poppins”,Arial,sans-serif;
}
#yhah-projects-page *,
#yhah-projects-page *::before,
#yhah-projects-page *::after{
box-sizing:border-box;
font-family:”Poppins”,Arial,sans-serif!important;
}
#yhah-projects-page img{
display:block;
max-width:100%;
}
#yhah-projects-page a{
color:inherit;
text-decoration:none;
}
#yhah-projects-page h1,
#yhah-projects-page h2,
#yhah-projects-page h3,
#yhah-projects-page h4,
#yhah-projects-page p{
margin-top:0;
}
#yhah-projects-page h1,
#yhah-projects-page h2,
#yhah-projects-page h3,
#yhah-projects-page h4{
line-height:1.1;
letter-spacing:-.035em;
}
#yhah-projects-page h1{
margin-bottom:22px;
font-size:clamp(2.9rem,6vw,5.5rem);
font-weight:800;
}
#yhah-projects-page h2{
margin-bottom:20px;
font-size:clamp(2.2rem,4.7vw,4.3rem);
font-weight:800;
}
#yhah-projects-page h3{
margin-bottom:12px;
font-size:clamp(1.25rem,2vw,1.65rem);
font-weight:700;
}
#yhah-projects-page h4{
margin-bottom:8px;
font-size:1rem;
font-weight:700;
}
#yhah-projects-page p{
margin-bottom:18px;
}
.yhahp-wrap{
width:min(1280px,calc(100% – 64px));
margin-inline:auto;
}
.yhahp-section{
padding:clamp(72px,9vw,118px) 0;
}
.yhahp-kicker{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px!important;
color:var(–blue);
font-size:.76rem;
font-weight:800;
letter-spacing:.15em;
text-transform:uppercase;
}
.yhahp-kicker::before{
content:””;
width:28px;
height:4px;
border-radius:20px;
background:var(–red);
}
.yhahp-kicker.light{
color:var(–white);
}
.yhahp-button{
display:inline-flex;
min-height:52px;
align-items:center;
justify-content:center;
gap:9px;
padding:0 24px;
border:2px solid var(–blue);
border-radius:999px;
background:var(–blue);
color:var(–white)!important;
font-weight:700;
transition:transform .2s,box-shadow .2s,background .2s;
}
.yhahp-button:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(4,112,184,.22);
}
.yhahp-button.red{
border-color:var(–red);
background:var(–red);
}
.yhahp-button.white{
border-color:var(–white);
background:var(–white);
color:var(–blue-dark)!important;
}
.yhahp-button.outline{
background:transparent;
color:var(–blue)!important;
}
.yhahp-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:28px;
}
/* Header */
.yhahp-header{
border-bottom:1px solid rgba(4,112,184,.16);
background:rgba(255,255,255,.98);
}
.yhahp-nav{
min-height:90px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
}
.yhahp-brand{
display:flex;
align-items:center;
gap:13px;
}
.yhahp-logo{
width:58px;
height:68px;
object-fit:contain;
}
.yhahp-brand-name{
font-size:.96rem;
font-weight:800;
line-height:1.08;
}
.yhahp-brand-name small{
display:block;
margin-top:4px;
color:var(–blue);
font-size:.66rem;
letter-spacing:.13em;
text-transform:uppercase;
}
.yhahp-nav-links{
display:flex;
align-items:center;
gap:24px;
font-size:.87rem;
font-weight:600;
}
.yhahp-nav-links a:not(.yhahp-button):hover{
color:var(–blue);
}
.yhahp-nav-links .yhahp-button{
min-height:44px;
padding-inline:20px;
}
/* Hero */
.yhahp-hero{
position:relative;
padding:clamp(72px,9vw,122px) 0;
background:linear-gradient(135deg,var(–blue-dark),var(–blue));
color:var(–white);
}
.yhahp-hero::before,
.yhahp-hero::after{
content:””;
position:absolute;
border:2px solid rgba(255,255,255,.14);
border-radius:50%;
}
.yhahp-hero::before{
top:-130px;
right:-90px;
width:380px;
height:380px;
}
.yhahp-hero::after{
bottom:-170px;
left:-100px;
width:330px;
height:330px;
}
.yhahp-hero-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
gap:clamp(46px,8vw,110px);
align-items:center;
}
.yhahp-hero h1{
max-width:850px;
}
.yhahp-hero h1 span{
color:#ffb8af;
}
.yhahp-hero-copy > p:not(.yhahp-kicker){
max-width:700px;
color:rgba(255,255,255,.82);
font-size:clamp(1.05rem,1.8vw,1.24rem);
}
.yhahp-impact-statement{
max-width:470px;
padding:10px 0 10px clamp(24px,4vw,46px);
border-left:5px solid var(–red);
}
.yhahp-impact-statement strong{
display:block;
margin-bottom:17px;
font-size:clamp(2rem,3.8vw,3.5rem);
font-weight:800;
line-height:1.08;
letter-spacing:-.04em;
}
.yhahp-impact-statement span{
display:block;
max-width:390px;
color:rgba(255,255,255,.76);
font-size:1rem;
}
/* Project sections */
.yhahp-project{
scroll-margin-top:20px;
}
.yhahp-project-grid{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
gap:clamp(46px,7vw,96px);
align-items:center;
}
.yhahp-project-grid.reverse{
grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
}
.yhahp-project-grid.reverse .yhahp-project-visual{
order:2;
}
.yhahp-project-visual{
position:relative;
}
.yhahp-project-photo{
min-height:560px;
border-radius:28px;
background-position:center;
background-size:cover;
box-shadow:0 25px 60px rgba(3,76,125,.17);
}
.yhahp-project-photo.pantry{
background-image:
linear-gradient(145deg,rgba(4,112,184,.18),rgba(3,76,125,.08)),
var(–pantry);
}
.yhahp-project-photo.hospital{
background-image:
linear-gradient(145deg,rgba(228,32,9,.15),rgba(123,18,5,.05)),
var(–hospital);
}
.yhahp-photo-label{
position:absolute;
right:-20px;
bottom:28px;
max-width:245px;
padding:18px 21px;
border-radius:15px;
background:var(–red);
color:var(–white);
font-size:.9rem;
font-weight:700;
box-shadow:0 15px 34px rgba(100,20,10,.22);
}
.yhahp-project-grid.reverse .yhahp-photo-label{
right:auto;
left:-20px;
background:var(–blue);
}
.yhahp-project-copy > p:not(.yhahp-kicker){
color:var(–gray);
font-size:1.05rem;
}
.yhahp-project-number{
display:inline-flex;
align-items:center;
gap:9px;
margin-bottom:18px;
color:var(–blue);
font-size:.78rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.yhahp-project-number::before{
content:”01″;
display:grid;
width:42px;
height:42px;
place-items:center;
border-radius:50%;
background:var(–blue-light);
font-size:.8rem;
letter-spacing:0;
}
.yhahp-project-number.hospital{
color:var(–red);
}
.yhahp-project-number.hospital::before{
content:”02″;
background:var(–red-light);
}
.yhahp-feature-list{
display:grid;
gap:13px;
margin:27px 0 0;
padding:0;
list-style:none;
}
.yhahp-feature-list li{
position:relative;
padding-left:33px;
color:var(–gray);
}
.yhahp-feature-list li::before{
content:”✓”;
position:absolute;
top:0;
left:0;
display:grid;
width:23px;
height:23px;
place-items:center;
border-radius:50%;
background:var(–blue-light);
color:var(–blue);
font-size:.78rem;
font-weight:800;
}
.yhahp-hospital-section{
background:#fff9f8;
}
.yhahp-hospital-section .yhahp-feature-list li::before{
background:var(–red-light);
color:var(–red);
}
/* Details cards */
.yhahp-details{
margin-top:50px;
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.yhahp-detail-card{
padding:28px;
border:1px solid var(–line);
border-radius:19px;
background:var(–white);
}
.yhahp-detail-card h3{
display:flex;
align-items:center;
gap:11px;
font-size:1.2rem;
}
.yhahp-detail-icon{
display:grid;
flex:0 0 39px;
width:39px;
height:39px;
place-items:center;
border-radius:12px;
background:var(–blue-light);
color:var(–blue);
font-size:1.05rem;
}
.yhahp-detail-card p{
margin-bottom:0;
color:var(–gray);
font-size:.91rem;
}
.yhahp-detail-card ul{
margin:13px 0 0;
padding-left:19px;
color:var(–gray);
font-size:.9rem;
}
.yhahp-detail-card li + li{
margin-top:6px;
}
.yhahp-hospital-section .yhahp-detail-icon{
background:var(–red-light);
color:var(–red);
}
.yhahp-note{
margin-top:16px;
padding:16px 18px;
border-left:4px solid var(–red);
border-radius:0 12px 12px 0;
background:var(–red-light);
color:#5c2a24;
font-size:.84rem;
}
/* How it works */
.yhahp-how{
background:var(–black);
color:var(–white);
}
.yhahp-how-head{
max-width:760px;
margin-bottom:40px;
}
.yhahp-how-head > p:not(.yhahp-kicker){
color:rgba(255,255,255,.68);
}
.yhahp-steps{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}
.yhahp-step{
padding:29px 24px;
border-top:4px solid var(–blue);
border-radius:17px;
background:#1c1c1c;
}
.yhahp-step:nth-child(even){
border-top-color:var(–red);
}
.yhahp-step-number{
display:block;
margin-bottom:16px;
color:#65b7e8;
font-size:.78rem;
font-weight:800;
letter-spacing:.13em;
}
.yhahp-step:nth-child(even) .yhahp-step-number{
color:#ff8273;
}
.yhahp-step p{
margin-bottom:0;
color:rgba(255,255,255,.64);
font-size:.86rem;
}
/* CTA and footer */
.yhahp-cta{
padding:90px 0;
}
.yhahp-cta-card{
position:relative;
overflow:hidden;
padding:clamp(48px,7vw,78px);
border-radius:28px;
background:var(–blue);
color:var(–white);
text-align:center;
}
.yhahp-cta-card::before,
.yhahp-cta-card::after{
content:””;
position:absolute;
width:190px;
height:190px;
border:2px solid rgba(255,255,255,.2);
border-radius:50%;
}
.yhahp-cta-card::before{
top:-90px;
left:-65px;
}
.yhahp-cta-card::after{
right:-75px;
bottom:-110px;
}
.yhahp-cta-card h2,
.yhahp-cta-card p,
.yhahp-cta-actions{
position:relative;
}
.yhahp-cta-card h2{
max-width:830px;
margin-inline:auto;
}
.yhahp-cta-card p{
max-width:680px;
margin:0 auto 28px;
color:rgba(255,255,255,.82);
}
.yhahp-cta-actions{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:12px;
}
.yhahp-footer{
padding:58px 0 24px;
background:var(–black);
color:var(–white);
}
.yhahp-footer-grid{
display:grid;
grid-template-columns:1.25fr .7fr .9fr;
gap:55px;
}
.yhahp-footer p,
.yhahp-footer-links{
color:rgba(255,255,255,.66);
}
.yhahp-footer-title{
margin-bottom:14px!important;
color:var(–white)!important;
font-weight:700;
}
.yhahp-footer-links{
display:grid;
gap:8px;
font-size:.89rem;
}
.yhahp-footer-links a:hover{
color:var(–red)!important;
}
.yhahp-footer-bottom{
display:flex;
justify-content:space-between;
gap:20px;
margin-top:44px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.14);
color:rgba(255,255,255,.46);
font-size:.76rem;
}
/* Tablet */
@media(max-width:1000px){
.yhahp-nav-links a:not(.yhahp-button){
display:none;
}
.yhahp-hero-grid,
.yhahp-project-grid,
.yhahp-project-grid.reverse{
grid-template-columns:1fr;
}
.yhahp-project-grid.reverse .yhahp-project-visual{
order:0;
}
.yhahp-photo-label,
.yhahp-project-grid.reverse .yhahp-photo-label{
right:20px;
left:auto;
}
.yhahp-steps{
grid-template-columns:repeat(2,1fr);
}
.yhahp-footer-grid{
grid-template-columns:1fr 1fr;
}
.yhahp-footer-about{
grid-column:1/-1;
}
}
/* Mobile */
@media(max-width:650px){
#yhah-projects-page{
font-size:15px;
}
.yhahp-wrap{
width:min(1180px,calc(100% – 28px));
}
.yhahp-nav{
min-height:80px;
}
.yhahp-logo{
width:45px;
height:54px;
}
.yhahp-brand-name{
font-size:.76rem;
}
.yhahp-nav-links .yhahp-button{
min-height:40px;
padding:0 13px;
font-size:.73rem;
}
.yhahp-hero{
padding-top:58px;
}
.yhahp-details,
.yhahp-steps,
.yhahp-footer-grid{
grid-template-columns:1fr;
}
.yhahp-project-photo{
min-height:390px;
border-radius:22px;
}
.yhahp-photo-label,
.yhahp-project-grid.reverse .yhahp-photo-label{
right:12px;
bottom:14px;
left:12px;
max-width:none;
}
.yhahp-actions,
.yhahp-cta-actions{
align-items:stretch;
flex-direction:column;
}
.yhahp-footer-about{
grid-column:auto;
}
.yhahp-footer-bottom{
flex-direction:column;
}
}
Current volunteer projects
Two projects.
Countless ways to help.
Young Hearts & Hands gives Katy-area high school students
ages 14–18 meaningful ways to earn service hours while supporting
local families and children receiving hospital care.
Serve locally. Earn hours. Make a real difference.
Every donation packed and every hour served helps care for
children and families right here in our community.
Food packed by local youth for 60 families at a Title I school.
Project one
Community Food Pantry
Help local families put food on the table.
Our food pantry project provides shelf-stable groceries to
60 families experiencing food insecurity at a local Title I
school. Youth volunteers help turn community donations into
organized, ready-to-distribute bags of food.
-
Collect needed pantry items in your neighborhood, school,
team, club, or organization.
-
Sort donations and pack grocery bags for local children
and families.
-
Earn verified service hours while meeting a direct need
in the Katy community.
✓
Most-needed foods
- Rice, pasta, cereal, and oatmeal
- Canned beans, tuna, chicken, fruit, and vegetables
- Peanut butter, pasta sauce, and cooking oil
-
Snacks, granola bars, crackers, pancake mix, and juice boxes
★
How service hours work
Students may earn hours by completing a food collection and
by helping at scheduled sorting and packing opportunities.
Review the current SignupGenius listing for available dates,
requirements, and hour details.
Before donating:
Please check the current signup list so the items you collect
match the pantry’s most recent needs.
Small moments of creativity, comfort, and fun for children
in the hospital.
Project two
Children’s Hospital Giving
Pack joy for children receiving hospital care.
This project helps bring comfort and fun to children during
a difficult time. Youth volunteers collect new gifts and
activities, organize supplies, and thoughtfully pack items
that can brighten a child’s hospital stay.
-
Collect new, unopened gifts, creative activities, and
age-appropriate project supplies.
-
Help sort donations and assemble activity kits for children.
-
Join a scheduled packing event or organize a collection
with your group.
♥
Activity ideas
- Coloring books, crayons, and craft kits
- Puzzles, card games, and compact board games
- Journals, activity books, and creative supplies
- Small, age-appropriate toys and comfort items
★
How to get involved
Hospital packing opportunities are scheduled as donations and
current needs are confirmed. Email Young Hearts & Hands to
ask about upcoming dates, group collections, service-hour
details, and the current approved item list.
Please note:
Hospital donation guidelines can change. Confirm current needs
before purchasing or collecting items. All donated products
should be new and unopened.
Ready to volunteer?
Here’s how to get started.
Choose the project that speaks to you, confirm the current
opportunity, and show up ready to make a difference.
STEP 01
Choose a project
Help stock the food pantry or prepare activities for children
receiving hospital care.
STEP 02
Confirm the need
Use SignupGenius or contact us for the current donation list
and available dates.
STEP 03
Serve together
Collect, sort, and pack alongside other local high school
volunteers.
STEP 04
Track your hours
Record verified service time for school requirements and
recognition milestones.
Your time can make a difference close to home.
Volunteer, donate needed items, or invite your school, team,
club, or organization to serve together.
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use. To find out more, including how to control cookies, see here: Cookie Policy.
365 
