/*
* site-polish.css — corrections layered on top of the existing theme.
*
* Additive only. Removing this one restores the site exactly as
* captured from SiteGround.
*/
/* ---------------------------------------------------------------------------
* X follow card.
*
* Replaces the "Advanced Facebook Twitter Widget" block. That widget reserved
* height="888" for a timeline X no longer renders — anonymous embedded
* timelines are deprecated, so it was 888px of empty space plus a third-party
* script. This is a static card with the X mark inlined, so it needs no
* external request and takes only the room it uses.
* ------------------------------------------------------------------------ */
.sp-x-follow-wrap {
display: flex;
justify-content: center;
padding: 8px 0 4px;
}
/* Solid black, not a translucent panel.
*
* The first version used a near-transparent white fill with a hairline white
* border, which assumed a dark backdrop. It actually lands on the cream section
* (rgb(222,219,193)), where white-on-light washed out to near-invisible. Black
* is also X's own brand colour, so it reads correctly wherever the card ends up
* -- this same component appears on four pages with different backgrounds. */
.sp-x-follow {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 14px 22px;
border: 1px solid #000;
border-radius: 8px;
background: #000;
color: #fff;
text-decoration: none;
font-weight: 600;
letter-spacing: 0.02em;
line-height: 1.2;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.sp-x-follow:hover,
.sp-x-follow:focus-visible {
background: #1c1c1c;
border-color: #1c1c1c;
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.26);
color: #fff;
text-decoration: none;
}
.sp-x-follow:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.sp-x-follow svg {
flex: 0 0 auto;
width: 19px;
height: 19px;
fill: currentColor;
}
.sp-x-follow .sp-x-handle {
display: block;
font-size: 13px;
font-weight: 400;
opacity: 0.62;
letter-spacing: 0;
}
/* ---------------------------------------------------------------------------
* Elementor social icons.
*
* The bird glyph came from a FontAwesome build that predates fa-x-twitter, so
* the was replaced with an inline SVG. Elementor sized the glyph via
* font-size, which an SVG ignores, so it needs explicit dimensions to match the
* other icons in the row.
* ------------------------------------------------------------------------ */
/* Elementor colours the glyph white via `.elementor-social-icon i`, which does
* not match an