/* =========================================================================
   sticky-footer.css
   Force the site footer to be sticky at the bottom of the viewport with a
   solid black bar; reserve space in the page content so it never overlaps.
   Previously duplicated as /css/pages/<page>/sticky-footer.css across 7
   pages (africa, contact, news, project, rise, service, social) with only
   indentation differences in the shared core.
   ========================================================================= */

/* ULTRA ROBUST FOOTER FIX - FORCE STICKY */
.site-footer,
#colophon,
#colophon.site-footer,
footer#colophon {
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 20px 0 !important;
	clear: both !important;
	z-index: 99999 !important;
	transform: none !important;
	top: auto !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	min-height: 60px !important;
	max-height: none !important;
	overflow: visible !important;
	background: #000000 !important;
	border-top: none !important;
	box-shadow: none !important;
}

/* Color the larger footer area (Contact section) in solid black too */
#contact,
.elementor-element-7cdd405 {
	background-color: #000000 !important;
	background: #000000 !important;
	padding-bottom: 100px !important;
}

.site-footer .site-info {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	text-align: center !important;
	width: 100% !important;
	display: block !important;
}

.site-footer .site-info p {
	color: #ffffff !important;
	margin: 0 !important;
	font-size: 13px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
}

/* Remove bottom padding from body to eliminate white gap */
body {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/* Mobile: reduce contact-section padding to match smaller footer */
@media (max-width: 768px) {
	#contact,
	.elementor-element-7cdd405 {
		padding-bottom: 80px !important;
	}
}