/* Settings goldie.css expects that the current gold-i.com stylesheet doesn't define. Scoped to Goldie only. */
.goldie-panel {
  --line-light: #ededed;
  --muted-dark: rgba(255, 255, 255, 0.72);
  --font-display: "Lato", sans-serif;
  --font-body: "Lato", sans-serif;
}
.goldie-panel .visually-hidden {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.goldie-panel p, .goldie-panel ul { font-family: var(--font-body); }

/* Contact cards: four to a row keep phone numbers and emails on one line; cards with an Ask Goldie, live chat
   or phone link act on it from anywhere on the card (goldie.js, goldie-prod.js). */
.flex-columns-4 > .component-cards-item { padding: 24px 20px !important; }
.component-cards-item:has(a[href="#ask-goldie"]), .component-cards-item:has(a[href="#live-chat"]),
.component-cards-item:has(a[href^="tel:"]) { cursor: pointer; }