Additional CSS
.site-title { display: none !important; }
.site-description { display: none !important; }
/* ============================================================
SYNAPSE HOME NETWORK — COMPREHENSIVE MOBILE OPTIMISATION
Applied to all pages. Breakpoints: 767px (tablet/mobile)
============================================================ */
/* ── GLOBAL: Reduce section padding on mobile ── */
@media (max-width: 767px) {
.elementor-section .elementor-container {
padding-left: 20px !important;
padding-right: 20px !important;
}
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 100% !important;
}
/* ── HERO SECTIONS: Better text sizing ── */
.elementor-widget-heading h1 {
font-size: 32px !important;
line-height: 1.2 !important;
}
.elementor-widget-heading h2 {
font-size: 24px !important;
line-height: 1.25 !important;
}
.elementor-widget-heading h3 {
font-size: 20px !important;
line-height: 1.3 !important;
}
/* ── ALL INLINE GRIDS → SINGLE COLUMN on mobile ── */
/* 4-col icon grids (pool services included) */
div[style*=”grid-template-columns:repeat(4,1fr)”],
div[style*=”grid-template-columns: repeat(4, 1fr)”] {
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
/* 3-col service cards, reviews, case studies */
div[style*=”grid-template-columns:repeat(3,1fr)”],
div[style*=”grid-template-columns: repeat(3, 1fr)”] {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
/* 2-col grids (About page values, form, etc) */
div[style*=”grid-template-columns:repeat(2,1fr)”],
div[style*=”grid-template-columns: repeat(2, 1fr)”] {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
/* Neighbourhood grids (3-col in service pages) */
div[style*=”grid-template-columns:repeat(3,1fr)”][style*=”gap:10px”],
div[style*=”grid-template-columns:repeat(3,1fr)”][style*=”gap: 10px”] {
grid-template-columns: 1fr !important;
gap: 8px !important;
}
/* ── STATS BAR: Stack vertically ── */
div[style*=”display:flex;justify-content:center;align-items:center;flex-wrap:wrap”] {
flex-direction: column !important;
gap: 12px !important;
padding: 8px 0 !important;
}
/* Hide pipe dividers in stats bar on mobile */
div[style*=”display:flex;justify-content:center”] > div[style*=”color:rgba(255,255,255,0.2)”] {
display: none !important;
}
/* ── TWO-COLUMN SECTIONS: Stack on mobile ── */
/* Elementor 58/42 or 60/40 splits */
.elementor-column.elementor-col-58,
.elementor-column.elementor-col-60,
.elementor-column.elementor-col-42,
.elementor-column.elementor-col-40 {
width: 100% !important;
}
/* Inline flex two-column layouts */
div[style*=”display:flex;gap:32px”],
div[style*=”display:flex;gap:36px”],
div[style*=”display:flex;gap: 32px”],
div[style*=”display:flex;gap: 36px”] {
flex-direction: column !important;
gap: 20px !important;
}
/* Image inside two-col sections: full width */
div[style*=”display:flex”] > div[style*=”min-width:260px”],
div[style*=”display:flex”] > div[style*=”min-width:280px”] {
min-width: unset !important;
width: 100% !important;
}
/* ── CTA BUTTONS: Full width on mobile ── */
div[style*=”display:flex;justify-content:center;gap:16px”] {
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
}
div[style*=”display:flex;justify-content:center;gap:16px”] a {
width: 85% !important;
text-align: center !important;
padding: 16px 20px !important;
box-sizing: border-box !important;
}
/* ── PRICING TABLE: Horizontal scroll on mobile ── */
.wp-block-table,
figure.wp-block-table {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
display: block !important;
}
.wp-block-table table {
min-width: 560px !important;
font-size: 13px !important;
}
/* ── REVIEW CARDS: Full width, better spacing ── */
div[style*=”grid-template-columns:repeat(3,1fr)”][style*=”border-top:4px solid #C8A84B”] {
grid-template-columns: 1fr !important;
}
/* Individual review cards */
div[style*=”border-top:4px solid #C8A84B”][style*=”border-radius:10px”] {
padding: 22px 18px !important;
}
/* Review text smaller on mobile */
div[style*=”border-top:4px solid #C8A84B”] p[style*=”font-style:italic”] {
font-size: 13px !important;
line-height: 1.75 !important;
}
/* ── CASE STUDY CARDS ── */
div[style*=”display:grid”][style*=”gap:28px”] {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
div[style*=”border-left:4px solid #0D7C8F”][style*=”border-radius:10px”] {
padding: 22px 18px !important;
}
/* ── HERO HERO PADDING: More breathing room ── */
.elementor-section[style*=”padding-top:120″],
.elementor-section[style*=”padding-top:100″] {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.elementor-section[style*=”padding-top:80″] {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
/* ── SERVICE ICON CARDS (4-grid): Proper 2×2 layout ── */
div[style*=”grid-template-columns:repeat(4,1fr)”] > div[style*=”border-radius:10px”] {
padding: 20px 14px !important;
}
div[style*=”grid-template-columns:repeat(4,1fr)”] strong[style*=”font-size:15px”] {
font-size: 13px !important;
}
div[style*=”grid-template-columns:repeat(4,1fr)”] span[style*=”font-size:13px”] {
font-size: 12px !important;
}
/* ── ABOUT PAGE: Contact details stacked ── */
div[style*=”display:flex;flex-direction:column;gap:20px”] {
gap: 14px !important;
}
/* ── NEIGHBOURHOOD PILLS: Single column list ── */
div[style*=”background:#FFFFFF”][style*=”border-left:3px solid #0D7C8F”][style*=”border-radius:6px”] {
padding: 10px 12px !important;
font-size: 12px !important;
}
/* ── STATS BAR NUMBERS: Smaller on mobile ── */
div[style*=”font-size:26px;font-weight:800;color:#FFFFFF”] {
font-size: 20px !important;
}
div[style*=”font-size:24px;font-weight:800;color:#FFFFFF”] {
font-size: 18px !important;
}
/* ── BODY TEXT: Slightly smaller on mobile ── */
.elementor-widget-text-editor p[style*=”font-size:16px”] {
font-size: 15px !important;
line-height: 1.8 !important;
}
.elementor-widget-text-editor p[style*=”font-size:15px”] {
font-size: 14px !important;
line-height: 1.75 !important;
}
/* ── GOOGLE MAPS IFRAME: Full width ── */
iframe[title*=”Synapse Home Network”] {
height: 300px !important;
}
/* ── MAX-WIDTH CENTRED TEXT BLOCKS ── */
p[style*=”max-width:820px”],
p[style*=”max-width:840px”],
p[style*=”max-width:780px”],
p[style*=”max-width:760px”],
p[style*=”max-width:640px”] {
max-width: 100% !important;
}
/* ── SECTION PADDING OVERRIDES ── */
.elementor-top-section > .elementor-container {
padding-left: 16px !important;
padding-right: 16px !important;
}
/* ── CONTACT FORM GRID ── */
.synapse-form {
grid-template-columns: 1fr !important;
}
.synapse-form .full {
grid-column: 1 !important;
}
/* ── HEADER: More compact on mobile ── */
.kadence-mobile-enabled .site-branding {
max-width: 160px !important;
}
/* ── BLOG POST TABLES: Responsive scroll ── */
.entry-content table,
.wp-block-table table,
article table {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
font-size: 13px !important;
white-space: nowrap !important;
}
.entry-content th,
.entry-content td,
article th,
article td {
padding: 8px 10px !important;
font-size: 12px !important;
white-space: normal !important;
min-width: 100px !important;
}
/* ── PRE-HEADLINE LABELS ── */
p[style*=”letter-spacing:5px”],
p[style*=”letter-spacing:6px”],
p[style*=”letter-spacing:4px”] {
letter-spacing: 2px !important;
font-size: 11px !important;
}
/* ── WHY ONE TEAM SECTION ── */
div[style*=”display:flex;gap:16px;align-items:flex-start”] {
gap: 10px !important;
}
}
/* ── TABLET OPTIMISATIONS (768px – 1024px) ── */
@media (min-width: 768px) and (max-width: 1024px) {
div[style*=”grid-template-columns:repeat(4,1fr)”] {
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
div[style*=”grid-template-columns:repeat(3,1fr)”] {
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
}
.elementor-widget-heading h1 {
font-size: 38px !important;
}
.elementor-widget-heading h2 {
font-size: 28px !important;
}
}