/**
 * Availability / FullCalendar page styles
 * Temporary home — Phase 2 should move into searchcs calendar templates/CSS.
 */

.fc-daygrid-body.fc-daygrid-body-balanced {
  padding-top: -750px;
}

.fc-daygrid-event {
  border-radius: 0;
}

.fc-daygrid-day.fc-day.fc-day-sun.fc-day-future {
  padding-left: 0 !important;
}

table.calendarHeader {
  z-index: 99999;
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.calendarHeader thead th {
  z-index: 99999;
  position: sticky;
  top: 0;
  padding: 10px;
  text-align: center;
  background: #fff;
}

.calendarHeader th {
  z-index: 99999;
  width: 14.28%;
}

.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
  margin-top: -130px;
  padding-left: 36px;
  padding-right: 36px;
}

.fc-scroller.fc-scroller-liquid-absolute {
  padding: 0;
  margin: 0;
}

.fc-scrollgrid-sync-table {
  margin-left: 0 !important;
}

.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-past {
  display: none;
}

.fc-today-button.fc-button.fc-button-primary {
  display: none;
}

#calendar {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.fc.fc-media-screen.fc-direction-ltr.fc-theme-standard {
  isolation: isolate;
  height: 3500px !important;
}

.fc-scroller-harness.fc-scroller-harness-liquid {
  margin-top: 450px;
}

.lanarkcalendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner,
.kawarthascalender .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
  height: 300px;
  padding-top: 32px;
}

.calabogiecalendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
  height: 100px;
  padding-top: 32px;
}

.haliburtoncalendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
  height: 500px;
  padding-top: 32px;
}

.fullcalendar .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
  height: 550px !important;
  padding-top: 32px;
}

.fc-daygrid-day {
  padding: 10px;
}

.fullcalendar #categories,
.kawarthascalender #categories,
.calabogiecalendar #categories,
.haliburtoncalendar #categories,
.lanarkcalendar #categories {
  text-align: center;
  padding-bottom: 75px;
}

.fc-direction-ltr.fc-daygrid-event.fc-event-end,
.fc-direction-rtl.fc-daygrid-event.fc-event-start {
  margin-left: -4px;
}

.fc-scrollgrid,
.fc-daygrid.fc-dayGridMonth-view.fc-view,
.fc-scrollgrid.fc-scrollgrid-liquid {
  border: none !important;
  background: none !important;
}

.fc-scroller-harness {
  background: none;
}

.fc-event-main {
  padding-left: 2px;
  padding-top: 10px;
  font-size: 12px;
  border-radius: 25px;
}

.fc-col-header {
  display: none;
}

.fc-day-grid-event {
  border-right: 5px solid #428bff;
  width: 105%;
  margin-top: 4px;
  margin-bottom: 4px;
}

.fc-content-skeleton thead {
  background-color: #444444;
  font-weight: bold;
  color: white;
}

.fc-widget-header {
  padding-top: 16px;
  background-color: black;
}

.fc-day-grid-event iframe {
  display: none;
}

.fc-day-header {
  color: white;
}

.fc-left {
  padding-top: 6px;
  margin-left: 16px;
}

.fc-right {
  padding-top: 6px;
  margin-right: 16px;
}

.stickyweekdays {
  height: 48px;
}

.fc-body {
  min-height: 650px !important;
}

.fc-content {
  width: 80%;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 4px;
  padding-top: 4px;
}

.fc-day.fc-widget-content.fc-mon.fc-past {
  display: none;
}

.fc-scroller {
  height: 650px !important;
}

.fc-day-grid-container {
  min-height: 650px !important;
}

.sticky {
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
}

.calendarSticky {
  width: 100%;
}

.sticky .wp-block-button {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 8px !important;
}

#script-warning {
  display: none;
  border-bottom: 1px solid #ddd;
  padding: 0 10px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: red;
}

#loading {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

@media screen and (max-width: 599px) {
  .calendarHeader th {
    font-size: 8px;
  }

  .fc-toolbar-title {
    font-size: 14px !important;
  }

  /* Scope tiny button text to calendar toolbars only — not all site buttons. */
  .fullcalendar .wp-block-buttons,
  .lanarkcalendar .wp-block-buttons,
  .kawarthascalender .wp-block-buttons,
  .calabogiecalendar .wp-block-buttons,
  .haliburtoncalendar .wp-block-buttons {
    font-size: 10px;
  }

  .fullcalendar a.wp-block-button__link,
  .lanarkcalendar a.wp-block-button__link,
  .kawarthascalender a.wp-block-button__link,
  .calabogiecalendar a.wp-block-button__link,
  .haliburtoncalendar a.wp-block-button__link {
    font-size: 10px !important;
  }

  .fc-event-main {
    color: #c0c0c0 !important;
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) and (min-width: 600px) {
  .fc-event-main {
    color: #c0c0c0 !important;
    font-size: 10px;
  }
}