Contact Us - His Promise Ministry
/* Hide Elementor header/footer */
.elementor-location-header,
.elementor-location-footer,
header.site-header,
#masthead,
.site-header,
.ehf-header,
.hfe-header,
#site-footer,
.site-footer,
.dynamic-footer,
.page-header { display: none !important; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; overflow-x: hidden; }
.site-header,
.elementor-page .page-header { display: none !important; }
.site-content, #content, .entry-content, .site-main, .page-content { padding: 0 !important; margin: 0 !important; min-height: 0 !important; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background: #FDF0F5;
}
nav a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: #FADCE6; transition: width 0.3s ease; }
nav a:hover::after { width: 100%; }
/* Contact Cards */
.contact-cards-section { padding: 4rem 2rem; background: #FDF0F5; }
.contact-cards-section h2 { text-align: center; font-size: 2rem; color: #D4899E; margin-bottom: 2rem; }
.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; max-width: 900px; margin: 0 auto; }
.contact-card-item { display: flex; align-items: center; gap: 1rem; background: #fff; padding: 1.5rem; border-radius: 12px; box-shadow: 0 3px 12px rgba(0,0,0,0.08); text-decoration: none; color: #333; transition: all 0.3s ease; border: 2px solid transparent; }
.contact-card-item:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(212,137,158,0.2); border-color: #D4899E; }
.contact-card-item:active { transform: scale(0.97); }
.contact-card-icon { width: 50px; height: 50px; background: #D4899E; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.contact-card-icon svg { width: 24px; height: 24px; fill: white; }
.contact-card-icon .stroke-icon { fill: none; stroke: white; stroke-width: 2; }
.contact-card-text h3 { font-size: 1rem; color: #D4899E; margin-bottom: 0.2rem; }
.contact-card-text p { font-size: 0.9rem; color: #666; }
/* Connect Section (consolidated Follow Us + Send Us a Message) */
.connect-section { padding: 3rem 2rem; background: #FDF0F5; text-align: center; }
.connect-section h2 { font-size: 2rem; color: #D4899E; margin-bottom: 1rem; }
.connect-section p { color: #666; max-width: 500px; margin: 0 auto 1.5rem; }
.connect-row { display: flex; justify-content: center; align-items: center; gap: 1rem; flex-wrap: wrap; }
.social-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: #D4899E; color: #fff; text-decoration: none; padding: 0.7rem 1.5rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; transition: all 0.3s ease; }
.social-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(212,137,158,0.4); }
.social-btn:active { transform: scale(0.96); }
.social-btn svg { width: 20px; height: 20px; fill: white; }
.social-btn .stroke-icon { fill: none; stroke: white; stroke-width: 2; }
.message-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: #D4899E; color: #fff; text-decoration: none; padding: 0.7rem 1.5rem; border-radius: 50px; font-weight: 600; font-size: 0.9rem; transition: all 0.3s ease; }
.message-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(212,137,158,0.4); }
/* Footer - compact, same color as header */
footer { background: #D4899E; color: #fff; padding: 1rem 1.5rem 0.75rem; }
.footer-compact { max-width: 1200px; margin: 0 auto; text-align: center; }
.footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin-bottom: 0.75rem; }
.footer-links a { color: #FDF0F5; text-decoration: none; font-size: 0.85rem; transition: color 0.3s ease; }
.footer-links a:hover { color: #F4B8C8; }
.footer-social { display: flex; justify-content: center; gap: 0.6rem; margin-bottom: 0.75rem; }
.footer-social a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: rgba(255,255,255,0.15); border-radius: 50%; transition: background 0.3s ease; }
.footer-social a:hover { background: rgba(255,255,255,0.3); }
.footer-social svg { width: 16px; height: 16px; fill: white; }
.footer-bottom-compact { border-top: 1px solid rgba(255,255,255,0.2); padding-top: 0.5rem; }
.footer-bottom-compact p { font-size: 0.75rem; opacity: 0.8; }
/* Navigation */
nav {
background: #D4899E !important;
padding: 0.6rem 2rem;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 100%;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
nav ul {
list-style: none;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 1rem;
margin: 0;
padding: 0 1rem;
flex-wrap: wrap;
}
nav a {
color: #ffffff !important;
text-decoration: none;
font-size: 0.85rem;
transition: color 0.3s ease;
}
nav a:hover { color: #FADCE6; }
.nav-brand-mobile {
display: flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
flex-shrink: 0;
}
.nav-brand-mobile img {
width: 50px; height: 50px; border-radius: 50%;
clip-path: circle(38%); flex-shrink: 0;
}
.nav-brand-mobile span {
color: white !important;
font-family: 'Quicksand', sans-serif !important;
font-size: 1rem; font-weight: 600;
}
/* Hero - light pink */
.hero {
background: #FDF0F5;
color: #D4899E;
text-align: center;
padding: 1rem 1rem;
}
.hero h1 { font-size: 1.6rem; margin-bottom: 0.5rem; color: #D4899E; }
.hero p { font-size: 0.9rem; opacity: 0.85; color: #999; }
/* Desktop */
@media (min-width: 769px) {
h1 { font-size: 2.2rem !important; margin-bottom: 0.75rem !important; }
h2 { font-size: 1.8rem !important; margin-bottom: 0.6rem !important; }
h3 { font-size: 1.3rem !important; margin-bottom: 0.4rem !important; }
p { font-size: 1rem !important; line-height: 1.65 !important; }
nav { padding: 0.75rem 2rem !important; }
nav ul { gap: 1.5rem !important; padding: 0 !important; }
nav a { font-size: 0.95rem !important; }
section { padding: 2.5rem 2rem !important; }
.hero { padding: 3rem 2rem !important; }
.hero h1 { font-size: 2.4rem !important; }
.hero p { font-size: 1.1rem !important; }
}
/* Mobile */
@media (max-width: 768px) {
h1 { font-size: 1.35rem !important; margin-bottom: 0.5rem !important; line-height: 1.3 !important; }
h2 { font-size: 1.15rem !important; margin-bottom: 0.4rem !important; line-height: 1.3 !important; }
h3 { font-size: 1rem !important; margin-bottom: 0.3rem !important; }
h4 { font-size: 0.95rem !important; margin-bottom: 0.25rem !important; }
p { font-size: 0.85rem !important; line-height: 1.55 !important; margin-bottom: 0.5rem !important; }
section, div[class*="-section"] { padding: 1rem 0.875rem !important; }
nav { padding: 0.5rem 0 !important; }
nav ul { gap: 0.6rem !important; flex-wrap: wrap !important; padding: 0 0.75rem !important; }
nav a { font-size: 0.8rem !important; }
.contact-grid { grid-template-columns: 1fr; }
.connect-row { flex-direction: column; }
}
/* Responsive Image Sizing */
@media (min-width: 1024px) {
img { max-width: 100%; height: auto; }
.mission-image, .event-image, .content-image {
max-width: 90%; margin: 20px auto;
}
}
@media (min-width: 769px) and (max-width: 1023px) {
img { max-width: 95%; height: auto; }
.mission-image, .event-image, .content-image {
max-width: 85%; margin: 15px auto;
}
}
@media (max-width: 768px) {
img { max-width: 100%; height: auto; }
.mission-image, .event-image, .content-image {
max-width: 100%; margin: 10px auto;
}
}
Contact Us
We'd love to hear from you! Reach out anytime — together we can make a difference.
Connect With Us
Have a question, prayer request, or want to learn more? We'd love to connect with you!
Get the App
Install His Promise Ministry