/* Participant Dashboard: sidebar nav (Divi Menu module, WP menu 1154) beside a
   white content panel. On tablet and phone the nav collapses behind a
   "Upcoming events & dashboard menu" button at the top, so it is never buried under a long list. */
.sea-dash-assets.et_pb_module { display: none !important; }

.sea-dash.et_pb_section { padding-top: var(--space-header) !important; background: var(--sea-sand-soft) !important; }
.sea-dash .sea-dash-row.et_pb_row {
	display: grid !important;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: clamp(var(--sp-5), 3vw, var(--sp-7));
	align-items: start;
}
.sea-dash .sea-dash-row.et_pb_row::after { display: none; }
.sea-dash .sea-dash-row > .et_pb_column { width: auto !important; margin: 0 !important; float: none; }
.sea-sec .sea-dash-row .et_pb_module { margin: 0 !important; }
.sea-dash .sea-dash-row > .sea-dash-aside { position: sticky; top: var(--sp-6); }
body.admin-bar .sea-dash .sea-dash-row > .sea-dash-aside { top: calc(32px + var(--sp-6)); }

/* ---------- Nav ---------- */
.sea-dash-nav.et_pb_menu,
.sea-dash-nav.et_pb_menu * { text-align: left !important; }
.sea-dash-nav.et_pb_menu {
	padding: var(--sp-3) !important;
	border: 1px solid var(--sea-stone);
	border-radius: var(--sea-radius);
	background: #fff !important;
	box-shadow: none !important;
}
.sea-dash-nav .et_pb_menu_inner_container,
.sea-dash-nav .et_pb_menu__wrap,
.sea-dash-nav .et_pb_menu__menu { display: block !important; width: 100%; margin: 0; padding: 0; }
.sea-dash-nav .et_mobile_nav_menu,
.sea-dash-nav .et_pb_menu__icon,
.sea-dash-nav .et_pb_menu__logo-wrap { display: none !important; }
.sea-dash-nav .et_pb_menu__menu > nav { display: block !important; width: 100% !important; }
.sea-dash-nav .et_pb_menu__menu > nav > ul {
	display: flex !important;
	flex-direction: column;
	width: 100% !important;
	gap: var(--sp-1);
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.sea-dash-nav ul li {
	display: block !important;
	width: 100% !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.sea-dash-nav ul li::before,
.sea-dash-nav ul li::after,
.sea-dash-nav ul li > a::after { display: none !important; }
.sea-dash-nav ul li a {
	display: flex !important;
	align-items: center;
	min-height: 44px;
	padding: var(--sp-2) var(--sp-4) !important;
	border-radius: var(--sea-radius-sm);
	font-family: var(--font-sans);
	font-size: var(--fs-ui) !important;
	font-weight: var(--fw-medium) !important;
	line-height: var(--lh-title) !important;
	color: var(--sea-ink) !important;
	text-decoration: none;
	opacity: 1 !important;
	transition: background-color .2s, color .2s;
}
.sea-dash-nav ul li a:hover { background: var(--sea-sand-soft); color: var(--sea-navy) !important; }
.sea-dash-nav ul li a:focus-visible { outline: 2px solid var(--sea-blue); outline-offset: 2px; }
.sea-dash-nav ul li.current-menu-item > a,
.sea-dash-nav ul li.current_page_item > a {
	background: var(--sea-navy);
	font-weight: var(--fw-semibold) !important;
	color: #fff !important;
}

/* Groups ("My Self-Paced Trainings", "Find Training Opportunities"): label + always-open list. */
.sea-dash-nav .sea-dash-nav__group {
	display: block;
	margin-top: var(--sp-3);
	padding: var(--sp-4) var(--sp-4) var(--sp-2);
	border-top: 1px solid var(--sea-sand);
	font-family: var(--font-sans);
	font-size: var(--fs-ui);
	font-weight: var(--fw-bold);
	line-height: var(--lh-snug);
	color: var(--sea-navy);
}
.sea-dash-nav ul .sub-menu {
	display: flex !important;
	flex-direction: column;
	gap: var(--sp-1);
	position: static !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 0 var(--sp-3) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--sea-sand) !important;
	background: none !important;
	box-shadow: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}
/* Links inside a group sit a step in from their label. */
.sea-dash-nav ul .sub-menu li a { width: auto !important; padding-left: var(--sp-6) !important; }
/* The group after another group doesn't need a second rule above it. */
.sea-dash-nav li:has(> .sub-menu) + li:has(> .sub-menu) > .sea-dash-nav__group { border-top: 0; }

/* Logout sits apart at the bottom. */
.sea-dash-nav ul li.sea-dash-nav__logout { margin-top: var(--sp-3) !important; padding-top: var(--sp-3) !important; border-top: 1px solid var(--sea-sand); }
.sea-dash-nav ul li.sea-dash-nav__logout > a { color: var(--sea-muted) !important; }

/* Toggle button (added by the page script; only shown on tablet and phone). */
.sea-dash-nav__toggle { display: none; }

/* ---------- Main panel: "My events" heading with the Upcoming/Past toggle on the right ---------- */
.sea-dash .et_pb_column.sea-dash-main {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: var(--space-grid);
	row-gap: var(--sp-5);
}
.sea-dash .sea-dash-main > .sea-dash-tabs.et_pb_tabs { display: contents !important; }
.sea-dash-head h2 { font-size: var(--fs-h3) !important; color: var(--sea-navy); }

/* Upcoming/Past toggle and panel: shared pill tabs (program-pages.css). */
.sea-dash-tabs .et_pb_all_tabs { grid-column: 1 / -1; }
.sea-dash-tabs .et_pb_tab_content > p:first-child:empty { display: none; }

/* ---------- Other dashboard pages: their modules sit in one white panel ---------- */
.sea-dash .et_pb_column.sea-dash-main--panel {
	display: block !important;
	min-width: 0;
	padding: var(--space-card) !important;
	border: 1px solid var(--sea-stone);
	border-radius: var(--sea-radius);
	background: #fff;
}
.sea-sec .sea-dash-main--panel > .et_pb_module:not(.sea-dash-assets) + .et_pb_module { margin-top: var(--sp-6) !important; }
/* Pill tabs inside a panel (class sea-pills): the panel is already the card. */
.sea-dash-main--panel .sea-pills .et_pb_all_tabs { padding: 0 !important; border: 0; background: none; }

/* ---------- Support page (Account Support): Contact-page pattern inside the dashboard ----------
   Intro, form card and the contacts heading span the column; contact cards flow in a grid. */
.sea-dash .et_pb_column.sea-dash-main--support {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); /* same card width as Contact Us */
	gap: var(--space-grid);
	align-content: start;
	min-width: 0;
}
.sea-dash-main--support > .et_pb_module:not(.sea-contact) { grid-column: 1 / -1; }
.sea-sec .sea-dash-main--support .sea-dash-intro .et_pb_text_inner > * + * { margin-top: var(--sp-3) !important; }
.sea-dash-main--support .sea-dash-intro p { max-width: 68ch; font-size: var(--fs-body); }
.sea-sec .sea-dash-main--support > .sea-dash-contacts-head { margin-top: var(--sp-7) !important; }
.sea-dash-main--support .sea-dash-contacts-head p { margin-top: var(--sp-2) !important; font-size: var(--fs-small); color: var(--sea-muted); }
.sea-dash-main--support .sea-contact.et_pb_module { height: 100%; }
.sea-dash.sea-sec .et_pb_column.sea-dash-main--support > .sea-callout.et_pb_module { margin: 0 !important; padding: var(--sp-4) var(--sp-5) !important; }
.sea-dash-main--support .sea-callout p { font-size: var(--fs-small); }
.sea-dash-main--support .sea-callout a { font-weight: var(--fw-semibold) !important; }
[id="state-contacts"] { scroll-margin-top: var(--sp-6); }

/* ---------- Past Events list (Caspio DataPages 4095500055fb191d7755476c87ef old Past Events; 40955000b03d384865af4705b744 Past Events on the Dashboard and My Past Events; 40955000046764ab19ab47b9b553 My QuizTime Courses; 40955000b35386c90e0f44c4b6b5 My Archived Webinars; 409550002801952b532847bd81b4 My IMPART Modules) ---------- */
/* Used on the Dashboard's Past Events tab and on My Past Events. The DataPage header
   adds the .pe-date blocks; everything here is scoped to that DataPage's form. */
/* ==========================================================================
PAST EVENTS: each event is a row with a date block, the title, and its
certificate/evaluation actions. Every rule is scoped to this DataPage.
========================================================================== */

/* The table becomes a list: header row and per-cell labels are kept for screen readers only. */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] {
display: block;
width: 100%;
border: 0 !important;
background: none !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > thead,
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] .cbResultSetLabel {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > tbody {
display: block;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow {
display: grid;
grid-template-columns: 64px minmax(0, 1fr) auto !important;
grid-template-areas: "date title actions" !important;
align-items: center;
column-gap: var(--sp-5, 24px);
padding: var(--sp-5, 24px) 0;
border-top: 1px solid var(--sea-sand, #edede5);
background: none !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow:first-child {
border-top: 0;
padding-top: var(--sp-2, 8px);
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td {
display: block;
width: auto !important;
min-width: 0;
padding: 0 !important;
text-align: left !important;
border: 0 !important;
background: none !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td:nth-child(n+4) {
display: none !important;
}

/* !important: Caspio's phone stylesheet puts every cell on grid-column span 2. */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) tr.cbResultSetDataRow > td:nth-child(1) { grid-area: title !important; }
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) tr.cbResultSetDataRow > td:nth-child(2) { grid-area: date !important; }
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) tr.cbResultSetDataRow > td:nth-child(3) { grid-area: actions !important; }

/* Title */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .eventTitle {
font-size: var(--fs-small, 16px);
line-height: 1.4;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .eventTitle a {
font-family: var(--font-sans, 'Inter', sans-serif);
font-weight: 600 !important;
color: var(--sea-navy, #15294e) !important;
text-decoration: none;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .eventTitle a:hover {
color: var(--sea-blue, #0054a6) !important;
text-decoration: underline;
text-underline-offset: 2px;
}

/* Date block (built by the script below from the <time> value) */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .pe-date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 64px;
min-height: 64px;
padding: var(--sp-2, 8px) 0;
border-radius: var(--sea-radius-sm, 14px);
background: var(--sea-sand-soft, #f6f6f1);
font-family: var(--font-sans, 'Inter', sans-serif);
line-height: 1.1;
text-align: center;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .pe-date__mon {
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--sea-muted, #6b6b66);
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .pe-date__day {
font-size: 24px;
font-weight: 800;
color: var(--sea-navy, #15294e);
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .pe-date__yr {
font-size: 12px;
color: var(--sea-muted, #6b6b66);
}

/* Until the script runs, the plain date still reads well. */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) tr.cbResultSetDataRow > td:nth-child(2) time {
font-size: 14px;
color: var(--sea-muted, #6b6b66);
}

/* Actions */
/* Desktop and tablet: several buttons (e.g. Complete Evaluation(s) + certificate) stack, all the width of the widest. */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group {
display: flex;
flex-direction: column;
align-items: stretch;
width: max-content;
max-width: 100%;
margin-left: auto;
gap: var(--sp-2, 8px);
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a.btn-eval,
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a.btn-certificate {
align-items: center;
justify-content: center;
min-height: 36px;
width: auto !important;
max-width: none;
margin: 0 !important;
padding: 0 var(--sp-4, 16px) !important;
border: 1px solid transparent !important;
border-radius: 4px; /* same as the site's buttons */
box-shadow: none !important;
font-family: var(--font-sans, 'Inter', sans-serif) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
white-space: nowrap;
text-decoration: none !important;
transition: background-color .2s, color .2s;
}

/* !important: Caspio's phone stylesheet turns links into blocks. Hidden buttons (calcfield display:none, .btn-hide) stay hidden. */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a:not([style*="none"]):not(.btn-hide) {
display: inline-flex !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a.btn-certificate {
background: var(--sea-navy, #15294e) !important;
color: #ffffff !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a.btn-eval {
background: var(--sea-blue, #0054a6) !important;
color: #ffffff !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a.btn-eval:hover,
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a.btn-certificate:hover {
padding: 0 var(--sp-4, 16px) !important;
background: var(--sea-blue-2, #176ec4) !important;
color: #ffffff !important;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a:focus-visible {
outline: 2px solid var(--sea-blue, #0054a6);
outline-offset: 2px;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a::after,
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a:hover::after {
display: none !important;
}

/* "Evaluation is not available": a quiet status, not a grey button. */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group a.btn-disabled {
min-height: 36px;
padding: 0 var(--sp-4, 16px) !important;
border: 1px solid var(--sea-stone, #d4d4cd) !important;
background: var(--sea-sand-soft, #f6f6f1) !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--sea-muted, #6b6b66) !important;
cursor: default;
}

/* Paging and record count under the list */
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .cbResultSetNavigationTable,
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) [data-cb-name="cbNavigationTableBottom"] {
margin-top: var(--sp-5, 24px) !important;
border: 0 !important;
background: none !important;
}

/* Tablet: actions move under the title. */
@media only screen and (max-width: 980px) {
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow {
grid-template-columns: 64px minmax(0, 1fr) !important;
grid-template-areas: "date title" "date actions" !important;
row-gap: var(--sp-3, 12px);
align-items: start;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group {
margin-left: 0;
}
}

/* Phone: smaller date block; buttons sit side by side and wrap. */
@media only screen and (max-width: 575px) {
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow {
grid-template-columns: 52px minmax(0, 1fr) !important;
grid-template-areas: "date title" "actions actions" !important;
column-gap: var(--sp-4, 16px);
}
form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .btn-group {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
width: auto;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .pe-date {
width: 52px;
min-height: 56px;
}

form:is([action*='4095500055fb191d7755476c87ef'], [action*='40955000b03d384865af4705b744'], [action*='40955000046764ab19ab47b9b553'], [action*='40955000b35386c90e0f44c4b6b5'], [action*='409550002801952b532847bd81b4']) .pe-date__day {
font-size: 20px;
}

}


/* ---------- Upcoming Events list (Caspio DataPage 409550001c9013784b214aebaaaf, Dashboard tab) ----------
   Columns: 1 title link, 2 city, 3 start date. Same look as the Past Events list,
   with the city as a quiet line under the title and no actions column. */
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] {
display: block;
width: 100%;
border: 0 !important;
background: none !important;
}
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > thead,
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] .cbResultSetLabel {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
white-space: nowrap !important;
}
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody {
display: block;
}
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow {
display: grid !important;
grid-template-columns: 64px minmax(0, 1fr) !important;
grid-template-areas: "date title" "date city" !important;
align-content: center;
column-gap: var(--sp-5, 24px);
row-gap: var(--sp-1, 4px);
padding: var(--sp-5, 24px) 0;
border-top: 1px solid var(--sea-sand, #edede5);
background: none !important;
}
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow:first-child {
border-top: 0;
padding-top: var(--sp-2, 8px);
}
/* !important: Caspio's phone stylesheet puts every cell on grid-column span 2. */
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td {
display: block;
width: auto !important;
min-width: 0;
padding: 0 !important;
border: 0 !important;
background: none !important;
text-align: left !important;
}
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td:nth-child(1) { grid-area: title !important; align-self: end; }
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td:nth-child(2) { grid-area: city !important; align-self: start; }
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td:nth-child(3) { grid-area: date !important; }
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td:nth-child(1) a {
font-family: var(--font-sans, 'Inter', sans-serif);
font-size: var(--fs-small, 16px);
font-weight: 600 !important;
line-height: 1.4;
color: var(--sea-navy, #15294e) !important;
text-decoration: none;
}
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td:nth-child(1) a:hover {
color: var(--sea-blue, #0054a6) !important;
text-decoration: underline;
text-underline-offset: 2px;
}
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow > td:nth-child(2) {
font-size: 14px;
line-height: 1.4;
color: var(--sea-muted, #6b6b66);
}
form[action*='409550001c9013784b214aebaaaf'] .pe-date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 64px;
min-height: 64px;
padding: var(--sp-2, 8px) 0;
border-radius: var(--sea-radius-sm, 14px);
background: var(--sea-sand-soft, #f6f6f1);
font-family: var(--font-sans, 'Inter', sans-serif);
line-height: 1.1;
text-align: center;
}
form[action*='409550001c9013784b214aebaaaf'] .pe-date__mon { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sea-muted, #6b6b66); }
form[action*='409550001c9013784b214aebaaaf'] .pe-date__day { font-size: 24px; font-weight: 800; color: var(--sea-navy, #15294e); }
form[action*='409550001c9013784b214aebaaaf'] .pe-date__yr { font-size: 12px; color: var(--sea-muted, #6b6b66); }
form[action*='409550001c9013784b214aebaaaf'] .cbResultSetNavigationTable {
margin-top: var(--sp-5, 24px) !important;
border: 0 !important;
background: none !important;
}
@media only screen and (max-width: 575px) {
form[action*='409550001c9013784b214aebaaaf'] table[data-cb-name="cbTable"] > tbody > tr.cbResultSetDataRow {
grid-template-columns: 52px minmax(0, 1fr) !important;
column-gap: var(--sp-4, 16px);
}
form[action*='409550001c9013784b214aebaaaf'] .pe-date { width: 52px; min-height: 56px; }
form[action*='409550001c9013784b214aebaaaf'] .pe-date__day { font-size: 20px; }
}

/* ---------- Tablet and phone ---------- */
@media (max-width: 980px) {
	.sea-dash .sea-dash-row.et_pb_row { grid-template-columns: minmax(0, 1fr); }
	.sea-dash .sea-dash-row > .sea-dash-aside { position: static; }

	.sea-dash-nav.et_pb_menu { padding: 0 !important; }
	.sea-dash-nav__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 52px;
		padding: 0 var(--sp-5);
		border: 0;
		border-radius: var(--sea-radius);
		background: none;
		font-family: var(--font-sans);
		font-size: var(--fs-ui);
		font-weight: var(--fw-semibold);
		color: var(--sea-navy);
		cursor: pointer;
	}
	.sea-dash-nav__toggle::after {
		content: "";
		flex: none;
		width: 8px;
		height: 8px;
		margin-left: var(--sp-3);
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: translateY(-2px) rotate(45deg);
		transition: transform .2s;
	}
	.sea-dash-nav__toggle[aria-expanded="true"]::after { transform: translateY(2px) rotate(-135deg); }
	.sea-dash-nav__toggle:focus-visible { outline: 2px solid var(--sea-blue); outline-offset: 2px; }
	.sea-dash-nav.is-collapsed .et_pb_menu__menu { display: none !important; }
	.sea-dash-nav:not(.is-collapsed) .et_pb_menu__menu { padding: 0 var(--sp-3) var(--sp-3) !important; border-top: 1px solid var(--sea-sand); }
}
@media (max-width: 600px) {
	.sea-dash .et_pb_column.sea-dash-main { grid-template-columns: minmax(0, 1fr); }
	.sea-dash-tabs ul.et_pb_tabs_controls { display: flex; }
	.sea-dash-tabs .et_pb_tabs_controls li { flex: 1 1 0; }
	.sea-dash-tabs .et_pb_all_tabs { padding: var(--sp-4) !important; border-radius: var(--sea-radius-sm); }
	.sea-dash .et_pb_column.sea-dash-main--panel { padding: var(--sp-4) !important; border-radius: var(--sea-radius-sm); }
}