/*
 * rich-content-extras.css
 *
 * Tiny public stylesheet that pairs with the admin's image-style toolbar
 * buttons (Round / Round Corners / Shadow). The CKEditor adds these classes
 * to selected images; the public rewriter (rpsa_render_rich_html) preserves
 * them; this stylesheet renders them.
 *
 * Scoped under .rpsa-prose so the rules cannot leak to the rest of the site.
 * The .rpsa-content-image frame defined in style.css is overridden as needed
 * — these decorator classes always win when the author opts in.
 */

.rpsa-prose img.imgrounded {
	border-radius: 100%;
}

.rpsa-prose img.imgroundcorners {
	border-radius: 10px;
}

.rpsa-prose img.withshadow {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
}

/* ---- Team-page anchored-member highlight ------------------------------
   The admin Preview link for Staff / Blog Only team members links to
   /about/rpsa-status-council/#team-member-{id}. The :target rule briefly
   highlights the matching card so the editor can spot it after the page
   scrolls. The animation runs once and lasts a couple of seconds.
------------------------------------------------------------------------ */

@keyframes rpsa-team-target-flash {
	0%   { box-shadow: 0 0 0 0 rgba(222, 111, 29, 0); }
	30%  { box-shadow: 0 0 0 6px rgba(222, 111, 29, 0.45); }
	100% { box-shadow: 0 0 0 0 rgba(222, 111, 29, 0); }
}

.speaker-block-four:target,
.event-block-two:target {
	scroll-margin-top: 100px; /* sits below any sticky header on jump */
	animation: rpsa-team-target-flash 2.2s ease-out 0.2s 1;
	border-radius: 14px;
}

/*
 * Cursor — the trailing/idle circles are disabled per spec; only the custom
 * hover shapes should appear. The hover system still applies when the user
 * is over a link, button, or anything with [data-cursor-shape].
 *
 * Hide the small leading dot entirely, and hide the trailing layer unless
 * it has a real (non-blank) shape inside it.
 */
.page-wrapper > .circle {
	display: none !important;
}

.page-wrapper > .circle-follow .cursor-shape--blank {
	display: none;
}