/**
 * Modifications to default FullCalendar (https://fullcalendar.io/docs/css-customization) styles.
 */

/**
 * Any clamp function parameters were calculated using:
 * @link https://utopia.fyi/clamp/calculator
 */

:root {
  font-family: Futura, sans-serif;
  --fluid-2-8: clamp(0.125rem, -0.0054rem + 0.6522vi, 0.5rem);
  --fluid-4-16: clamp(0.25rem, -0.0109rem + 1.3043vi, 1rem);
	--fluid-12-18: clamp(0.75rem, 0.6196rem + 0.6522cqi, 1.125rem);
  --fluid-20-28: clamp(1.25rem, 1.0761rem + 0.8696cqi, 1.75rem);
  --fc-small-font-size: var(--fluid-12-18);
}

.fc-daygrid-event {
  margin-block-start: 0.25rem !important;
  white-space: pre-wrap;
  border: 1px solid #d9dbd7 !important;
  border-radius: 0 !important;
}

.fc-event-main-frame {
  flex-direction: column;
  gap: 0.25rem;
}

.fc-daygrid-block-event {
  padding: 2px !important;
}

.fc .fc-toolbar-title {
  font-size: var(--fluid-20-28);
}

.fc table {
  font-size: var(--fc-small-font-size);
}

.fc .fc-list-table td {
  padding-top: var(--fluid-2-8);
  padding-bottom: var(--fluid-2-8);
  padding-left: var(--fluid-4-16);
  padding-right: var(--fluid-4-16);
}