/*
for css vars only.
these values are automatically known in all stylesheets.
the :root statement itself is only included in the common stylesheet.
this file is not processed by postcss when imported into the postcss-custom-properties plugin,
so only write standard css!

NOTE: for old browsers, will need to restart watcher after changing a variable
*/
.CustomCalendar {padding:20px;

  /*background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.17);*/
}

.fc-theme-standard th {
text-align: center;
  
  font-weight: bold;
 
  font-family: 'Inter', Arial;
  height: 40px;
  vertical-align: middle;

}

.fc-event-title {
  font-family: 'Inter', Arial;
}

.fc-daygrid-day-number, .fc-daygrid-dot-event .fc-event-title, .fc-daygrid-dot-event .fc-event-time {
  font-family: 'Inter', Arial;
}

.fc-event-time {
 display: none;
}

.fc-liquid-hack td {

    font-family: 'Inter', Arial;
   box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.1), 0 4px 32px 0 rgba(0, 0, 0, 0.37);

}

.fc .fc-toolbar-title {
     font-family: 'Inter', Arial;
}
.fc .fc-button{
    font-family: 'Inter', Arial;
}

.fc .fc-daygrid-day,
.fc .fc-col-header-cell,
.fc .fc-timegrid-slot,
.fc .fc-timegrid-col,
.fc-theme-standard th,
.fc-theme-standard td,
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.fc .fc-scrollgrid-section-sticky > * {
  background-color: transparent;
}

.fc-theme-standard td { border: 0px;}

:root {
  --fc-small-font-size: .85em;
  --fc-page-bg-color: #fff;
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: #808080;
  --fc-border-color: #ddd;

  --fc-button-text-color: #fff;
  --fc-button-bg-color:  rgba(255, 255, 255, 0.2);/*#2C3E50*/
  --fc-button-border-color: rgba(255, 255, 255, 0.3); /* #2C3E50*/
  --fc-button-hover-bg-color: #1e2b37;
  --fc-button-hover-border-color: #1a252f;
  --fc-button-active-bg-color: #1a252f;
  --fc-button-active-border-color: #151e27;

  --fc-event-bg-color: #3788d8;
  --fc-event-border-color: #3788d8;
  --fc-event-text-color: #fff;
  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

  --fc-more-link-bg-color: #d0d0d0;
  --fc-more-link-text-color: inherit;

  --fc-event-resizer-thickness: 8px;
  --fc-event-resizer-dot-total-width: 8px;
  --fc-event-resizer-dot-border-width: 1px;

  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: rgba(143, 223, 130, 0.5);
  --fc-bg-event-opacity: 0.5;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(0, 0, 0, 0.5);
  --fc-now-indicator-color: red;
}

.fc-event {
  color: #fff !important;
}