/* seo-fixes.css - small additions that keep the existing VBCI theme colours
   (#964cfe purple, #800080 plum, #efdcfb lilac, #ffd138 gold) and layout. */
.skip-link:focus{position:absolute; left:10px; top:10px; z-index:10000; background:#fff; color:#800080; padding:8px 14px; border:2px solid #964cfe;}
img{max-width:100%; height:auto;}

/* Home */
.home-hero{max-width:1350px; margin:0 auto;}
.home-hero img{display:block; width:100%; height:auto;}
.home-title{font-size:28px; line-height:36px; color:#fff; margin-bottom:12px; font-weight:400;}
.sec2 .sec2-title{font-size:24px; margin-bottom:.25rem;}
.sec2 .sec2-title a{color:#333;}
.sec2 .sec2-title a:hover{color:#964cfe;}
.purple-box h2, .sec5 h2, .sec6 h2, .home-section h2{font-size:30px;}
.sec6 h2{color:#fff;}
.home-section{padding:60px 0;}
.home-section.alt{background:#f7f1fd;}
.home-intro p{font-size:18px; line-height:28px;}

/* Breadcrumb */
.vb-breadcrumb .breadcrumb{background:transparent; padding:0; margin:0 0 1.25rem; font-size:14px;}
.vb-breadcrumb .breadcrumb-item a{color:#800080;}
.vb-breadcrumb .breadcrumb-item.active{color:#666;}

/* Content typography */
.entry-content h2{font-size:28px; line-height:1.3; margin:2rem 0 1rem;}
.entry-content h3{font-size:22px; line-height:1.35; margin:1.5rem 0 .75rem;}
.entry-content p, .entry-content li{font-size:17px; line-height:1.7;}
.entry-content ul, .entry-content ol{margin-bottom:1.25rem;}
.page-lead{font-size:19px; line-height:1.7; color:#333;}
.content-narrow{max-width:860px; margin-left:auto; margin-right:auto;}
.cta-box{background:#efdcfb; border-left:6px solid #964cfe; padding:24px 28px; margin:2rem 0; border-radius:4px;}
.cta-box h2, .cta-box h3{margin-top:0;}
.cta-box .cbtn{margin:6px 8px 0 0;}
.related-links{background:#f7f7f7; padding:20px 24px; border-radius:4px; margin-top:2rem;}
.related-links h2{font-size:22px; margin-top:0;}
.related-links ul{margin-bottom:0;}
.ministry-photo{margin:0 0 1.5rem;}
.ministry-photo img{border:1px solid #e4e4e4; padding:3px; background:#fff;}
.ministry-photo figcaption{font-size:14px; color:#666; margin-top:6px;}

/* Blog */
.blog-grid .card{border:1px solid #e3d4f7; border-top:4px solid #964cfe; height:100%;}
.blog-grid .card-title{font-size:21px; line-height:1.35;}
.blog-grid .card-title a{color:#222;}
.blog-grid .card-title a:hover{color:#964cfe;}
.blog-grid .card-text{font-size:16px; line-height:1.6; color:#444;}
.blog-meta{font-size:14px; color:#666; margin-bottom:1rem;}
.article-body{max-width:820px; margin:0 auto;}
.article-body p, .article-body li{font-size:18px; line-height:1.75;}
.article-body blockquote{border-left:4px solid #964cfe; padding:8px 18px; margin:1.5rem 0; background:#faf6ff; font-style:italic;}
.key-points{background:#faf6ff; border:1px solid #e3d4f7; padding:18px 22px; border-radius:4px; margin:1.5rem 0;}
.key-points h2{font-size:20px; margin-top:0;}

/* Gallery (rebuilt with Bootstrap grid) */
.photo-grid figure{margin-bottom:24px;}
.photo-grid img{width:100%; height:220px; object-fit:cover; border:1px solid #e4e4e4; padding:2px;}
.photo-grid figcaption{font-size:14px; color:#555; text-align:center; margin-top:6px;}

/* Branches */
.card-columns .card h2{font-size:1.5rem;}

/* Footer: fill the old empty band and improve contrast */
#footer{padding:45px 0 20px;}
#footer .footer-title{font-size:18px; color:#fff; text-transform:uppercase; margin:0 0 15px;}
#footer p{color:#b8b8b8; line-height:1.7;}
#footer .footer-links li{margin-bottom:8px;}
#footer .footer-links a{color:#cfcfcf;}
#footer .footer-links a:hover{color:#ffd138;}
.copyright{color:#a0a0a0;}
.copyright a{color:#c7c7c7;}
@media (max-width:991px){
  #footer .footer-cols{text-align:center !important;}
}
@media (max-width:575px){
  .home-title{font-size:24px; line-height:30px;}
  .entry-content h2{font-size:24px;}
  .photo-grid img{height:auto;}
}
/* keep slide-in animations from creating sideways scrolling on phones */
.sec1, .sec3{overflow-x:hidden; overflow-x:clip;}