body.cfx-on.post-type-archive-mec-events,body.cfx-on.single-mec-events,body.cfx-on.tax-mec_category,body.cfx-on.tax-mec_location,body.cfx-on.tax-mec_organizer,body.cfx-on.tax-mec_label{background:var(--bg)!important}
.cfx-on #et-main-area,.cfx-on #page-container{background:var(--bg)}
.cfx-on #main-content.mec-container{background:transparent!important;max-width:var(--maxw);width:auto;margin:0 auto;padding:clamp(56px,8vw,110px) var(--edge) clamp(64px,8vw,110px)!important;color:var(--muted);font-family:var(--body)}
.cfx-on #main-content.mec-container>h1,.cfx-on .mec-wrap h1.mec-single-title{font-family:var(--display)!important;color:var(--ink)!important;font-size:clamp(40px,6vw,84px)!important;line-height:.95!important;letter-spacing:.01em;text-transform:uppercase;margin:0 0 clamp(28px,4vw,44px)!important;padding:0!important}
.cfx-on #main-content.mec-container>h1::before{content:'City Fitness';display:block;font-family:var(--display);font-size:13px;letter-spacing:.32em;color:var(--bronze);margin-bottom:16px;line-height:1}
.cfx-on .mec-wrap,.cfx-on .mec-wrap p,.cfx-on .mec-wrap dd,.cfx-on .mec-wrap span,.cfx-on .mec-wrap li{font-family:var(--body)!important;color:var(--muted)}
.cfx-on .mec-wrap h3,.cfx-on .mec-wrap h4,.cfx-on .mec-wrap h5{font-family:var(--display)!important;color:var(--ink)!important;letter-spacing:.04em;text-transform:uppercase}
.cfx-on .mec-wrap a{color:var(--ink)}
.cfx-on .mec-wrap a:hover,.cfx-on .mec-wrap a:focus-visible{color:var(--bronze)!important}
.cfx-on .mec-wrap i[class^="mec-sl-"],.cfx-on .mec-wrap i[class*=" mec-sl-"],.cfx-on .mec-wrap .mec-color-before :before{color:var(--bronze)!important}
.cfx-on .mec-wrap svg path{fill:var(--bronze)!important}

.cfx-on .mec-search-form.mec-totalcal-box{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius);box-shadow:none!important;padding:18px!important}
.cfx-on .mec-search-form input,.cfx-on .mec-search-form select,.cfx-on .mec-search-form .mec-date-search i,.cfx-on .mec-search-form .mec-text-input-search i{background:var(--bg-2)!important;border-color:var(--line-lt)!important;color:var(--ink)!important;box-shadow:none!important}
.cfx-on .mec-search-form input::placeholder{color:var(--faint)}
.cfx-on .mec-totalcal-box .mec-totalcal-view span{background:var(--bg-2)!important;border-color:var(--line-lt)!important;color:var(--muted)!important;font-family:var(--display)!important;letter-spacing:.08em}
.cfx-on .mec-totalcal-box .mec-totalcal-view span:hover{color:var(--ink)!important}
.cfx-on .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected{background:var(--bronze)!important;border-color:var(--bronze)!important;color:var(--black)!important}

.cfx-on .mec-wrap .mec-month-divider{margin:44px 0 26px!important}
.cfx-on .mec-wrap .mec-month-divider span,.cfx-on .mec-wrap .mec-month-divider h5{background:var(--bg)!important;color:var(--bronze)!important;font-size:15px!important;letter-spacing:.24em!important}
.cfx-on .mec-wrap .mec-month-divider:before,.cfx-on .mec-wrap .mec-month-divider:after{border-color:var(--line-lt)!important;background:var(--line-lt)!important;height:1px!important;border-width:0!important}
.cfx-on .mec-wrap .mec-month-divider i{color:var(--bronze)!important}
.cfx-on .event-single-cap .mec-month-divider{margin:0 0 30px!important;border:0!important}
.cfx-on .mec-wrap h1.mec-single-title{font-size:clamp(34px,5vw,64px)!important;border:0!important}
.cfx-on .mec-wrap h1.mec-single-title:after,.cfx-on .mec-wrap h1.mec-single-title:before{display:none!important}
.cfx-on .mec-single-event .mec-single-event-description .mec-event-export-module.mec-frontbox{background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.cfx-on .mec-wrap .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li{width:100%!important;max-width:none!important;margin:0 0 12px!important;padding:0!important}
.cfx-on .mec-wrap .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details a{display:block!important;white-space:normal!important;line-height:1.3!important;padding:14px 18px!important;font-size:14px!important}
.cfx-on .event-single-cap .mec-month-divider:before,.cfx-on .event-single-cap .mec-month-divider:after{display:none!important}

.cfx-on .mec-event-list-standard .mec-event-article{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease)}
.cfx-on .mec-event-list-standard .mec-event-article:hover{border-color:var(--bronze-line)!important;transform:translateY(-2px)}
.cfx-on .mec-event-list-standard .mec-event-meta-wrap{background:var(--surface-2)!important;border-left:1px solid var(--line)!important}
.cfx-on .mec-event-list-standard .mec-event-title{font-size:clamp(22px,2.6vw,32px)!important;line-height:1.05!important}
.cfx-on .mec-event-list-standard .mec-event-title a{color:var(--ink)!important}
.cfx-on .mec-event-list-standard .mec-event-footer{background:var(--bg-2)!important;border-top:1px solid var(--line)!important}
.cfx-on .mec-wrap .mec-booking-button,.cfx-on .mec-wrap .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details a{background:linear-gradient(135deg,var(--bronze),var(--bronze-lt))!important;border:0!important;border-radius:999px!important;color:var(--black)!important;font-family:var(--display)!important;letter-spacing:.1em!important;text-transform:uppercase;box-shadow:none!important;transition:filter .2s var(--ease)}
.cfx-on .mec-wrap .mec-booking-button:hover,.cfx-on .mec-wrap .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details a:hover{filter:brightness(1.08);color:var(--black)!important}
.cfx-on .mec-wrap .mec-event-sharing-wrap>li:first-of-type,.cfx-on .mec-wrap .mec-event-footer .mec-event-sharing-wrap .mec-event-share{background:var(--surface-2)!important;border-color:var(--line-lt)!important}
.cfx-on .mec-wrap .mec-event-sharing-wrap i{color:var(--ink)!important}

.cfx-on .mec-single-event .mec-event-meta,.cfx-on .mec-single-event .mec-frontbox,.cfx-on .mec-single-event .mec-events-meta-group-countdown,.cfx-on .mec-single-event .mec-single-event-description{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important}
.cfx-on .mec-single-event .mec-event-meta>div{background:transparent!important;border-bottom:1px solid var(--line)}
.cfx-on .mec-single-event .mec-event-meta>div:last-child{border-bottom:0}
.cfx-on .mec-single-event .mec-event-meta h3{font-size:15px!important;letter-spacing:.18em!important}
.cfx-on .mec-single-event .mec-event-meta dd{color:var(--muted)!important}
.cfx-on .mec-single-event .mec-single-event-description{padding:24px!important;margin-left:18px}
.cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv li p{color:var(--faint)!important;letter-spacing:.2em}
.cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv span{font-family:var(--display)!important;color:var(--bronze)!important}
.cfx-on .mec-single-event .mec-frontbox-title{font-size:15px!important;letter-spacing:.18em!important}
.cfx-on .mec-single-event .mec-frontbox-title:before{background:var(--bronze)!important}
.cfx-on .mec-single-event .mec-frontbox-title:after{background:var(--line-lt)!important;border-color:var(--line-lt)!important}
.cfx-on .mec-single-event .mec-event-social li.mec-event-social-icon a{background:var(--surface-2)!important;border:1px solid var(--line-lt)!important;border-radius:10px!important}
.cfx-on .mec-single-event .mec-event-social li.mec-event-social-icon a:hover{border-color:var(--bronze)!important}
.cfx-on .mec-single-event .mec-event-social li.mec-event-social-icon a svg path,.cfx-on .mec-single-event .mec-event-social li.mec-event-social-icon a i{fill:var(--ink)!important;color:var(--ink)!important}

@media (max-width:767px){
  .cfx-on .mec-totalcal-box .mec-totalcal-view{display:flex!important;flex-wrap:wrap;gap:6px}
  .cfx-on .mec-totalcal-box .mec-totalcal-view span{flex:1 1 30%;margin:0!important;border-radius:8px!important;text-align:center;padding:0 6px!important;font-size:11px!important}
  .cfx-on .mec-event-list-standard .mec-topsec>div{display:block!important;width:100%!important;height:auto!important;min-height:0!important}
  .cfx-on .mec-event-list-standard .mec-event-content{padding:22px 20px 18px!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv span{font-size:30px!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;padding:0!important;margin:0!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv li{width:auto!important;float:none!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;text-align:center}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown{height:auto!important;min-height:0!important;padding:26px 12px!important;overflow:visible!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .countdown-w,.cfx-on .mec-single-event .mec-countdown-details{height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv .icon-w{display:none!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv span{display:block!important;line-height:1.1!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv li p{position:static!important;margin:6px 0 0!important;line-height:1.2!important}
  .cfx-on .mec-event-list-standard .mec-event-content{padding:22px 20px 18px!important;margin:0!important}
  .cfx-on .mec-event-list-standard .mec-event-title{padding:0!important;margin:0!important}
  .cfx-on .mec-single-event .mec-events-meta-group-countdown .clockdiv li p{font-size:9px!important;letter-spacing:.12em}
  .cfx-on .mec-single-event .mec-single-event-description{margin:18px 0 0}
  .cfx-on .mec-event-list-standard .mec-event-meta-wrap{border-left:0!important;border-top:1px solid var(--line)!important}
}
@media (prefers-reduced-motion:reduce){
  .cfx-on .mec-event-list-standard .mec-event-article{transition:none}
  .cfx-on .mec-event-list-standard .mec-event-article:hover{transform:none}
}
