.stat-box {
	padding: .5rem 0;
}

/* Adjust navbar toggler visibility on light bg */
.navbar .navbar-toggler {
	border: none;
}

/* White background for navbar */
.navbar {
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(10px);
}
.navbar-brand, .nav-link {
	color: #333 !important;
}

/* Card hover nuance */
.card:hover {
	transform: translateY(-2px);
	transition: transform .15s ease-in-out;
}

/* Footer links */
footer a:hover {
	opacity: .85;
}

/* Footer responsive styling */
.footer-brand {
	display: flex;
	align-items: center;
}

.facebook-link {
	transition: all 0.3s ease;
	padding: 0.75rem;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.facebook-link:hover {
	background: rgba(255, 255, 255, 0.1);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.facebook-logo svg {
	color: #1877f2;
	transition: transform 0.3s ease;
}

.facebook-link:hover .facebook-logo svg {
	transform: scale(1.1);
}

/* Responsive footer */
@media (max-width: 991.98px) {
	.footer-brand {
		justify-content: center;
		text-align: center;
		margin-bottom: 1.5rem;
	}
	
	.footer-brand span {
		display: block;
		margin-top: 0.5rem;
	}
	
	.social-links {
		text-align: center;
	}
	
	.facebook-link {
		justify-content: center;
		text-align: center;
	}
}

@media (max-width: 767.98px) {
	footer .container {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.footer-brand {
		flex-direction: column;
		text-align: center;
	}
	
	.footer-brand img {
		margin-bottom: 0.5rem;
		margin-right: 0;
	}
	
	.facebook-link {
		flex-direction: column;
		text-align: center;
		padding: 1rem;
	}
	
	.facebook-logo {
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
}

@media (max-width: 575.98px) {
	footer {
		padding-top: 3rem !important;
	}
	
	.facebook-link {
		padding: 0.75rem;
	}
	
	.facebook-logo svg {
		width: 28px;
		height: 28px;
	}
	
	/* Simple floating animation for mobile */
	.floating-link {
		animation: float 3s ease-in-out infinite;
	}
	
	@keyframes float {
		0%, 100% {
			transform: translateY(0px);
		}
		50% {
			transform: translateY(-5px);
		}
	}
}

/* Carousel controls visibility */
.carousel-control-prev,
.carousel-control-next {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	top: 50%;
	transform: translateY(-50%);
}
.carousel-control-prev {
	left: -25px;
}
.carousel-control-next {
	right: -25px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

/* Hero styles to match screenshot */
.hero {
	background: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=2000&q=60') center/cover no-repeat;
}
.hero .container { padding-top: 6rem; }
.hero-title span { display: inline-block; }
.headline-underline {
	position: relative;
}
.headline-underline::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -.25rem;
	height: .35rem;
	background: #ff6b6b;
	border-radius: .25rem;
}
.hero-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: .7;
}
.hero-arrow.left { left: .75rem; }
.hero-arrow.right { right: .75rem; }

.help-widget {
	position: absolute;
	right: 1rem;
	bottom: 12rem;
}
.help-actions {
	position: absolute;
	right: 1rem;
	bottom: 2rem;
}

/* Responsive type and spacing */
@media (max-width: 991.98px) {
	.hero .container { padding-top: 5rem; }
	.hero-title { font-size: 3rem; }
	.help-widget { bottom: 11rem; }
}
@media (max-width: 575.98px) {
	.hero .container { padding-top: 4rem; }
	.hero-title { font-size: 2.4rem; }
	.help-actions a { font-size: .9rem; padding-top: .4rem; padding-bottom: .4rem; }
}

/* Gallery Rainbow Stack Effect */
.gallery-stack {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	margin: 2rem 0;
}

.gallery-item {
	position: absolute;
	width: 280px;
	height: 350px;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	cursor: pointer;
	transform-origin: center bottom;
}

.gallery-item:nth-child(1) {
	transform: rotate(-15deg) translateY(-20px);
	z-index: 1;
	border: 3px solid #ff6b6b;
}
.gallery-item:nth-child(2) {
	transform: rotate(-5deg) translateY(-10px);
	z-index: 2;
	border: 3px solid #4ecdc4;
}
.gallery-item:nth-child(3) {
	transform: rotate(5deg) translateY(-10px);
	z-index: 3;
	border: 3px solid #45b7d1;
}
.gallery-item:nth-child(4) {
	transform: rotate(15deg) translateY(-20px);
	z-index: 4;
	border: 3px solid #96ceb4;
}

.gallery-item:hover {
	transform: rotate(0deg) translateY(-30px) scale(1.05);
	z-index: 10;
	box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.gallery-item:hover img {
	transform: scale(1.1);
}

.gallery-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(transparent, rgba(0,0,0,0.8));
	color: white;
	padding: 2rem 1.5rem 1.5rem;
	transform: translateY(100%);
	transition: transform 0.4s ease;
}

.gallery-item:hover .gallery-overlay {
	transform: translateY(0);
}

.gallery-overlay h5 {
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.gallery-overlay p {
	margin: 0;
	font-size: 0.9rem;
	opacity: 0.9;
}

/* Responsive gallery */
@media (max-width: 768px) {
	.gallery-stack {
		height: 300px;
	}
	.gallery-item {
		width: 200px;
		height: 250px;
	}
	.gallery-item:nth-child(1) { transform: rotate(-10deg) translateY(-15px); }
	.gallery-item:nth-child(2) { transform: rotate(-3deg) translateY(-8px); }
	.gallery-item:nth-child(3) { transform: rotate(3deg) translateY(-8px); }
	.gallery-item:nth-child(4) { transform: rotate(10deg) translateY(-15px); }
}

/* Responsive Lead Pastors section */
@media (max-width: 991.98px) {
	.lead-pastors-section .row {
		flex-direction: column;
	}
	.lead-pastors-section .col-lg-6:first-child {
		margin-bottom: 2rem;
	}
	.lead-pastors-section .ratio {
		max-width: 500px;
		margin: 0 auto;
	}
}

@media (max-width: 576px) {
	.lead-pastors-section .ratio {
		max-width: 100%;
		margin: 0;
	}
	.lead-pastors-section h3 {
		font-size: 1.75rem;
		text-align: center;
	}
	.lead-pastors-section p {
		font-size: 0.95rem;
		line-height: 1.6;
	}
}