.elementor-805 .elementor-element.elementor-element-096e6ec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-805 .elementor-element.elementor-element-18b2151{--display:flex;}/* Start custom CSS for MEC, class: .elementor-element-c27229b *//* Import Playfair Display font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Base font and calendar background */
.mec-full-calendar-wrap {
  
  background: #fff;
}

/* Toolbar buttons */
.mec-totalcal-view span {
  background: #69C18F;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 5px;
}
.mec-totalcal-view span.mec-totalcalview-selected,
.mec-totalcal-view span:hover {
  background: #4AB0AB;
  color: #fff;
}

/* Calendar day cells */
.mec-calendar-day {
  border-radius: 6px;
  transition: transform 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.mec-calendar-day.mec-has-event:hover {
  background: #3B8DCE;
  transform: scale(1.03);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  color: #fff;
}

/* Event titles in side panel */
.mec-event-title a {
  color: #69C18F;
  font-weight: 600;
  text-decoration: none;
}
.mec-event-title a:hover {
  color: #4AB0AB;
  text-decoration: underline;
}

/* Event times */
.mec-event-time.mec-color {
  color: #4AB0AB;
}

/* Highlight today */
.mec-calendar-day.mec-today {
  border: 2px solid #69C18F;
}

/* Today’s date */
.mec-calendar-day.mec-today {
  background-color: #69C18F !important;
  color: #fff !important;
  border-radius: 6px;
}

/* Selected day in month view */
.mec-calendar-day.mec-selected-day {
  background-color: #4AB0AB !important;
  color: #fff !important;
  border-radius: 6px;
}

/* Days with events */
.mec-calendar-day.mec-has-event:hover {
  background-color: #3B8DCE !important;
  color: #fff !important;
  transform: scale(1.03);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
/* Month / Year title in top calendar header */
.mec-calendar-header h2 {
   font-family: 'Mont', sans-serif; /* change to your font */
    font-weight: 800; /* bold */
    color: #4AB0AB; /* your color choice */
    font-size: 1.8em; /* adjust size */
    margin: 0;
}

/* Optional: align month to center */
.mec-calendar-header {
    text-align: center;
}/* End custom CSS */