/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 29 2026 | 22:22:07 */
/* Apples a base widget card style to all widgets in the sidebar. */
#sidebar-primary .widget {
	background: #FAFAFA;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	padding: 12px;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgb(0 0 0 / 3%);
}
/* Pull the first widget up slightly to reduce gap from page top */
#sidebar-primary .widget:first-child {
	margin-top: -4px;
}
/*
Title widgets:
#block-19 (Upcoming Events heading)
#block-20 (Repeaters heading)
Renders as the TOP half of the card:
- Rounded top corners only
- No bottom border (content widget provides that edge)
- No bottom padding (content widget starts flush below)
- Zero bottom margin (content widget attaches directly)
*/
#block-19,
#block-20 {
	background: #F4F6F8 !important;
	border: 1px solid #CCC !important;
	border-bottom: none !important;
	border-radius: 3px 3px 0 0 !important;
	box-shadow: 0 2px 6px rgb(0 0 0 / 7%) !important;
	padding: 12px 12px 0 !important;
	margin: 0 !important;
}
/*
Content widgets:
#block-8 (Sugar Calendar event list)
#block-24 (Repeater frequency list)
Renders as the BOTTOM half of the card:
- Rounded bottom corners only
- No top border (title widget provides that edge)
- Zero top margin (attaches directly to title widget)
- 28px bottom margin creates separation between the two cards
*/
#block-8,
#block-24 {
	background: #F4F6F8 !important;
	border: 1px solid #CCC !important;
	border-top: none !important;
	border-radius: 0 0 3px 3px !important;
	box-shadow: 0 2px 6px rgb(0 0 0 / 7%) !important;
	padding: 12px !important;
	margin: 0 0 28px !important;
}
/* Styles h1 headings inside the title widgets. IDs are set on the heading elements in the block editor. */
#home-mini-cal-header,
#home-mini-rpt-header {
	margin: 0 !important;
	padding: 0 0 6px !important;
	border-bottom: 2px solid #5685BD;
	/* Club blue accent line */
	font-size: 17px !important;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.2px;
	text-align: left !important;
	text-transform: uppercase;
}
/* The Sugar Calendar plugin renders a <form> containing only hidden inputs used for JavaScript state when the display mode set to plain. As a block-level element it creates unwanted top spacing. We need this to be hidden in order to making the element spacing appear correct. */
#block-8 form.sugar-calendar-block-settings {
	display: none !important;
}
/* Popover panels (month picker, calendar filter, display selector) are not useful in a narrow sidebar */
#block-8 .sugar-calendar-block__popover {
	display: none !important;
}
/* Reset all internal Sugar Calendar wrapper elements. The plugin wraps the event list in several nested divs, each of which may carry margin, padding, or gap from the plugin's own stylesheet. */
#block-8 .sugar-calendar-event-list-block,
#block-8 .sugar-calendar-event-list-block__plain-view,
#block-8 .sugar-calendar-event-list-block__base-container,
#block-8 .sugar-calendar-block__base-container,
#block-8 .sugar-calendar-event-list-block__plainview {
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;
}
/* Individual event rows in plain view. Each event gets 7px top and bottom padding with a separator line below. First and last rows are special-cased below. */
#block-8 .sugar-calendar-event-list-block__plainview__event {
	display: block !important;
	margin: 0 !important;
	padding: 7px 0 !important;
	border-top: 0 !important;
	border-bottom: 1px solid #DDD !important;
	min-height: 0 !important;
	height: auto !important;
}
/* First event sits flush against the header — no top padding */
#block-8 .sugar-calendar-event-list-block__plainview__event:first-child {
	padding-top: 0 !important;
}
/* Last event has no bottom padding or separator line */
#block-8 .sugar-calendar-event-list-block__plainview__event:last-child {
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}
/* Event title — uppercase bold, matches repeater frequency style */
#block-8 h4.sugar-calendar-event-list-block__event__title {
	margin: 0 0 2px !important;
	padding: 0 !important;
	font-size: 14px !important;
	font-weight: 700;
	line-height: 1.15 !important;
	text-transform: uppercase;
}
/* Event title link — inherits all typography from the h4 above */
#block-8 .sugar-calendar-event-list-block__event__title a {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	text-transform: inherit;
}
/* Event date/time row — small gray text */
#block-8 .sugar-calendar-event-list-block__plainview__event__time {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 3px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	color: #666;
}
/* Reset margin and padding on all inline time elements */
#block-8 .sugar-calendar-event-list-block__plainview__event__time span,
#block-8 .sugar-calendar-event-list-block__plainview__event__time time {
	margin: 0 !important;
	padding: 0 !important;
	line-height: inherit !important;
}
/* Hide the recur and calendar-day icon images rendered after the time. */
#block-8 .sugar-calendar-event-list-block__plainview__event__time img {
	display: none !important;
}
/* Each repeater entry is a div with two child divs: one for the frequency/location and one for the technical details. Classes are used (not IDs) since these elements repeat — IDs must be unique per page. The outer wrapper retains its ID as it is unique. Each repeater entry — separator line below, 7px top and bottom padding */
.home-mini-repeater-list-entry {
	padding: 7px 0;
	border-bottom: 1px solid #DDD;
}
/* First entry sits flush against the header */
.home-mini-repeater-list-entry:first-child {
	padding-top: 0;
}
/* Last entry has no bottom padding or separator line */
.home-mini-repeater-list-entry:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
/* Frequency and location — uppercase bold, matches event title style */
.home-mini-repeater-list-entry-frequency {
	margin: 0 0 2px;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.15;
	text-transform: uppercase;
}
/* Technical details (tone, mode) — small gray text */
.home-mini-repeater-list-entry-details {
	margin: 0;
	font-style: normal;
	font-size: 12px;
	line-height: 1.25;
	color: #666;
}