/* ==================================
TRUE WORSHIPERS EVENTS DESIGN
================================== */


.event-hero{clamp(2rem, 8vw, 4rem);
line-height:1.2;
letter-spacing:2px;
text-align:center;
word-break:break-word;
padding:0 15px;
}

height:70vh;

background:

linear-gradient(
rgba(0,0,0,.7),
rgba(0,0,0,.8)
),

url("../images/event.jpg");

background-size:cover;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

}



.event-content h1{

font-size:65px;

color:#FFD700;

}



.featured-event{

padding:100px 0;

text-align:center;

background:#050B18;

}



.featured-event h1{

font-size:55px;

color:#FFD700;

}



.event-date{

margin:30px;

font-size:25px;

}



.other-events{

padding:80px 0;

background:#081326;

text-align:center;

}



.event-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

margin-top:40px;

}



.event-card{

padding:35px;

background:rgba(255,255,255,.05);

border:1px solid #FFD700;

border-radius:20px;

transition:.4s;

}



.event-card:hover{

transform:translateY(-10px);

box-shadow:0 0 30px #FFD700;

}