KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix all section padding to use responsive clamp() values

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-03-17 13:54:13 -05:00
parent 9327b2dc29
commit 3b952a64d2
1 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
css/custom.css
View File

@@ -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{