/* footer */
.footer-info-box-content a{
    color: var(--secondary-color);
}
.footer-info-box-content a:hover{
    color: var(--accent-color);
}
.footer-copyright-text a{
    color: var(--secondary-color);
    transition: all 300ms ease-in-out;
}

.footer-copyright-text a:hover{
    color: var(--accent-color);
}


/* responsive */
@media (max-width: 768px) {
    .navbar {
        padding: 2px 0px;
    }

    .navbar-logo{
        max-height: 70px;
    }
    .section-title h1,
    .page-header-box h1{
        font-size: 45px;
    }

    .section-title h2,
    .service-entry h2,
    .cta-contact-content h2,
    .post-entry h2{
        font-size: 30px;
    }

    .process-icon-box i{
        font-size: 50px;
    }

    .section-title .description{
    background: rgba(255, 255, 255, 0.65); /* soft white glass */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    padding: 18px 22px;
    border-radius: 12px;

    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.08),  /* soft depth */
        0 2px 8px rgba(0, 0, 0, 0.05);    /* subtle edge */

    border: 1px solid rgba(255, 255, 255, 0.4);

    color: var(--primary-color);
}

.service-ticker .scrolling-content span{
    font-size: 30px;
}
.post-entry h3{
        font-size: 26px;
    }
}

@media (max-width: 426px) {
    .section-title h1,
    .page-header-box h1{
        font-size: 30px;
    }

    .section-title h2,
    .service-entry h2,
    .cta-contact-content h2,
    .post-entry h2{
        font-size: 25px;
    }

    .post-entry h3{
        font-size: 22px;
    }
}

@media (max-width: 376px) {
    .section-title h1,
    .page-header-box h1{
        font-size: 25px;
    }

    .section-title h2,
    .service-entry h2,
    .cta-contact-content h2,
    .post-entry h2{
        font-size: 20px;
    }
    
    .hero-content-body{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .highlighted-worship-content h3,
    .post-entry h3{
        font-size: 18px;
    }

    .post-single-meta ol li.breadcrumb-item,
    .post-entry p strong{
        font-size: 16px;
    }
}

@media (max-width: 320px) {
    .section-title h1,
    .page-header-box h1{
        font-size: 22px;
    }

    .section-title h2,
    .service-entry h2,
    .cta-contact-content h2,
    .post-entry h2{
        font-size: 18px;
    }

    p,
    .about-list-item-content h3,
    .page-header-box ol li.breadcrumb-item.active,
    .page-header-box ol li.breadcrumb-item a,
    .service-entry ul li, .post-single-meta ol li.breadcrumb-item,
    .post-entry p strong, .post-entry ul li{
        font-size: 14px;
    }

    .highlighted-worship-content h3,
    .worship-content h3, .counter-content h3,
    .mission-content-body h3,
    .service-content h3,
    .core-value-faqs-accordion .accordion-item .accordion-button,
    .vision-mission-body h3, .what-we-content h3,
    .team-content h3, .pastors-content-body h3,
    .post-entry h3, .contact-info-content h3 a,
    .post-entry blockquote p{
        font-size: 16px;
    }

    .project-nav-title{
        font-size: 16px !important;
    }
}

.service-content h3 a{
    color: var(--primary-color);
    transition: all 300ms ease-in-out;
}

.service-content h3 a:hover{
    color: white;
}