diff --git a/css/custom.css b/css/custom.css index 7eaef14..619f1e1 100644 --- a/css/custom.css +++ b/css/custom.css @@ -1165,7 +1165,7 @@ header.main-header .header-sticky.active{ /************************************/ .about-us{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .about-image{ @@ -1282,7 +1282,7 @@ header.main-header .header-sticky.active{ .join-worship{ background-color: var(--secondary-color); - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .join-worship .section-title{ @@ -1460,7 +1460,7 @@ header.main-header .header-sticky.active{ /************************************/ .our-mission{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .mission-content-body{ @@ -1527,7 +1527,7 @@ header.main-header .header-sticky.active{ .our-services{ background-color: var(--secondary-color); - padding: 100px 0 70px; + padding: clamp(60px, 10vh, 80px) 0 clamp(40px, 6vh, 70px); } .service-item{ @@ -1737,7 +1737,7 @@ header.main-header .header-sticky.active{ .our-ministries{ background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%); - padding: 100px 0 50px; + padding: clamp(60px, 10vh, 100px) 0 clamp(30px, 5vh, 50px); } .our-ministries .section-title h2 span, @@ -1846,7 +1846,7 @@ header.main-header .header-sticky.active{ /************************************/ .our-sermons{ - padding: 50px 0 70px; + padding: clamp(40px, 8vh, 70px) 0; } .sermons-item{ @@ -1977,7 +1977,7 @@ header.main-header .header-sticky.active{ background: var(--secondary-color) url('../images/verse-church-bg.png') no-repeat; background-position: right center; background-size: contain; - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .verse-church-btn{ @@ -2018,7 +2018,7 @@ header.main-header .header-sticky.active{ .cta-box{ background-color: var(--accent-color); - padding: 50px 0; + padding: clamp(40px, 8vh, 60px) 0; } .cta-box-content{ @@ -2065,7 +2065,7 @@ header.main-header .header-sticky.active{ /************************************/ .our-event{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .event-image figure{ @@ -2165,7 +2165,7 @@ header.main-header .header-sticky.active{ background: url('../images/donate-now-bg.jpg') no-repeat; background-position: center center; background-size: cover; - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .video-play-button{ @@ -2296,7 +2296,7 @@ header.main-header .header-sticky.active{ /************************************/ .our-blog{ - padding: 100px 0 70px; + padding: clamp(60px, 10vh, 80px) 0; } .blog-item{ @@ -2406,7 +2406,7 @@ header.main-header .header-sticky.active{ background: url('../images/subscribe-newsletter-bg.jpg') no-repeat; background-position: center center; background-size: cover; - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .subscribe-newsletter::before{ @@ -2487,7 +2487,7 @@ header.main-header .header-sticky.active{ /************************************/ .main-footer{ - padding: 100px 0 0; + padding: clamp(60px, 10vh, 100px) 0; background: var(--primary-color); } @@ -2721,7 +2721,7 @@ header.main-header .header-sticky.active{ .vision-mission{ background-color: var(--secondary-color); - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .vision-mission .section-row .section-title{ @@ -2808,7 +2808,7 @@ header.main-header .header-sticky.active{ } .what-we-do{ - padding: 100px 0 70px; + padding: clamp(60px, 10vh, 80px) 0; } .what-we-item{ @@ -2855,7 +2855,7 @@ header.main-header .header-sticky.active{ .our-team{ background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%); - padding: 100px 0 20px; + padding: clamp(60px, 10vh, 100px) 0; } .our-team .section-row .section-title h3::before{ @@ -2966,7 +2966,7 @@ header.main-header .header-sticky.active{ } .pastors-message{ - padding: 50px 0 100px; + padding: clamp(40px, 8vh, 80px) 0; } .pastors-image{ @@ -3018,7 +3018,7 @@ header.main-header .header-sticky.active{ .core-value{ background-color: var(--secondary-color); - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .core-value-faqs-accordion .accordion-item{ @@ -3150,7 +3150,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-services{ - padding: 100px 0 70px; + padding: clamp(60px, 10vh, 80px) 0; } .page-services .service-item{ @@ -3162,7 +3162,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-service-single{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .service-single-content{ @@ -3441,7 +3441,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-blog{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .page-blog .blog-item{ @@ -3454,7 +3454,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-single-post{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .post-single-meta ol li.breadcrumb-item{ @@ -3660,7 +3660,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-sermons{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .page-pagination{ @@ -3702,7 +3702,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-sermons-single{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .sermons-single-content{ @@ -3915,7 +3915,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-campaign{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .campaign-item{ @@ -4054,7 +4054,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-campaign-single{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .campaign-single-content{ @@ -4354,7 +4354,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-ministries{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } /**************************************/ @@ -4362,7 +4362,7 @@ header.main-header .header-sticky.active{ /**************************************/ .page-ministry-single{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .ministry-single-content{ @@ -4541,7 +4541,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-team{ - padding: 100px 0 70px; + padding: clamp(60px, 10vh, 80px) 0; } /************************************/ @@ -4549,7 +4549,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-gallery{ - padding: 100px 0 70px; + padding: clamp(60px, 10vh, 80px) 0; } .page-gallery-box .photo-gallery{ @@ -4576,7 +4576,7 @@ header.main-header .header-sticky.active{ /************************************/ .page-contact-us{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .contact-information{ @@ -4667,7 +4667,7 @@ header.main-header .header-sticky.active{ /************************************/ .error-page{ - padding: 100px 0; + padding: clamp(60px, 10vh, 100px) 0; } .error-page-image{