/* Water4Chad — Global Styles */
/* ========================= */
/* Typography & Base */
body {
font-family: ‘Helvetica Neue’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Arial, sans-serif !important;
color: #1a1a1a;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
font-family: ‘Helvetica Neue’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Arial, sans-serif !important;
font-weight: 800;
color: #1a1a1a;
}
/* Remove any old blue colors */
a { color: #329895; }
a:hover { color: #045955; }
/* Header / Nav */
.site-header,
nav.main-navigation,
.main-navigation {
background: #ffffff !important;
border-bottom: 1px solid #C2DCDB !important;
}
.main-navigation a,
.site-header a,
.menu-item a {
color: #1a1a1a !important;
font-weight: 600 !important;
font-size: 0.95em !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.main-navigation a:hover,
.menu-item a:hover {
color: #329895 !important;
}
/* Donate button in nav */
.menu-item.donate-button a,
.menu-item a[href*=”donate”] {
background: #329895 !important;
color: #ffffff !important;
padding: 10px 24px !important;
border-radius: 50px !important;
font-weight: 700 !important;
}
.menu-item.donate-button a:hover,
.menu-item a[href*=”donate”]:hover {
background: #045955 !important;
}
/* Buttons */
.wp-block-button__link,
button,
input[type=”submit”],
.button {
background: #329895 !important;
color: #ffffff !important;
border: none !important;
border-radius: 50px !important;
padding: 14px 36px !important;
font-weight: 700 !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
}
.wp-block-button__link:hover,
button:hover,
input[type=”submit”]:hover,
.button:hover {
background: #045955 !important;
}
/* Footer */
.site-footer,
footer,
.footer-widgets {
background: #045955 !important;
color: #ffffff !important;
}
.site-footer a,
footer a,
.footer-widgets a {
color: #72B7B3 !important;
}
.site-footer a:hover,
footer a:hover,
.footer-widgets a:hover {
color: #ffffff !important;
}
/* Remove default content padding for full-width pages */
.page .site-content .content-area {
padding: 0 !important;
max-width: 100% !important;
}
.page .entry-content,
.page .inside-article {
padding: 0 !important;
max-width: 100% !important;
margin: 0 !important;
}
.page .inside-article > .entry-content {
max-width: 100% !important;
width: 100% !important;
}
/* Remove page title on pages (we use custom hero sections) */
.page .entry-header {
display: none !important;
}
/* Make sure images are responsive */
img {
max-width: 100%;
height: auto;
}
/* GeneratePress specific overrides */
.site-content {
padding: 0 !important;
}
.container.grid-container {
max-width: 100% !important;
padding: 0 !important;
}
.page .container.grid-container {
max-width: 100% !important;
}
/* Clean sidebar removal for pages */
.page .sidebar {
display: none !important;
}
.page #primary {
width: 100% !important;
max-width: 100% !important;
}
/* Smooth scrolling */
html {
scroll-behavior: smooth;
}
/* Selection color */
::selection {
background: #329895;
color: #ffffff;
}
/* Modern airy feel */
.inside-article {
box-shadow: none !important;
border: none !important;
}
