/* ajoute les important aux paddings, à cause de Divi qui vient mettre les siens et fausse la mise en page du calenrier */
/* extrait de core */
.fc-popover .fc-header { padding: 2px 4px !important; }
hr.fc-divider { padding: 0 0 2px !important; }
.fc th, .fc td { padding: 0 !important; }
.fc-row .fc-content-skeleton { padding-bottom: 2px !important; }
.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { padding-left: 1px !important; }
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { padding-right: 1px !important; }
.fc-day-grid-event { padding: 0 1px !important; }
.fc-more-popover .fc-event-container { padding: 10px !important; }
.fc-button::-moz-focus-inner { padding: 0 !important; }
.fc-button { padding: 0.4em 0.65em !important; }

/* extrait de timegrid */
.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em !important; }
.fc .fc-axis { padding: 0 4px !important; }
.fc-time-grid-event.fc-not-start { padding-top: 1px !important; }
.fc-time-grid-event.fc-not-end { padding-bottom: 1px !important; }
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px !important; }
.fc-time-grid-event.fc-short .fc-title { padding: 0 !important; }

/* ajoute aussi le important à la font-size, même souci du thème Divi */
body .fc { font-size: 1em !important; }

/* adapte les couleurs au thème */
#calendar { background-color: white; }

.entry-content table:not(.variations) { margin:0px; }

.fc-toolbar { margin-top: 10px; }
.fc-toolbar-title {
  font-family: Raleway; font-size: 25px;
  color: #0c013d;
  padding-bottom: 0px;
}
.fc-button-primary {
  font-family: "Raleway-SemiBold" !important; font-size: 13px !important;
  color: #0c013d !important; background-color: white !important;
  padding-bottom: 2px !important;
  border-color: transparent !important; border: 3px solid white !important;
  -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;
  box-shadow: none !important;
}
.fc-button-active { border-bottom: 3px solid #d29a1c !important; }
.fc-prev-button, .fc-next-button {
  color: white !important; background-color: #d29a1c !important;
  width: 30px !important; height: 30px !important;
  padding: 0px !important;
  overflow:hidden !important;
  -webkit-border-radius:16px !important; -moz-border-radius:16px !important; border-radius:16px !important;
}
/*.fc-icon-chevron-left:before  { content:url(../picto/calendrier-gauche-40.png); }
.fc-icon-chevron-right:before { content:url(../picto/calendrier-droite-40.png); }*/

.fc-event, .fc-dragging { font-size: 0.7em; text-align: center; }
.fc-event-time, .fc-event-title-container { line-height: 1.1em; }
.fc-event-time { font-family: "Raleway-SemiBold"; font-size: 1em !important; }
.fc-event-dragging { cursor: -webkit-grabbing !important; cursor: grabbing !important; }
a.fc-col-header-cell-cushion, a.fc-daygrid-day-number { color: #0c013d; }
.fc-bg-event { opacity: 1 !important; background-color: #eaeaea !important; }
a.fc-daygrid-event { color:#d29a1c; }

/* arrange la vue "liste" */
.fc-list-table { font-family: "Raleway-SemiBold"; }
.fc-list-event-dot { margin-left: 4px; margin-right: 4px; }
.fc-list-item-title a { font-size: 0.8em; }
a.fc-list-day-text { color: #0c013d; }
a.fc-list-day-side-text { color: #0c013d; }


/************* RESPONSIVE ***************/
@media only screen and (max-width: 630px) {
  .fc-toolbar-title  { font-size: 16px !important; }
  .fc-button-primary { font-size: 12px !important; }
}

@media only screen and (max-width: 560px) {
  .fc-toolbar-title  { font-size: 14px !important; }
  .fc-button-primary { font-size: 11px !important; }
}

@media only screen and (max-width: 500px) {
  .fc-toolbar-title  { font-size: 13px !important; }
  .fc-button-primary { font-size: 10px !important; }
}