@keyframes cd-fav-star-in {
from {
opacity: 0;
transform: scale(0.92);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes cd-fav-star-pop {
0% {
transform: scale(1);
}
45% {
transform: scale(1.28);
}
100% {
transform: scale(1);
}
} .cd-fav-star {
display: inline-block;
margin-left: 0.25em;
font-size: 0.95em;
line-height: 1;
opacity: 0.85;
vertical-align: middle;
pointer-events: none;
animation: cd-fav-star-in 0.32s ease-out both;
transition: transform 0.2s ease, filter 0.2s ease;
}
.cd-fav-star--active {
color: #e84a7f;
}
.cd-fav-star--organizer {
color: #1e3a5f;
}
.cd-fav-star--locked {
opacity: 0.75;
}
.cd-fav-star--loading {
opacity: 0.5;
} .cd-fav-btn .cd-fav-star--btn {
display: inline-block;
margin: 0;
font-size: 1.05em;
line-height: 1;
vertical-align: -0.08em;
pointer-events: none;
}
.cd-fav-btn .cd-fav-star--placeholder {
opacity: 0.7;
}
.cd-fav-btn--on .cd-fav-star--active:not(.cd-fav-star--organizer) {
color: #ffd86b;
text-shadow: 0 0 10px rgba(255, 216, 107, 0.45);
}
.cd-fav-btn--on .cd-fav-star--organizer {
color: #a8bdda;
text-shadow: none;
}
@keyframes cd-fav-mec-pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
} .cd-fav-mec-slot {
display: inline-flex;
align-items: center;
vertical-align: middle;
margin-left: 0.08em;
flex-shrink: 0;
position: relative;
}  .mec-events-toggle .mec-toggle-item-inner .cd-fav-mec-slot {
z-index: 1;
pointer-events: none;
}
.mec-events-toggle .mec-toggle-item-inner .cd-fav-mec-slot .cd-fav-btn {
pointer-events: auto;
}
.mec-events-toggle .mec-toggle-item-inner > i.mec-sl-arrow-down,
.mec-events-toggle .mec-toggle-item-inner > i.mec-sl-arrow-up {
z-index: 6;
}
.mec-gCalendar .fc-daygrid-day {
position: relative;
}
.mec-gCalendar .fc-daygrid-day .cd-day-star {
position: absolute;
top: 4px;
right: 4px;
z-index: 3;
font-size: 11px;
line-height: 1;
pointer-events: none;
}
.mec-calendar-day .cd-fav-mec-slot,
.dt.mec-calendar-day .cd-fav-mec-slot {
margin-left: 0.15em;
}
button.cd-fav-mec-badge.cd-fav-btn,
.cd-fav-btn.cd-fav-mec-badge {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 1.38rem !important;
min-width: 1.38rem !important;
width: 1.38rem;
height: 1.38rem;
padding: 0 !important;
margin: 0 0 0 0.08rem !important;
gap: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
font-weight: 600 !important;
border-radius: 50% !important;
border: none !important;
background: transparent !important;
color: inherit !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
transition: transform 0.14s ease, background 0.14s ease;
}
.cd-fav-mec-badge:hover {
background: rgba(30, 58, 95, 0.07) !important;
transform: scale(1.06);
}
.cd-fav-mec-badge:focus {
outline: none !important;
box-shadow: none !important;
}
.cd-fav-mec-badge:focus-visible {
outline: 2px solid #e84a7f !important;
outline-offset: 2px !important;
box-shadow: none !important;
}
.cd-fav-mec-badge:active {
transform: scale(0.94);
}
.cd-fav-mec-badge--pulse {
animation: cd-fav-mec-pulse 0.38s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.cd-fav-mec-badge--pulse {
animation: none;
}
.cd-fav-mec-badge:hover {
transform: none;
}
} .cd-fav-mec-badge.cd-fav-btn--off .cd-fav-mec-glyph,
.cd-fav-mec-badge.cd-fav-btn--off .cd-fav-star--placeholder {
color: rgba(30, 58, 95, 0.48) !important;
opacity: 1 !important;
text-shadow: none !important;
filter: none !important;
} .cd-fav-mec-badge.cd-fav-btn--on[data-fav-source="direct"] .cd-fav-mec-glyph,
.cd-fav-mec-badge.cd-fav-btn--on[data-fav-source="direct"] .cd-fav-star--active {
color: #e18a0c !important;
text-shadow: none !important;
filter: drop-shadow(0 0 0.5px rgba(225, 138, 12, 0.4));
} .cd-fav-mec-badge.cd-fav-btn--on[data-fav-source="organizer"] .cd-fav-mec-glyph,
.cd-fav-mec-badge.cd-fav-btn--on[data-fav-source="organizer"] .cd-fav-star--organizer {
color: #1c6b8c !important;
text-shadow: none !important;
filter: none !important;
} .mec-wrap .mec-event-article .cd-fav-mec-badge,
.mec-wrap .mec-event-list-item .cd-fav-mec-badge,
.mec-wrap article.mec-event-article .cd-fav-mec-badge {
min-height: 1.52rem !important;
min-width: 1.52rem !important;
width: 1.52rem;
height: 1.52rem;
}
.mec-wrap .mec-event-article .cd-fav-mec-badge .cd-fav-mec-glyph,
.mec-wrap .mec-event-list-item .cd-fav-mec-badge .cd-fav-mec-glyph {
font-size: 1.02rem;
}
.cd-fav-mec-badge .cd-fav-mec-glyph,
.cd-fav-mec-badge .cd-fav-star--btn {
pointer-events: none;
font-size: 0.9rem;
line-height: 1;
vertical-align: middle;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
word-wrap: normal !important;
} .mec-wrap .mec-event-article:hover .cd-fav-star,
.mec-wrap .mec-event-list-item:hover .cd-fav-star,
.mec-wrap article:hover .cd-fav-star {
transform: scale(1.1);
filter: brightness(1.08);
} .cd-fav-star.is-newly-favorited {
animation: cd-fav-star-pop 0.42s ease-out both;
} .mec-event-title .cd-fav-star,
.mec-event-title .cd-fav-star--active,
h4.mec-event-title .cd-fav-star {
font-size: 1em;
} @media (prefers-reduced-motion: reduce) {
.cd-fav-star {
animation: none;
transition: none;
}
.mec-wrap .mec-event-article:hover .cd-fav-star,
.mec-wrap .mec-event-list-item:hover .cd-fav-star,
.mec-wrap article:hover .cd-fav-star {
transform: none;
filter: none;
}
.cd-fav-star.is-newly-favorited {
animation: none;
}
} .cd-fav-btn,
.cd-follow-btn {
transition: opacity 0.15s ease;
}
.cd-fav-btn--on,
.cd-follow-btn--on {
font-weight: 700;
}
.cd-fav-btn.cd-loading,
.cd-follow-btn.cd-loading {
opacity: 0.7;
pointer-events: none;
} .cd-follow-btn,
.cd-fav-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35em;
min-height: 2.75rem;
padding: 0.5rem 1rem;
margin: 0;
font: inherit;
font-size: 0.95rem;
font-weight: 700;
line-height: 1.2;
border-radius: 999px;
border: 2px solid #1e3a5f;
cursor: pointer;
background: #fff;
color: #1e3a5f;
box-sizing: border-box;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}
.cd-follow-btn:hover,
.cd-fav-btn:hover {
background: rgba(30, 58, 95, 0.08);
border-color: #152a45;
color: #152a45;
}
.cd-follow-btn:focus-visible,
.cd-fav-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #fff, 0 0 0 5px #e84a7f;
}
.cd-follow-btn--off:active,
.cd-fav-btn:active {
transform: translateY(1px);
}
.cd-follow-btn--on,
.cd-fav-btn--on {
background: #1e3a5f;
color: #fff;
border-color: #1e3a5f;
}
.cd-follow-btn--on:hover,
.cd-fav-btn--on:hover {
background: #152a45;
border-color: #152a45;
color: #fff;
}
.cd-follow-btn--compact {
min-height: 2.35rem;
padding: 0.35rem 0.75rem;
font-size: 0.82rem;
font-weight: 700;
}
.cd-org-profile-follow {
margin: 0 0 1.25rem;
padding: 1rem 1.15rem;
border-radius: 14px;
border: 1px solid rgba(30, 58, 95, 0.14);
background: linear-gradient(180deg, #fbfdff 0%, #fff 100%);
box-shadow: 0 6px 20px rgba(30, 58, 95, 0.06);
}
.cd-org-profile-follow .cd-follow-btn {
width: 100%;
max-width: 22rem;
}
@media (min-width: 600px) {
.cd-org-profile-follow .cd-follow-btn {
width: auto;
}
} .cd-org-link,
.cd-my-agenda-detail {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.65rem;
padding: 0.45rem 1rem;
border-radius: 999px;
border: 2px solid rgba(30, 58, 95, 0.35);
text-decoration: none !important;
font-weight: 800;
font-size: 0.9rem;
color: #1e3a5f !important;
background: #fff;
box-sizing: border-box;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.cd-org-link:hover,
.cd-my-agenda-detail:hover {
background: #1e3a5f;
color: #fff !important;
border-color: #1e3a5f;
}
.cd-org-link:focus-visible,
.cd-my-agenda-detail:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #fff, 0 0 0 5px #e84a7f;
}
.cd-follow-remove-btn,
.cd-fav-remove-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.65rem;
padding: 0.45rem 1rem;
margin: 0;
font: inherit;
font-weight: 800;
font-size: 0.9rem;
border-radius: 999px;
cursor: pointer;
border: 2px solid rgba(176, 0, 32, 0.55);
background: #fff;
color: #8b0012 !important;
box-sizing: border-box;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.cd-follow-remove-btn:hover,
.cd-fav-remove-btn:hover {
background: #8b0012;
color: #fff !important;
border-color: #8b0012;
}
.cd-follow-remove-btn:focus-visible,
.cd-fav-remove-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #fff, 0 0 0 5px #e84a7f;
}
.cd-auto-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.65rem;
padding: 0.45rem 1rem;
margin: 0;
font: inherit;
font-weight: 800;
font-size: 0.9rem;
border-radius: 999px;
cursor: pointer;
box-sizing: border-box;
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.cd-auto-btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #fff, 0 0 0 5px #e84a7f;
}
.cd-org-actions {
row-gap: 0.5rem;
}
.cd-agenda-filters {
margin: 12px 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.cd-agenda-filters__label {
opacity: 0.88;
font-weight: 600;
color: #1e3a5f;
}
a.cd-agenda-filter-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
padding: 6px 14px;
border-radius: 999px;
border: 2px solid rgba(30, 58, 95, 0.28);
text-decoration: none !important;
font-weight: 800;
font-size: 0.88rem;
color: #1e3a5f !important;
background: #fff;
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
a.cd-agenda-filter-link:hover {
background: rgba(30, 58, 95, 0.06);
border-color: rgba(30, 58, 95, 0.45);
}
a.cd-agenda-filter-link:focus-visible {
outline: none;
box-shadow: 0 0 0 3px #fff, 0 0 0 5px #e84a7f;
} .entry-content .cd-mon-agenda-root,
.site-content .entry-content .cd-mon-agenda-root,
.ast-page .entry-content .cd-mon-agenda-root {
color: #1e3a5f;
}
.entry-content .cd-mon-agenda-root .cd-stat strong,
.site-content .entry-content .cd-mon-agenda-root .cd-stat strong {
color: #152a45;
}
.entry-content .cd-mon-agenda-root .cd-chip,
.site-content .entry-content .cd-mon-agenda-root .cd-chip,
.ast-page .entry-content .cd-mon-agenda-root .cd-chip {
color: #1e3a5f !important;
background: #e8edf5 !important;
border-color: rgba(30, 58, 95, 0.22) !important;
}
.entry-content .cd-mon-agenda-root .cd-chip__n,
.site-content .entry-content .cd-mon-agenda-root .cd-chip__n {
color: #152a45 !important;
}
.entry-content .cd-mon-agenda-root .cd-stat__muted,
.site-content .entry-content .cd-mon-agenda-root .cd-stat__muted {
color: #4d5f78 !important;
opacity: 1 !important;
}
.entry-content .cd-mon-agenda-root .cd-my-agenda-title,
.entry-content .cd-mon-agenda-root .cd-my-agenda-date {
color: #1e3a5f !important;
}
.entry-content .cd-mon-agenda-root .cd-stat--next a {
color: #1e3a5f !important;
}
.entry-content .cd-mon-agenda-root .cd-stat--next a:hover {
color: #e84a7f !important;
}
.entry-content .cd-mon-agenda-root .cd-stat--next a:focus-visible {
outline: none;
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #e84a7f;
border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
.cd-follow-btn,
.cd-fav-btn,
.cd-org-link,
.cd-my-agenda-detail,
.cd-follow-remove-btn,
.cd-fav-remove-btn,
.cd-auto-btn,
a.cd-agenda-filter-link {
transition: none;
}
.cd-follow-btn--off:active,
.cd-fav-btn:active {
transform: none;
}
} .featherlight .cd-event-actions--modal,
.featherlight-content .cd-event-actions--modal {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 8px;
width: 100%;
box-sizing: border-box;
padding: 10px 12px;
margin: 0 0 14px 0;
background: rgba(30, 58, 95, 0.07);
border-radius: 12px;
visibility: visible !important;
opacity: 1 !important;
position: relative;
z-index: 8;
pointer-events: auto !important;
} .cd-compare-modal-toolbar .cd-event-actions--modal.cd-event-actions--modal-inline {
display: inline-flex !important;
flex-wrap: nowrap;
width: auto !important;
flex: 0 0 auto;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border-radius: 0;
gap: 8px;
} .mec-events-toggle .mec-toggle-item-inner .cd-compare-btn-wrap {
display: inline-flex !important;
align-items: center;
align-self: center;
vertical-align: middle;
max-width: min(340px, calc(100% - 88px));
margin-right: 56px !important;
position: relative;
z-index: 1 !important;
pointer-events: auto;
}
.mec-events-toggle .mec-toggle-item-inner > i.mec-sl-arrow-down,
.mec-events-toggle .mec-toggle-item-inner > i.mec-sl-arrow-up {
z-index: 12 !important;
pointer-events: auto !important;
}