/*
Theme Name: City Church Custom Theme
Author: Jahmal
*/

/* Reset & base */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Lato', sans-serif; color: #333; line-height: 1.6; }
.container { width: 90%; max-width: 1100px; margin: 0 auto; }

/* Header & Navigation */
.site-header { background: #fff; border-bottom: 1px solid #ddd; padding: 1rem 0; }
.header-inner { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.site-logo { max-width: 200px; height: auto; }
.site-nav ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; gap: 1rem; }
.site-nav a { text-decoration: none; color: #1E88E5; }

/* Hero Section (Homepage Only) */
.hero { 
    padding: 3rem 0; 
    text-align: center; 
    background: #fff; /* Removed the grey box */
}
.hero h1, .hero .tagline { text-align: center; }
.hero-logo { 
    display: block; 
    margin: 0 auto 1.5rem; 
    width: 300px; /* Made slightly larger */
    max-width: 85%; 
    height: auto; 
}
.tagline { color: #8BC34A; }

/* Vision Statement */
.vision { padding: 2rem 0; background: #fff; text-align: center; }
.vision blockquote {
    font-style: italic;
    border-left: 4px solid #1E88E5;  /* This is the left blue bar */
    border-right: 4px solid #1E88E5; /* This is the new right blue bar */
    padding-left: 1.5rem;             /* Added padding for balance */
    padding-right: 1.5rem;            /* Added padding for balance */
    margin: 0 auto;
    max-width: 800px;
    text-align: left;
}
.vision cite {
    display: block;
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #555;
    text-align: left;
}

/* Footer */
.site-footer { background: #222; color: #aaa; padding: 1rem 0; text-align: center; }

/* Form Page Specific Styles */
.connect-form { max-width: 500px; margin: 2rem auto; text-align: left; }
.connect-form h1 { text-align: center; }
.connect-form label, .connect-form input, .connect-form select, .connect-form textarea, .connect-form button { width: 100%; display: block; margin-bottom: 1rem; }