/* =====================================================================
   svcp27-footer.css
   Footer widget formatting that applies on every page (the footer is shared by the home page and the
   Client Services pages, which load different main stylesheets). Loaded last, after svcp27-weights.css.
   ===================================================================== */

/* The disclaimer ("Past Performance is No Guarantee of Future Results"): a quiet bordered box, the
   heading set apart by a hairline, and the notice broken into its three statements.
   The widget gets the class svcp-disclaimer from inc/footer-content.php. */
html body.svcp27 #footer-widgets .svcp-disclaimer .widget-main {
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 5px;
	background: rgba(255, 255, 255, .04);
	padding: 26px 28px 14px;
}
html body.svcp27 #footer-widgets .svcp-disclaimer .widget-title {
	margin: 0 0 18px;
	padding: 0 0 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .18);
	color: #ffffff !important;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .13em;
	line-height: 1.55;
}
html body.svcp27 #footer-widgets .svcp-disclaimer .textwidget p {
	margin: 0 0 14px;
	font-size: 15.5px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .74) !important;
}
/* the first statement leads */
html body.svcp27 #footer-widgets .svcp-disclaimer .textwidget p:first-child {
	color: rgba(255, 255, 255, .92) !important;
}
/* the copyright and reuse terms are the fine print */
html body.svcp27 #footer-widgets .svcp-disclaimer .textwidget p:last-child {
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .62) !important;
}
@media (max-width: 860px) {
	html body.svcp27 #footer-widgets .svcp-disclaimer .widget-main { padding: 22px 22px 12px; }
}

/* Footer column headings (Investment Updates, Client Login, the disclaimer heading): two pixels bigger than the
   theme's 13px, owner request 2026-10-23. Applies on every page. */
html body.svcp27 #footer-widgets .widget-title { font-size: 15px !important; }
/* The disclaimer box heading is the longest, so it runs a little smaller than the other footer headings (owner request 2026-10-24). */
html body.svcp27 #footer-widgets .svcp-disclaimer .widget-title { font-size: 13px !important; }

/* Footer brand band headings (Explore, Contact): two pixels bigger than the theme's 13px, owner request 2026-10-23. */
html body.svcp27 .svcp-fbrand-h { font-size: 15px !important; }

/* =====================================================================
   Footer brand band (logo and tagline, Explore, Contact): was thin and spread out. Columns pulled closer
   together, the Explore list split into two columns, text a little larger (owner request 2026-10-23).
   ===================================================================== */
@media (min-width: 861px) {
	html body.svcp27 .svcp-fbrand-grid { gap: clamp(28px, 3vw, 48px); align-items: start; }
	/* About | Client Services | Updates | Contact (the columns mirror the top navigation) */
	html body.svcp27 .svcp-fbrand-grid--cols-4 { grid-template-columns: 1.2fr .8fr .8fr 1.2fr; }
	/* fallback when no menu is assigned: About | Explore | Contact */
	html body.svcp27 .svcp-fbrand-grid--cols-3 { grid-template-columns: 1.3fr 1.5fr 1fr; }
}
html body.svcp27 .svcp-fbrand-links li { break-inside: avoid; line-height: 1.9; }
/* the column heading can be a link (Client Services, Updates): keep it looking like a heading */
html body.svcp27 #footer-brand .svcp-fbrand-h a { color: #ffffff !important; font: inherit !important; letter-spacing: inherit; text-transform: inherit; text-decoration: none; }
html body.svcp27 #footer-brand .svcp-fbrand-h a:hover { color: var(--svcp-accent) !important; }
html body.svcp27 .svcp-fbrand-logo-link { display: block; width: fit-content; line-height: 0; }
html body.svcp27 .svcp-fbrand-logo-link .svcp-fbrand-logo { display: block; }
html body.svcp27 .svcp-fbrand-logo { height: 52px; margin-bottom: 18px; }
html body.svcp27 .svcp-fbrand-tag { font-size: clamp(16px, 1.25vw, 18px); max-width: 34ch; }
html body.svcp27 #footer-brand a,
html body.svcp27 .svcp-fbrand-address { font-size: 16px; }
html body.svcp27 .svcp-fbrand-address { line-height: 1.65; }
html body.svcp27 .svcp-fbrand-directions { display: inline-block; margin-top: 8px; }

/* Contact form status line (below the form): success and error */
html body.svcp27 .svcp-form .svcp-form-note { margin: 16px 0 0; padding: 12px 16px; border-radius: 5px; border: 2px solid; background: transparent; color: #fff; font-size: 17px; line-height: 1.45; }
html body.svcp27 .svcp-form .svcp-form-ok { color: #fff; background: transparent; border-color: #4ade80; }
html body.svcp27 .svcp-form .svcp-form-err { color: #fff; background: transparent; border-color: #f87171; }
