@charset "utf-8";
/* CSS Document */


.mc-main .my-calendar-navigation > div {
	justify-content: space-between;
}



/* main calendar grid*/

.mc-main thead {
	border: 1px solid #ddd !important;
	background:#f5f5f5 !important;
}

.mc-main th{
	color:#9e9e9e!important;
}

.mc-main .mc-list .event-title {
	font-size: 12px !important;
}

.my-calendar-navigation *, .mc-main * {
	line-height: inherit !important;
}

.mc-main .mc-date,
.mc-main .has-events .mc-date{
	background: #eaf4ff !important;
    color: #a1a7ad !important;
    font-size: 10pt !important;
    line-height: 13px !important;
    height: 13px;
    margin-bottom: 1px;
    padding: 0 0.4em;
    text-shadow: 0 1px 0 #fff;
}

/* kiska-date format */

.kiskadate-format {
	border: 1px solid #c2c2c2!important;
    border-top: none!important;
    border-radius: 5px!important;
    box-sizing: border-box!important;
    color: #525252!important;
    float: left!important;
    font-weight: bold !important;
    line-height: 1em!important;
    margin: 6.5px 0.5em!important;
    overflow: hidden!important;
    text-align: center!important;
    width: 3em!important;
}

.kiskamonth {
    background-color: #EE2722 !important;
    border-radius: 0px !important;
    color: #fff;
    font-size: 0.6em!important;
    letter-spacing: 0.2em!important;
    padding: 0 0.2em!important;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.kiskadate {
    font-size: 1.5em!important;
    padding: 0.25em 0 0.12em!important;
	color: #525252!important;
	
}

.kiskaday {
    font-size: 0.6em!important;
    padding: 0 0 0.2em!important;
	
}

/* Upcoming Events widget layout */
#UpcomingEventsWidget ul.upcoming-events,
#ClubsWidget ul.upcoming-events,
.single-kiskaclassroom ul.upcoming-events {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}

#UpcomingEventsWidget ul.upcoming-events li,
#ClubsWidget ul.upcoming-events li,
.single-kiskaclassroom ul.upcoming-events li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 7px 6px !important;
  border-bottom: 1px dotted rgba(255,255,255,.35);
  box-sizing: border-box;
}

/* Widget date badge */
#UpcomingEventsWidget .kiskadate-format,
#ClubsWidget .kiskadate-format,
.single-kiskaclassroom .kiskadate-format {
  flex: 0 0 48px;
  width: 48px !important;
  margin: 0 !important;
  float: none !important;
}

/* Widget event title area */
#UpcomingEventsWidget .mc-group-2,
#ClubsWidget .mc-group-2,
.single-kiskaclassroom .mc-group-2 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Widget title pill */
#UpcomingEventsWidget .mc-up-link,
#ClubsWidget .mc-up-link,
.single-kiskaclassroom .mc-up-link {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 3px 6px;
  border: 1px solid #cfcfcf;
  border-radius: 5px;
  background: #fff;
  color: #004b9b;
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: break-word;
}

#UpcomingEventsWidget .mc-up-link:hover,
#ClubsWidget .mc-up-link:hover,
.single-kiskaclassroom .mc-up-link:hover {
  background: #f7f7f7;
  text-decoration: none;
}

/* Widget date badge - force stacked layout */
#UpcomingEventsWidget .kiskadate-format,
#ClubsWidget .kiskadate-format,
.single-kiskaclassroom .kiskadate-format {
  display: block !important;
  flex: 0 0 48px;
  width: 48px !important;
  min-width: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: center !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* Force month/day/date to stack and fill badge width */
#UpcomingEventsWidget .kiskadate-format .kiskamonth,
#UpcomingEventsWidget .kiskadate-format .kiskadate,
#UpcomingEventsWidget .kiskadate-format .kiskaday,
#ClubsWidget .kiskadate-format .kiskamonth,
#ClubsWidget .kiskadate-format .kiskadate,
#ClubsWidget .kiskadate-format .kiskaday,
.single-kiskaclassroom .kiskadate-format .kiskamonth,
.single-kiskaclassroom .kiskadate-format .kiskadate,
.single-kiskaclassroom .kiskadate-format .kiskaday {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
  clear: both !important;
  text-align: center !important;
}

/* Widget month strip */
#UpcomingEventsWidget .kiskadate-format .kiskamonth,
#ClubsWidget .kiskadate-format .kiskamonth,
.single-kiskaclassroom .kiskadate-format .kiskamonth {
  background: #ee2722 !important;
  color: #fff !important;
  padding: 5px 0 3px !important;
  line-height: 1 !important;
  font-size: 0.55em !important;
  letter-spacing: 0.15em !important;
}

/* Widget day number */
#UpcomingEventsWidget .kiskadate-format .kiskadate,
#ClubsWidget .kiskadate-format .kiskadate,
.single-kiskaclassroom .kiskadate-format .kiskadate {
  font-size: 1.6rem !important;
  line-height: 1.05 !important;
  padding: 0 0 1px !important;
}

/* Widget day name */
#UpcomingEventsWidget .kiskadate-format .kiskaday,
#ClubsWidget .kiskadate-format .kiskaday,
.single-kiskaclassroom .kiskadate-format .kiskaday {
  font-size: 0.65em !important;
  line-height: 1.1 !important;
  padding: 0 0 4px !important;
}

/* Main calendar list view */
.event-date .event-count,
.mc-date-container .event-count {
  display: none;
}

.mc-main .mc-list li {
  position: relative;
  display: block;
  min-height: 6.5em;
  padding: 10px 0;
  border-bottom: 1px dotted #ddd;
}

.mc-main .mc-list li.current-day,
.mc-main .current-day {
  outline: none !important;
  background-color: #fffce3 !important;
}

/* Main list date position */
.mc-main .mc-list .event-date {
  position: absolute !important;
  top: 10px !important;
  left: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 52px !important;
  line-height: 1 !important;
}

.mc-main .mc-list .event-date > span {
  display: block;
  padding: 0 5px !important;
}

.mc-main .mc-list .event-date .kiskadate-format {
  float: none !important;
  width: 52px !important;
  margin: 0 !important;
}

/* Main list content column */
.mc-main .mc-list .mc-list-date-wrapper {
  margin-left: 78px !important;
  margin-right: 10px !important;
}

.mc-main .mc-list article {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mc-main .mc-list .event-title {
  width: 100%;
  margin: 0;
  padding: 0 !important;
  font-size: 14px !important;
}

.mc-main .mc-list .event-title button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  padding: 6px 10px !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #0056a6 !important;
  font-weight: 700;
  line-height: 1.25;
  position: relative;
  margin-bottom: 6px;
}


.mc-main .mc-list .event-title button:last-of-type {
  margin-bottom: 0;
}

.mc-main .mc-list .event-title button div {
  font-size: 14px;
  color: #0056a6;
}

.mc-main .mc-list .event-title button:hover {
  background: #f7f7f7 !important;
}
/*Widget Calendar Popover */


/* Calendar popover wrapper */
.kiska-calendar-popover {
  max-width: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  z-index: 99999 !important;
}

.kiska-calendar-popover .popover-body {
  padding: 0;
}

/* Smaller compact popover card */
.kiska-calendar-popover .mc-pop-card {
  max-width: 260px;
  border-radius: 4px;
  overflow: hidden;
  font-size: 12px;
}

/* Compact horizontal image */
.kiska-calendar-popover .mc-pop-image-col {
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.kiska-calendar-popover .mc-pop-image-wrapper {
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.kiska-calendar-popover .mc-pop-image-col img,
.kiska-calendar-popover .mc-pop-image-wrapper img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: block;
}

/* Hide image column if no image */
.kiska-calendar-popover .mc-pop-image-col:empty {
  display: none;
}

/* Compact card text */
.kiska-calendar-popover .card-body {
  padding: 8px 10px !important;
}

.kiska-calendar-popover .card-title {
  font-size: 13px;
  line-height: 1.25;
  margin-bottom: 5px !important;
}

.kiska-calendar-popover .card-text {
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 6px !important;
}

.kiska-calendar-popover small {
  font-size: 11px;
}

.kiska-calendar-popover a.font-weight-bold {
  font-size: 12px;
}


#UpcomingEventsWidget .mc-group-2 .mc-up-link {
  margin-bottom: 5px;
}

#UpcomingEventsWidget .mc-group-2 .mc-up-link:last-of-type {
  margin-bottom: 0;
}