LIVE NOW/* SAFEGUARD MINISTRIES WEBSITE STYLE */
/* Global Colors */
:root {
--sg-navy: #061b36;
--sg-blue: #0b78d0;
--sg-light-blue: #35b8ff;
--sg-white: #ffffff;
--sg-soft: #f4f8fc;
--sg-text: #1d2b3a;
--sg-muted: #5f6f82;
}
/* Overall Page Feel */
body {
background: var(--sg-soft);
color: var(--sg-text);
}
/* Hero Section */
section:first-of-type {
background: linear-gradient(135deg, #031429 0%, #082a52 55%, #0b78d0 100%) !important;
color: white !important;
padding-top: 90px !important;
padding-bottom: 90px !important;
position: relative;
overflow: hidden;
}
section:first-of-type h1,
section:first-of-type h2 {
color: white !important;
font-weight: 800 !important;
letter-spacing: -1px;
text-shadow: 0 8px 24px rgba(0,0,0,.35);
}
section:first-of-type p {
color: rgba(255,255,255,.9) !important;
font-size: 1.15rem;
max-width: 760px;
}
/* Section Headings */
h2, h3 {
color: var(--sg-navy) !important;
font-weight: 800 !important;
}
h2:after {
content: "";
display: block;
width: 75px;
height: 4px;
background: linear-gradient(90deg, var(--sg-blue), var(--sg-light-blue));
margin-top: 14px;
border-radius: 99px;
}
/* Buttons */
.sqs-block-button-element,
button,
input[type="submit"] {
background: linear-gradient(135deg, var(--sg-blue), var(--sg-light-blue)) !important;
color: white !important;
border-radius: 999px !important;
padding: 16px 28px !important;
font-weight: 700 !important;
letter-spacing: .3px;
box-shadow: 0 12px 28px rgba(11,120,208,.28);
transition: all .25s ease;
}
.sqs-block-button-element:hover,
button:hover,
input[type="submit"]:hover {
transform: translateY(-2px);
box-shadow: 0 16px 34px rgba(11,120,208,.38);
}
/* Service Cards */
.sqs-block-summary-v2,
.summary-item,
.user-items-list-item-container,
[data-section-id] .list-item {
border-radius: 22px !important;
background: white !important;
box-shadow: 0 14px 35px rgba(6,27,54,.10);
transition: all .25s ease;
}
.summary-item:hover,
.user-items-list-item-container:hover,
[data-section-id] .list-item:hover {
transform: translateY(-5px);
box-shadow: 0 20px 45px rgba(6,27,54,.16);
}
/* Process / Our Process Style */
.list-section-title,
.accordion-item__title {
color: var(--sg-navy) !important;
font-weight: 800 !important;
}
.accordion-item {
background: white !important;
border: 1px solid rgba(6,27,54,.08) !important;
border-radius: 18px !important;
margin-bottom: 14px !important;
box-shadow: 0 10px 25px rgba(6,27,54,.06);
overflow: hidden;
}
.accordion-item__description {
color: var(--sg-muted) !important;
line-height: 1.7;
}
/* Mission Statement Block */
blockquote {
background: white;
border-left: 6px solid var(--sg-blue);
border-radius: 18px;
padding: 28px 32px;
box-shadow: 0 14px 32px rgba(6,27,54,.08);
color: var(--sg-navy);
font-size: 1.25rem;
line-height: 1.65;
}
/* Donation Section */
#donate,
.donate,
section:has(a[href*="venmo"]),
section:has(a[href*="zelle"]) {
background: linear-gradient(135deg, #061b36, #082a52) !important;
color: white !important;
border-radius: 28px;
}
#donate h2,
#donate h3,
.donate h2,
.donate h3 {
color: white !important;
}
#donate p,
.donate p {
color: rgba(255,255,255,.86) !important;
}
/* Images and Logos */
img {
border-radius: 14px;
}
.logo-image img,
.header-title-logo img {
border-radius: 0 !important;
}
/* Footer */
footer {
background: var(--sg-navy) !important;
color: white !important;
}
footer p,
footer a {
color: rgba(255,255,255,.85) !important;
}
/* Mobile Improvements */
@media screen and (max-width: 767px) {
section:first-of-type {
padding-top: 65px !important;
padding-bottom: 65px !important;
}
section:first-of-type h1 {
font-size: 2.4rem !important;
}
h2 {
font-size: 2rem !important;
}
blockquote {
padding: 22px;
font-size: 1.05rem;
}
}