body.single-mec-events .addtoany_content,
body.single-mec-events .addtoany_content_bottom,
body.single-mec-events .addtoany_header {
display: none !important;
} body.single-mec-events .mec-event-social {
display: block;
}
body.single-mec-events .mec-event-social ul,
body.single-mec-events .mec-event-social .mec-event-sharing {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
body.single-mec-events .mec-event-social a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
min-height: 2.5rem;
} body.single-mec-events .cd-route-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
margin: 0.65rem 0 0.25rem;
padding: 0.55rem 1rem;
min-height: 2.75rem;
border: 1px solid #cbd5e1;
border-radius: 8px;
background: #f8fafc;
color: #0f172a !important;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.2;
text-decoration: none !important;
box-shadow: none;
}
body.single-mec-events .cd-route-btn:hover,
body.single-mec-events .cd-route-btn:focus-visible {
background: #e2e8f0;
border-color: #94a3b8;
outline: 2px solid #2563eb;
outline-offset: 2px;
} body.single-mec-events .cd-event-actions {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: flex-start;
margin: 0.75rem 0 1rem;
}
body.single-mec-events .cd-event-actions .cd-compare-btn-wrap {
display: inline-flex;
margin: 0;
}
body.single-mec-events .cd-event-actions .cd-compare-btn {
min-height: 2.75rem;
} body.single-mec-events .mec-single-event > .cd-compare-btn-wrap,
body.single-mec-events h1.mec-single-title + .cd-compare-btn-wrap,
body.single-mec-events .mec-single-title + .cd-compare-btn-wrap {
display: none !important;
} body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image,
body.single-mec-events.cd-mec-ux-no-thumb .mec-single-event .mec-events-event-image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 180px;
aspect-ratio: 16 / 9;
border-radius: 12px;
overflow: hidden;
background:
radial-gradient(ellipse at 20% 30%, rgba(14, 116, 144, 0.35), transparent 55%),
radial-gradient(ellipse at 80% 70%, rgba(190, 24, 93, 0.28), transparent 50%),
linear-gradient(135deg, #0f172a 0%, #164e63 45%, #831843 100%);
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image::before {
content: none;
display: none;
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image img.cd-mec-hero-fallback {
display: block;
width: auto;
height: auto;
max-width: min(72%, 280px);
max-height: 72%;
min-height: 0;
margin: 0 auto;
object-fit: contain;
object-position: center;
background: transparent;
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image img.cd-mec-hero-fallback--generic,
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image img.cd-mec-hero-fallback--organizer {
object-fit: contain;
padding: 0;
background: transparent;
filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.28));
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-single-modern .mec-events-event-image img.cd-mec-hero-fallback,
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image img.cd-mec-hero-fallback {
width: auto !important;
max-width: min(72%, 280px) !important;
height: auto !important;
}
@media (max-width: 781px) {
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image,
body.single-mec-events.cd-mec-ux-no-thumb .mec-single-event .mec-events-event-image {
min-height: 160px;
aspect-ratio: 16 / 10;
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image img.cd-mec-hero-fallback {
max-width: min(58%, 220px) !important;
max-height: 64%;
}
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image:not(:has(img))::after {
content: '';
position: absolute;
inset: 0;
background: center / 72px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3a9 9 0 100 18 9 9 0 000-18zm0 2a7 7 0 110 14 7 7 0 010-14zm-1 3v5l4 2-.8 1.4L10 14V8h1z' fill='rgba(255,255,255,0.55)'/%3E%3C/svg%3E");
opacity: 0.85;
pointer-events: none;
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image[data-cd-hero-fallback^="placeholder"]::after {
opacity: 0.7;
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image[data-cd-hero-fallback="placeholder-salsa"] {
background:
radial-gradient(ellipse at 18% 28%, rgba(190, 24, 93, 0.38), transparent 55%),
linear-gradient(135deg, #1e1b4b 0%, #831843 55%, #0f172a 100%);
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image[data-cd-hero-fallback="placeholder-bachata"] {
background:
radial-gradient(ellipse at 80% 30%, rgba(234, 88, 12, 0.35), transparent 50%),
linear-gradient(135deg, #431407 0%, #9a3412 50%, #1c1917 100%);
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image[data-cd-hero-fallback="placeholder-sbk"] {
background:
radial-gradient(ellipse at 30% 70%, rgba(14, 165, 233, 0.32), transparent 55%),
linear-gradient(135deg, #0f172a 0%, #164e63 45%, #831843 100%);
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image[data-cd-hero-fallback="placeholder-kizomba"],
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image[data-cd-hero-fallback="placeholder-wcs"],
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image[data-cd-hero-fallback="placeholder-soiree"] {
background:
radial-gradient(ellipse at 20% 30%, rgba(14, 116, 144, 0.35), transparent 55%),
linear-gradient(135deg, #0f172a 0%, #334155 55%, #1e293b 100%);
}
body.single-mec-events.cd-mec-ux-no-thumb .mec-events-event-image img:not(.cd-mec-hero-fallback) {
display: none;
}
@media (max-width: 781px) {
body.single-mec-events .cd-event-actions {
width: 100%;
}
body.single-mec-events .cd-route-btn {
width: 100%;
}
body.single-mec-events .cd-event-export .mec-events-gcal {
width: 100%;
}
} .cd-event-export {
margin: 0.85rem 0 1.1rem;
}
.cd-event-export .mec-event-export-module,
.cd-event-export .mec-event-exporting,
.cd-event-export .mec-export-details {
margin: 0;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.cd-event-export .mec-export-details ul {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
align-items: stretch;
list-style: none;
margin: 0;
padding: 0;
}
.cd-event-export .mec-export-details li {
margin: 0;
padding: 0;
}
.cd-event-export .mec-events-gcal {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
padding: 0.55rem 1rem;
min-height: 2.75rem;
border: 1px solid #cbd5e1;
border-radius: 8px;
background: #f8fafc;
color: #0f172a !important;
font-size: 0.95rem;
font-weight: 600;
text-decoration: none !important;
line-height: 1.3;
}
.cd-event-export .mec-events-gcal:hover,
.cd-event-export .mec-events-gcal:focus {
background: #eef2ff;
border-color: #6366f1;
color: #1e1b4b !important;
}
.featherlight-content .cd-event-export,
.lity-content .cd-event-export {
margin-top: 0.65rem;
} .cd-event-cancelled-badge {
display: inline-flex;
align-items: center;
gap: 0.28rem;
margin-left: 0.4rem;
padding: 0.18rem 0.5rem;
border-radius: 999px;
border: 1px solid #b91c1c;
background: #fef2f2;
color: #7f1d1d;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
line-height: 1.2;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
.cd-event-cancelled-badge__icon {
font-size: 0.85em;
}
.cd-event-cancelled-banner {
display: flex;
flex-direction: column;
gap: 0.2rem;
margin: 0 0 1rem;
padding: 0.85rem 1rem;
border-radius: 10px;
border: 2px solid #b91c1c;
background: #fef2f2;
color: #7f1d1d;
}
.cd-event-cancelled-banner__title {
margin: 0;
font-size: 1.05rem;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.cd-event-cancelled-banner__text {
margin: 0;
font-size: 0.95rem;
font-weight: 600;
color: #7f1d1d;
}
.cd-event-cancelled-banner__reason {
margin: 0.15rem 0 0;
font-size: 0.9rem;
font-weight: 500;
color: #7f1d1d;
}
body.single-mec-events.cd-event-cancelled .mec-cancellation-reason,
.mec-agenda-event:has(.cd-event-cancelled-badge) .mec-cancellation-reason,
.mec-event-article:has(.cd-event-cancelled-badge) .mec-cancellation-reason {
display: none !important;
}
.mec-agenda-event:has(.cd-event-cancelled-badge),
.mec-event-article:has(.cd-event-cancelled-badge) {
opacity: 0.88;
}
.mec-agenda-event:has(.cd-event-cancelled-badge) .mec-agenda-event-title a,
.mec-event-article:has(.cd-event-cancelled-badge) .mec-event-title a,
.mec-event-article:has(.cd-event-cancelled-badge) h4.mec-event-title a,
.mec-event-article:has(.cd-event-cancelled-badge) h3.mec-event-title a {
text-decoration: line-through;
text-decoration-thickness: 2px;
}
.mec-single-event-date .cd-mec-time-line {
margin-top: 0.2rem;
}
.mec-single-event-date .cd-mec-time-line .mec-events-abbr {
font-weight: 600;
}