/* ==========================================================================
   Calendar hotfix - readability
   Loaded after styles.css
   ========================================================================== */

#main-content .calendar-access-page,
#main-content .availability-app,
#main-content .availability-public-page {
  color: #102018 !important;
  background: #f8fafc !important;
}

#main-content .calendar-access-page h1,
#main-content .calendar-access-page h2,
#main-content .calendar-access-page h3,
#main-content .availability-app h1,
#main-content .availability-app h2,
#main-content .availability-app h3,
#main-content .availability-public-page h1,
#main-content .availability-public-page h2,
#main-content .availability-public-page h3,
#main-content .calendar-access-hero h1,
#main-content .calendar-card-header h2,
#main-content .calendar-info-panel h2,
#main-content .calendar-result-card h1,
#main-content .availability-header h1,
#main-content .availability-header h2,
#main-content .availability-side-panel h2,
#main-content .public-opening-panel h2 {
  color: #102018 !important;
  background: transparent !important;
  text-shadow: none !important;
}

#main-content .calendar-access-page p,
#main-content .calendar-access-page label,
#main-content .calendar-access-page li,
#main-content .calendar-info-panel p,
#main-content .availability-app p,
#main-content .availability-app label,
#main-content .availability-public-page p,
#main-content .availability-public-page label {
  color: #475569 !important;
  background: transparent !important;
}

#main-content .calendar-kicker {
  color: #334155 !important;
  background: transparent !important;
}

#main-content .calendar-access-card,
#main-content .calendar-info-panel,
#main-content .calendar-result-card,
#main-content .availability-calendar-panel,
#main-content .availability-side-panel,
#main-content .public-opening-panel {
  background: #ffffff !important;
  color: #102018 !important;
  border: 1px solid #dbe5d8 !important;
}

#main-content .calendar-card-header span {
  color: #1e40af !important;
  background: #eff6ff !important;
}

#main-content .calendar-access-page input,
#main-content .calendar-access-page textarea,
#main-content .calendar-access-page select,
#main-content .availability-app input,
#main-content .availability-app textarea,
#main-content .availability-app select,
#main-content .availability-public-page input,
#main-content .availability-public-page textarea,
#main-content .availability-public-page select {
  color: #0f172a !important;
  background: #f8fafc !important;
}

#main-content .calendar-access-page input::placeholder,
#main-content .calendar-access-page textarea::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

#main-content .calendar-secondary-link {
  color: #1e40af !important;
}