*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}

body{
background:#f4f4f4;
}


.hero{
height:80vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background:url('../images/hero.jpg') center/cover;
color:white;
text-align:center;
}

.hero h1{
font-size:55px;
}

.hero p{
margin:20px;
font-size:22px;
}

.btn{
background:#873031;
padding:12px 25px;
color:white;
text-decoration:none;
border-radius:5px;
}

.page{
padding:50px 10%;
}

.cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:30px;
}

.card{
background:white;
padding:25px;
border-radius:8px;
box-shadow:0 5px 15px rgba(0,0,0,.1);
}

table{
width:100%;
border-collapse:collapse;
background:white;
}

table th,
table td{
padding:15px;
border:1px solid #ddd;
}

form{
display:flex;
flex-direction:column;
}

input,
textarea{
padding:15px;
margin:10px 0;
}

button{
padding:15px;
background:#873031;
color:white;
border:none;
cursor:pointer;
}

footer{
background:#1F85B4;
color:white;
text-align:center;
padding:20px;
margin-top:40px;
}




/* HERO SLIDER */

.hero-slider{

position:relative;

height:90vh;

overflow:hidden;

}

.slides{

position:absolute;

width:100%;

height:100%;

opacity:0;

transition:opacity 1.5s ease-in-out;

}

.slides.active{

opacity:1;

}

.slides img{

width:100%;

height:100%;

object-fit:cover;

filter:brightness(50%);

}

.caption{

position:absolute;

top:50%;

left:50%;

transform:translate(-50%,-50%);

text-align:center;

color:#fff;

animation:fadeIn 2s;

width:90%;

}

.caption h1{

font-size:60px;

margin-bottom:20px;

}

.caption p{

font-size:24px;

margin-bottom:30px;

}

@keyframes fadeIn{

from{

opacity:0;

transform:translate(-50%,-40%);

}

to{

opacity:1;

transform:translate(-50%,-50%);

}

}

/* WELCOME */

.welcome{

padding:70px 10%;

text-align:center;

background:#fff;

}

.welcome h2{

font-size:40px;

margin-bottom:20px;

color:#873031;

}

/* SERVICES */

.service-box{

display:grid;

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

gap:25px;

padding:60px 10%;

background:#f5f5f5;

}

.service{

background:white;

padding:30px;

text-align:center;

border-radius:12px;

box-shadow:0 10px 20px rgba(0,0,0,.1);

transition:.3s;

}

.service:hover{

transform:translateY(-10px);

}

/* FEATURES */

.features{

display:grid;

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

gap:30px;

padding:70px 10%;

}

.feature{

background:#fff;

padding:30px;

border-radius:10px;

box-shadow:0 5px 20px rgba(0,0,0,.1);

transition:.3s;

}

.feature:hover{

background:#1F85B4;

color:white;

transform:scale(1.05);

}

/* VERSE */

.verse{

background:#1F85B4;

color:white;

padding:80px 10%;

text-align:center;

}

.verse blockquote{

font-size:28px;

font-style:italic;

}

/* CTA */

.join{
	padding:70px;
	text-align:center;
	background:#1F85B4;
	color:white;
}

.join h2{

font-size:40px;

margin-bottom:20px;

}

/* ===========================
   FOUNDER SECTION
=========================== */

.founder{

display:flex;

align-items:center;

justify-content:center;

padding:80px 10%;

background:#ffffff;

gap:60px;

flex-wrap:wrap;

}

.founder-image{

flex:1;

text-align:center;

}

.founder-image img{

width:350px;

height:350px;

object-fit:cover;

border-radius:50%;

border:8px solid #873031;

box-shadow:0 15px 35px rgba(0,0,0,.2);

transition:.4s;

}

.founder-image img:hover{

transform:scale(1.05);

}

.founder-content{

flex:2;

}

.founder-content h2{

font-size:40px;

color:#873031;

margin-bottom:15px;

}

.founder-content h3{

font-size:30px;

margin-bottom:5px;

}

.founder-content h4{

color:#1F85B4;

margin-bottom:25px;

font-weight:normal;

}

.founder-content p{

font-size:14px;

line-height:1.8;

margin-bottom:20px;

text-align:justify;

}

/* Mobile */

@media(max-width:768px){

.founder{

flex-direction:column;

text-align:center;

padding:50px 20px;

}

.founder-image img{

width:250px;

height:250px;

}

.founder-content h2{

font-size:30px;

}

.founder-content h3{

font-size:24px;

}

.founder-content p{

text-align:center;

font-size:16px;

}

}

/* MOBILE */

@media(max-width:768px){

.caption h1{

font-size:35px;

}

.caption p{

font-size:18px;

}

.hero-slider{

height:70vh;

}

}


@media(max-width:768px){
.hero h1{
font-size:36px;
}

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

}


/* ============================
   VISION PAGE
============================= */

.vision-hero{

height:60vh;

background:url('../images/vision.jpg') center center/cover no-repeat;

position:relative;

display:flex;

align-items:center;

justify-content:center;

}

.vision-overlay{

background:rgba(0,0,0,.60);

width:100%;

height:100%;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

color:#fff;

text-align:center;

padding:20px;

}

.vision-overlay h1{

font-size:55px;

margin-bottom:15px;

}

.vision-overlay p{

font-size:22px;

}

.vision-intro{

padding:70px 10%;

text-align:center;

background:#ffffff;

}

.vision-intro h2{

font-size:38px;

color:#873031;

margin-bottom:20px;

}

.vision-intro p{

font-size:18px;

line-height:1.8;

max-width:900px;

margin:auto;

}

.vision-grid{

display:grid;

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

gap:35px;

padding:70px 10%;

background:#f5f5f5;

}

.vision-card{

background:white;

padding:40px;

border-radius:12px;

text-align:center;

box-shadow:0 8px 20px rgba(0,0,0,.10);

transition:.4s;

}

.vision-card:hover{

transform:translateY(-10px);

}

.icon{

font-size:50px;

margin-bottom:20px;

}

.vision-card h2{

color:#873031;

margin-bottom:15px;

}

.values{

padding:80px 10%;

background:#ffffff;

text-align:center;

}

.values h2{

font-size:40px;

margin-bottom:50px;

color:#873031;

}

.value-grid{

display:grid;

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

gap:30px;

}

.value-box{

padding:35px;

background:#f8f8f8;

border-radius:10px;

font-size:40px;

transition:.3s;

}

.value-box h3{

margin:15px 0;

font-size:24px;

}

.value-box p{

font-size:16px;

}

.value-box:hover{

background:#873031;

color:white;

transform:scale(1.05);

}

.vision-scripture{

background:#873031;

color:white;

padding:80px 10%;

text-align:center;

}

.vision-scripture blockquote{

font-size:28px;

font-style:italic;

line-height:1.8;

max-width:900px;

margin:auto;

}

.vision-scripture h3{

margin-top:30px;

color:#1F85B4;

}

.vision-cta{

padding:80px 10%;

text-align:center;

background:#1F85B4;

color:white;

}

.vision-cta h2{

font-size:42px;

margin-bottom:20px;

}

.vision-cta p{

font-size:18px;

max-width:700px;

margin:auto auto 30px;

}

@media(max-width:768px){

.vision-overlay h1{

font-size:35px;

}

.vision-overlay p{

font-size:18px;

}

.vision-grid{

grid-template-columns:1fr;

}

.values h2{

font-size:30px;

}

}


/* Vision List */

.vision-list{
    padding:70px 8%;
    background:#ccc;
}

.vision-list h2{
    color:#873031;
    font-size:36px;
    margin-bottom:20px;
    text-align:center;
}

.vision-list p{
    text-align:center;
    color:#666;
    max-width:800px;
    margin:0 auto 40px;
    line-height:1.8;
}

.vision-items{
    max-width:900px;
    margin:0 auto;
    padding-left:30px;
}

.vision-items li{
    font-size:18px;
    line-height:2;
    color:#333;
    margin-bottom:12px;
}

.vision-items li::marker{
    color:#0b7a3b;
    font-size:20px;
}

@media(max-width:768px){

    .vision-list h2{
        font-size:28px;
    }

    .vision-items li{
        font-size:16px;
    }

}

/* ===========================
   GOALS & OBJECTIVES
=========================== */

.goals{

padding:80px 10%;

background:#f7f9fc;

}

.section-title{

text-align:center;

margin-bottom:50px;

}

.section-title h2{

font-size:40px;

color:#873031;

margin-bottom:15px;

}

.section-title p{

font-size:18px;

color:#555;

max-width:750px;

margin:auto;

line-height:1.7;

}

.goal-grid{

display:grid;

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

gap:30px;

}

.goal-card{

background:#ffffff;

padding:35px 30px;

border-radius:15px;

text-align:center;

box-shadow:0 8px 20px rgba(0,0,0,.08);

transition:all .35s ease;

border-top:5px solid #1F85B4;

}

.goal-card:hover{

transform:translateY(-10px);

box-shadow:0 15px 30px rgba(0,0,0,.15);

}

.goal-icon{

font-size:45px;

margin-bottom:20px;

}

.goal-card h3{

color:#873031;

margin-bottom:15px;

font-size:22px;

}

.goal-card p{

line-height:1.7;

color:#555;

}

@media(max-width:768px){

.section-title h2{

font-size:32px;

}

.goal-card{

padding:25px;

}

}

/* ===========================
   MINISTRY PAGE
=========================== */

.ministry-hero{
height:60vh;
background:url('../images/ministry-banner.jpg') center center/cover no-repeat;
position:relative;
}

.ministry-overlay{
background:rgba(0,0,0,.65);
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
color:#fff;
padding:20px;
}

.ministry-overlay h1{
font-size:55px;
margin-bottom:15px;
}

.ministry-overlay p{
font-size:22px;
}

.ministry-intro{
padding:70px 10%;
text-align:center;
background:#fff;
}

.ministry-intro h2{
color:#873031;
font-size:38px;
margin-bottom:20px;
}

.ministry-intro p{
max-width:900px;
margin:auto;
line-height:1.8;
font-size:18px;
}

.ministries{
padding:80px 10%;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
background:#f8f8f8;
}

.ministry-card{
background:white;
border-radius:15px;
overflow:hidden;
box-shadow:0 8px 20px rgba(0,0,0,.1);
transition:.4s;
}

.ministry-card:hover{
transform:translateY(-10px);
}

.ministry-card img{
width:100%;
height:220px;
object-fit:cover;
}

.ministry-card h3{
padding:20px;
color:#873031;
}

.ministry-card p{
padding:0 20px 25px;
line-height:1.7;
}

.join-ministry{
padding:80px 10%;
text-align:center;
background:white;
}

.join-ministry h2{
font-size:40px;
color:#873031;
margin-bottom:40px;
}

.join-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
}

.join-box{
background:#f5f5f5;
padding:35px;
border-radius:12px;
font-size:40px;
transition:.3s;
}

.join-box:hover{
background:#873031;
color:white;
transform:scale(1.05);
}

.join-box h3{
margin:15px 0;
font-size:24px;
}

.join-box p{
font-size:16px;
}

.ministry-cta{
padding:80px 10%;
background:#1F85B4;
color:white;
text-align:center;
}

.ministry-cta h2{
font-size:42px;
margin-bottom:20px;
}

.ministry-cta p{
max-width:700px;
margin:auto auto 30px;
line-height:1.8;
}

@media(max-width:768px){

.ministry-overlay h1{
font-size:36px;
}

.ministry-overlay p{
font-size:18px;
}

.ministry-intro h2{
font-size:30px;
}

.ministry-cta h2{
font-size:32px;
}

}

/* ==========================
   DEPARTMENT PAGE
========================== */

.department-hero{

height:60vh;

background:url('../images/departments-banner.jpg') center center/cover;

position:relative;

}

.department-overlay{

background:rgba(0,0,0,.65);

height:100%;

display:flex;

justify-content:center;

align-items:center;

flex-direction:column;

color:white;

text-align:center;

padding:20px;

}

.department-overlay h1{

font-size:55px;

}

.department-overlay p{

font-size:22px;

margin-top:15px;

}

.department-intro{

padding:70px 10%;

text-align:center;

background:white;

}

.department-intro h2{

font-size:38px;

color:#873031;

margin-bottom:20px;

}

.department-intro p{

font-size:18px;

line-height:1.8;

max-width:900px;

margin:auto;

}

.department-grid{

display:grid;

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

gap:30px;

padding:70px 10%;

background:#f8f8f8;

}

.department-card{

background:white;

border-radius:15px;

overflow:hidden;

box-shadow:0 10px 20px rgba(0,0,0,.1);

transition:.4s;

}

.department-card:hover{

transform:translateY(-10px);

}

.department-card img{

width:100%;

height:220px;

object-fit:cover;

}

.department-card h3{

padding:20px;

color:#873031;

}

.department-card p{

padding:0 20px 25px;

line-height:1.7;

}

.responsibilities{

padding:80px 10%;

text-align:center;

background:white;

}

.responsibilities h2{

font-size:40px;

color:#873031;

margin-bottom:50px;

}

.responsibility-grid{

display:grid;

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

gap:30px;

}

.responsibility-box{

padding:35px;

background:#f5f5f5;

border-radius:12px;

font-size:30px;

transition:.3s;

}

.responsibility-box:hover{

background:#873031;

color:white;

transform:scale(1.05);

}

.responsibility-box h3{

margin:15px 0;

font-size:24px;

}

.department-cta{

padding:80px;

text-align:center;

background:#1F85B4;

color:white;

}

.department-cta h2{

font-size:40px;

margin-bottom:20px;

}

.department-cta p{

font-size:18px;

max-width:700px;

margin:auto auto 30px;

line-height:1.8;

}

@media(max-width:768px){

.department-overlay h1{

font-size:35px;

}

.department-overlay p{

font-size:18px;

}

.department-intro h2{

font-size:30px;

}

}

/* ============================
      MESSAGES PAGE
============================ */

.message-hero{

height:60vh;

background:url('../images/messages-banner.jpg') center/cover;

position:relative;

}

.message-overlay{

background:rgba(0,0,0,.65);

height:100%;

display:flex;

justify-content:center;

align-items:center;

flex-direction:column;

color:white;

text-align:center;

}

.message-overlay h1{

font-size:55px;

}

.message-overlay p{

font-size:22px;

margin-top:15px;

}

.message-intro{

padding:70px 10%;

text-align:center;

background:white;

}

.message-intro h2{

font-size:40px;

color:#873031;

margin-bottom:20px;

}

.message-intro p{

max-width:900px;

margin:auto;

font-size:18px;

line-height:1.8;

}

.featured-message{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

padding:80px 10%;

background:#f8f8f8;

align-items:center;

}

.featured-image img{

width:100%;

border-radius:12px;

}

.featured-content h2{

color:#1F85B4;

margin-bottom:10px;

}

.featured-content h3{

font-size:35px;

margin-bottom:20px;

color:#873031;

}

.buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

margin-top:30px;

}

.sermon-library{

padding:80px 10%;

background:white;

}

.sermon-library h2{

text-align:center;

font-size:40px;

margin-bottom:50px;

color:#873031;

}

.sermon-grid{

display:grid;

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

gap:30px;

}

.sermon-card{

background:#f8f8f8;

border-radius:12px;

overflow:hidden;

text-align:center;

box-shadow:0 5px 15px rgba(0,0,0,.1);

transition:.4s;

}

.sermon-card:hover{

transform:translateY(-10px);

}

.sermon-card img{

width:100%;

height:220px;

object-fit:cover;

}

.sermon-card h3{

padding:20px 15px 10px;

color:#873031;

}

.sermon-card p{

margin-bottom:10px;

}

.sermon-card .btn{

margin-bottom:25px;

display:inline-block;

}

.weekly-scripture{

padding:80px 10%;

background:#873031;

color:white;

text-align:center;

}

.weekly-scripture blockquote{

font-size:30px;

font-style:italic;

margin-bottom:20px;

}

.message-cta{

padding:80px;

text-align:center;

background:#1F85B4;

color:white;

}

.message-cta h2{

font-size:40px;

margin-bottom:20px;

}

.message-cta p{

max-width:700px;

margin:auto auto 30px;

font-size:18px;

}

@media(max-width:768px){

.featured-message{

grid-template-columns:1fr;

}

.message-overlay h1{

font-size:35px;

}

.message-overlay p{

font-size:18px;

}

.featured-content h3{

font-size:28px;

}

}



/*==========================
      EVENTS PAGE
===========================*/

.events-hero{

height:60vh;

background:url('../images/events-banner.jpg') center/cover;

position:relative;

}

.events-overlay{

height:100%;

background:rgba(0,0,0,.65);

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

color:white;

text-align:center;

}

.events-overlay h1{

font-size:55px;

}

.events-overlay p{

font-size:22px;

margin-top:15px;

}

.events-intro{

padding:70px 10%;

text-align:center;

background:white;

}

.events-intro h2{

font-size:40px;

color:#873031;

margin-bottom:20px;

}

.events-intro p{

max-width:900px;

margin:auto;

font-size:18px;

line-height:1.8;

}

.featured-event{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

padding:80px 10%;

background:#f8f8f8;

align-items:center;

}

.featured-event img{

width:100%;

border-radius:15px;

}

.badge{

background:#1F85B4;

color:white;

padding:8px 15px;

border-radius:30px;

font-weight:bold;

}

.featured-event-content h2{

margin:20px 0;

color:#873031;

}

.featured-event-content ul{

margin:25px 0;

line-height:2;

}

.events-list{

padding:80px 10%;

background:white;

}

.events-list h2{

text-align:center;

font-size:40px;

margin-bottom:50px;

color:#873031;

}

.events-grid{

display:grid;

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

gap:30px;

}

.event-card{

background:#f8f8f8;

border-radius:12px;

overflow:hidden;

box-shadow:0 5px 15px rgba(0,0,0,.1);

transition:.4s;

}

.event-card:hover{

transform:translateY(-10px);

}

.event-card img{

width:100%;

height:220px;

object-fit:cover;

}

.event-card h3{

padding:20px;

color:#873031;

}

.event-card p{

padding:0 20px 20px;

}

.weekly-programmes{

padding:80px 10%;

background:#f5f5f5;

}

.weekly-programmes h2{

text-align:center;

font-size:40px;

margin-bottom:40px;

color:#873031;

}

.weekly-programmes table{

width:100%;

background:white;

border-collapse:collapse;

}

.weekly-programmes th{

background:#873031;

color:white;

}

.weekly-programmes th,
.weekly-programmes td{

padding:15px;

border:1px solid #ddd;

}

.annual-events{

padding:80px 10%;

background:white;

text-align:center;

}

.annual-events h2{

font-size:40px;

margin-bottom:50px;

color:#873031;

}

.annual-grid{

display:grid;

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

gap:30px;

}

.annual-box{

background:#f8f8f8;

padding:40px;

font-size:30px;

border-radius:12px;

transition:.3s;

}

.annual-box:hover{

background:#1F85B4;

color:white;

transform:scale(1.05);

}

.events-cta{

padding:80px;

background:#1F85B4;

text-align:center;

color:white;

}

.events-cta h2{

font-size:40px;

margin-bottom:20px;

}

.events-cta p{

max-width:700px;

margin:auto auto 30px;

font-size:18px;

line-height:1.8;

}

@media(max-width:768px){

.featured-event{

grid-template-columns:1fr;

}

.events-overlay h1{

font-size:36px;

}

.events-overlay p{

font-size:18px;

}

}


/*==========================
    HEADER
==========================*/

header{
    width:100%;
    background:#873031;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 6%;
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 4px 15px rgba(0,0,0,.15);
}

/* Logo */

.logo a{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.logo img{
    width:65px;
    height:65px;
    object-fit:contain;
    margin-right:15px;
	margin-left: 10px;
}

.church-name h2{
    margin:0;
    color:#fff;
    font-size:26px;
}

.church-name span{
    color:#1F85B4;
    font-size:14px;
}

/* Navigation */

nav{
    display:flex;
    align-items:center;
}

.nav-links{
    display:flex;
    list-style:none;
    gap:25px;
}

.nav-links li{
    list-style:none;
}

.nav-links a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.nav-links a:hover{
    color:#1F85B4;
}

/* Mobile Button */

.menu-toggle{
    display:none;
    color:white;
    font-size:30px;
    cursor:pointer;
}

/*==========================
      MOBILE
==========================*/

@media (max-width:900px){

	header{
		flex-wrap:wrap;
		padding:15px 0px 0px 0px;
	}

	nav{
		width:100%;
	}

	.menu-toggle{
		display:block;
		margin-left:auto;
		font-size:30px;
    	cursor:pointer;
		position: fixed;
		right: 10px;
		top:5px;
	}

	.nav-links{
		display:none;
		flex-direction:column;
		width:100%;
		margin-top:10px;
		background:#1F85B4;
	}

	.nav-links.active{
		display:flex;
	}

	.nav-links li{
		text-align:center;
		padding:15px;
		border-top:1px solid rgba(255,255,255,.1);
	}
	
	.nav-links li:hover{
		background-color: #5BC0E4;
	}

	.logo img{
		width:50px;
		height:50px;
	}

	.church-name h2{
		font-size:20px;
	}

	.church-name span{
		font-size:12px;
	}

}

/*=============================
        CONTACT PAGE
==============================*/

.contact-hero{

height:55vh;

background:url('../images/contact-banner.jpg') center/cover;

position:relative;

}

.contact-overlay{

height:100%;

background:rgba(0,0,0,.65);

display:flex;

justify-content:center;

align-items:center;

flex-direction:column;

text-align:center;

color:white;

padding:20px;

}

.contact-overlay h1{

font-size:55px;

}

.contact-overlay p{

max-width:700px;

margin-top:20px;

font-size:20px;

}

.contact-info{

display:grid;

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

gap:30px;

padding:70px 10%;

background:white;

}

.contact-card{

padding:35px;

text-align:center;

background:#f8f8f8;

border-radius:12px;

transition:.3s;

}

.contact-card:hover{

background:#873031;

color:white;

transform:translateY(-10px);

}

.contact-card .icon{

font-size:45px;

margin-bottom:20px;

}

.contact-section{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

padding:80px 10%;

background:#f5f5f5;

}

.contact-form,
.visit-info{

background:white;

padding:40px;

border-radius:12px;

box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.contact-form h2,
.visit-info h2{

margin-bottom:25px;

color:#873031;

}

.contact-form input,
.contact-form textarea{

width:100%;

margin-bottom:20px;

padding:15px;

border:1px solid #ddd;

border-radius:6px;

}

.contact-form button{

width:100%;

padding:15px;

background:#873031;

color:white;

border:none;

cursor:pointer;

font-size:17px;

}

.visit-info table{

width:100%;

border-collapse:collapse;

}

.visit-info th{

background:#873031;

color:white;

}

.visit-info td,
.visit-info th{

padding:15px;

border:1px solid #ddd;

}

.prayer-request{

padding:80px 10%;

text-align:center;

background:#1F85B4;

color:white;

}

.prayer-request h2{

font-size:40px;

margin-bottom:20px;

}

.prayer-request p{

max-width:700px;

margin:auto auto 30px;

line-height:1.8;

}

.map-section{

padding:80px 10%;

background:white;

}

.map-section h2{

text-align:center;

margin-bottom:30px;

color:#873031;

font-size:40px;

}

.map{

border-radius:15px;

overflow:hidden;

box-shadow:0 5px 20px rgba(0,0,0,.1);

}

.social-media{

padding:80px 10%;

text-align:center;

background:#f8f8f8;

}

.social-media h2{

font-size:40px;

color:#873031;

margin-bottom:20px;

}

.social-icons{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:20px;

margin-top:30px;

}

.social-icons a{

text-decoration:none;

padding:15px 30px;

background:#873031;

color:white;

border-radius:40px;

transition:.3s;

}

.social-icons a:hover{

background:#ff9800;

}

@media(max-width:768px){

.contact-section{

grid-template-columns:1fr;

}

.contact-overlay h1{

font-size:36px;

}

.contact-overlay p{

font-size:18px;

}

.social-icons{

flex-direction:column;

}

}

/*=========================
        GALLERY
==========================*/

.gallery-section{

padding:70px 8%;

background:#f8f8f8;

}

.gallery-grid{

display:grid;

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

gap:25px;

}

.gallery-item{

position:relative;

overflow:hidden;

border-radius:12px;

cursor:pointer;

box-shadow:0 5px 20px rgba(0,0,0,.15);

}

.gallery-item img{

width:100%;

height:480px;

object-fit:cover;

transition:.5s;

display:block;

}

.gallery-item:hover img{

transform:scale(1.1);

}

.gallery-overlay{

position:absolute;

left:0;

right:0;

bottom:0;

padding:20px;

background:linear-gradient(transparent,rgba(0,0,0,.8));

color:#fff;

opacity:0;

transition:.4s;

}

.gallery-item:hover .gallery-overlay{

opacity:1;

}

.gallery-overlay h3{

margin-bottom:8px;

}

.empty-gallery{

background:#fff;

padding:80px;

text-align:center;

border-radius:10px;

}

@media(max-width:768px){

.gallery-item img{

height:220px;

}

}

/* Gallery Filter */

.gallery-filter{

text-align:center;

margin-bottom:40px;

}

.gallery-filter a{

display:inline-block;

padding:10px 20px;

margin:5px;

background:#eee;

color:#333;

text-decoration:none;

border-radius:30px;

transition:.3s;

font-weight:bold;

}

.gallery-filter a:hover{

background:#004d40;

color:#fff;

}

.gallery-filter a.active{

background:#004d40;

color:#fff;

}

.gallery-slider{

width:100%;

margin:40px auto;

position:relative;

}

.slider{

position:relative;

max-width:1200px;

margin:auto;

overflow:hidden;

border-radius:15px;

box-shadow:0 10px 30px rgba(0,0,0,.2);

}

.slide{

display:none;

position:relative;

}

.slide img{

width:100%;

height:550px;

object-fit:cover;

display:block;

}

.caption{

position:absolute;

left:2;

right:0;

bottom:0;

padding:25px;

background:rgba(0,0,0,.5);

color:#fff;

}



.prev,
.next{

cursor:pointer;

position:absolute;

top:50%;

padding:16px;

color:#fff;

font-size:30px;

font-weight:bold;

background:rgba(0,0,0,.4);

transform:translateY(-50%);

user-select:none;

transition:.3s;

}

.prev{

left:0;

border-radius:0 5px 5px 0;

}

.next{

right:0;

border-radius:5px 0 0 5px;

}

.prev:hover,
.next:hover{

background:#004d40;

}

.fade{

animation:fade 1s;

}

@keyframes fade{

from{opacity:.4;}

to{opacity:1;}

}

@media(max-width:768px){

.slide img{

height:260px;

}

.caption{

padding:15px;

}

.caption h2{

font-size:20px;

}

}