/**********************************************************/
/************************* calendar ***********************/
/*  */
/* event */
#calendar { max-width: 1320px; margin: 0 auto; }

.divCalendar{ background-color: var(--white); box-shadow: 0px 12px 50px rgba(197, 197, 197, 0.25); border-radius: 8px; padding: 30px; }
.divCalendar h3{ margin-bottom: 0; }


.calendar-body{ padding: 15px 15px 10px 15px; }
.closex{ position: absolute; top: 10px; right: 10px; }
.calendar-infomation h3{ font-size: 15px; color: var(--primary); margin-bottom: 12px; }
.calendar-infomation p{ display: flex; gap: 8px; align-items: center; font-size: 13px; color: #888; margin-bottom: 8px; }
.calendar-infomation p img{ filter: invert(56%) sepia(0%) saturate(31%) hue-rotate(149deg) brightness(96%) contrast(91%); width: 70%; }
.calendar-body .boxbtn--viewmore{ text-align: right; margin-top: 20px; }


@media (max-width: 767px){

  .divCalendar{ padding: 20px; }
  .divCalendar h3{ font-size: 16px; }
  

}


/* hack */
:root{
  --fc-border-color: #F2F1FF;
  --fc-button-bg-color: #056CF2;
  --fc-button-border-color: #056CF2;
}

.fc .fc-toolbar-title{ font-size: 19px; color: var(--secondary); }
.fc .fc-col-header-cell-cushion{ padding: 10px; font-size: 18px; font-weight: 500; color: var(--blue); }
.fc th{ text-align: left; background-color: var(--fc-border-color); }
.fc-theme-standard th{ border-color: var(--white); }

.fc .fc-button-primary:focus{ box-shadow: none; }

.fc .fc-button-group{ gap: 10px; }
.fc .fc-button-group .fc-prev-button,
.fc .fc-button-group .fc-next-button{ background-color: #DBEEFF; border-color: #DBEEFF; border-radius: 50% !important; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; color: var(--blue); }
.fc .fc-today-button{ border-radius: 30px; padding: 0.4em 1.5em; }


.fc-h-event{ background-color: #E7F9EF; border-left: 5px solid #11CC67; border: 0; font-weight: 500; }
.fc-h-event .fc-event-main{ font-size: 16px; color: var(--primary); }
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{ background-color: #e8f9ef; }
.fc-daygrid-event-dot{ display: none; }
.fc-daygrid-dot-event .fc-event-title{ font-weight: 400; }
.fc .fc-daygrid-event-harness{ padding: 5px; padding-left: 10px; color: #66A482; }
/* .fc-daygrid-day-events::before{ position: absolute; width: 6px; border-radius: 4px; background-color: var(--secondary); top: 3px; left: 3px; height: calc(100% - 6px); } */

.fc-direction-ltr .fc-daygrid-event .fc-event-time{ display: none; }



@media (max-width: 1599px){

  .fc .fc-col-header-cell-cushion{ font-size: 16px; }
  .fc-h-event .fc-event-main{ font-size: 14px; }

}
@media (max-width: 991px){

  .fc .fc-col-header-cell-cushion{ font-size: 14px; }

}
@media (max-width: 767px){
  
  .fc .fc-toolbar-title{ font-size: 15px; }
  .fc .fc-col-header-cell-cushion{ font-size: 12px; }
  .fc .fc-daygrid-body-balanced .fc-daygrid-day-events{ top: 50%; transform: translateY(-50%); }

}




/* home */
.home-calendar{ background-color: var(--white); box-shadow: 0px 12px 50px rgba(197, 197, 197, 0.5); border-radius: 12px; padding: 30px 20px; }


.home-calendar .fc th{ background-color: var(--white); }
.home-calendar .fc-theme-standard th{ border: 1px solid var(--fc-border-color); }
.home-calendar .fc .fc-bg-event{ background-color: var(--secondary); }
.home-calendar .fc-theme-standard .fc-scrollgrid{ border: 0; }
.home-calendar .fc td, 
.home-calendar .fc th {
  border-style: none !important;
}

@media (max-width: 991px){
  
  .home-calendar{ margin-bottom: 30px; }

}