/* Blocksy's header and footer in the VoiceXtreme look. Colours and the font come from
   Blocksy's own settings (applied on the setup screen); this adds what Blocksy has no setting for. */

/* "Book a demo" in the header: the site's primary button. */
.ct-header-cta .ct-button{
  background:linear-gradient(180deg,#FFB454,#FF9E2C); color:#1A1206; border:0; border-radius:999px;
  font-family:'IBM Plex Sans', system-ui, sans-serif; font-weight:600; letter-spacing:.1px;
  box-shadow:0 10px 30px -10px rgba(255,158,44,.5), inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .18s ease;
}
.ct-header-cta .ct-button:hover{ transform:translateY(-2px); color:#1A1206; background:linear-gradient(180deg,#FFB454,#FF9E2C); }

/* Menu links in the site's secondary ink, the current page underlined in amber. */
.ct-header [data-id="menu"] > ul > li > a{ color:#44566E; }
.ct-header [data-id="menu"] > ul > li > a:hover,
.ct-header [data-id="menu"] > ul > li.current-menu-item > a{ color:#0F1826; }
.ct-header [data-id="menu"] > ul > li.current-menu-item > a{ box-shadow:inset 0 -1.5px 0 #FFB454; }

/* Footer: small print in the site's style. */
.ct-footer .widget-title, .ct-footer h3{ font-family:'IBM Plex Mono', ui-monospace, monospace; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:#687793; }
.ct-footer ul.wp-block-list{ list-style:none; padding:0; }
.ct-footer [data-id="copyright"]{ font-family:'IBM Plex Mono', ui-monospace, monospace; font-size:.74rem; color:#687793; }