#events-box .calendar-wrap{display:flex;justify-content:space-between}
#events-box .mini-calendar{display:block!important;width:49%;background:#fff;padding:13px 32px 35px;height:100%;position:relative}
#events-box .mini-list-loaded{display:block!important;width:49%;position:relative;z-index:10;margin-top:-45px}
#events-box .fc-view > table{border-style:hidden}
#events-box .fc-toolbar.fc-header-toolbar{margin-bottom:31px;background:transparent}
#events-box .fc-button-group{display:flex;justify-content:space-between;position:absolute;top:36px;left:35px;width:calc(100% - 70px)}
#events-box .fc-icon-chevron-left::before{content:"";display:inline-block;background:url(../../../images/calendar-prev.png) center/cover no-repeat;width:30px;height:30px}
#events-box .fc-icon-chevron-right::before{content:"";display:inline-block;background:url(../../../images/calendar-next.png) center/cover no-repeat;width:30px;height:30px}
#events-box .fc-toolbar{display:block;border-radius:6px}
#events-box .fc-button-group > .fc-button{background:transparent!important;border:none;padding:0;flex:none}
#events-box .fc-button-group > .fc-button .fc-icon{width:auto;height:auto}
#events-box .fc-button-group > .fc-button:hover,.fc-button-group > .fc-button:focus{background:transparent!important}
#events-box .fc-button-group > .fc-button:not(:last-child){margin-left:0}
#events-box .fc-button-group > .fc-button:not(:first-child) {float:right;margin-right:0}
#events-box .fc-left .fc-button-group .fc-today-button{display:none}
#events-box .fc-button .fc-icon{display:inline-flex;align-items:center;justify-content:center}
#events-box .fc-center{display:none}
#events-box .fc-right{display:block;text-align:left;position:relative;top:-3px;pointer-events:none}
#events-box .fc-day-header>span{font:700 16px 'Montserrat',sans-serif;color:#1B1B1B;text-transform:capitalize}

#events-box .fc-right h2{font:700 16px 'Montserrat',sans-serif;color:#000;text-transform:capitalize;padding:31px 0 0;text-align:center}
#events-box .fc-unthemed td{border:none}
#events-box .fc-widget-content{border-top:none}
#events-box .fc-content-skeleton .fc-day-number{font:700 16px 'Montserrat',sans-serif;color:#1B1B1B;text-decoration:none}
#events-box #mini-events .fc-row.fc-widget-header{border:none}
#events-box .fc .fc-row .fc-content-skeleton td{border:none;;text-align:center}
#events-box .fc-scroller.fc-day-grid-container{height:100%!important}
#events-box .fc-dayGrid-view .fc-day-number, .fc-dayGrid-view .fc-week-number{padding:7px 0}
#events-box #mini-events .fc-unthemed td.fc-today{background:transparent;border:none;position:relative;z-index:0}
#events-box #mini-events .fc-unthemed td.fc-today a{position:relative}
#events-box #mini-events .fc-unthemed td.fc-today a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#f2f2f2;z-index:-1}
#events-box .fc-unthemed td.fc-today a{position:relative}
#events-box #mini-events .fc-day-number{display:block;float:none;   padding:16px 0;margin:0 0.5px}
#events-box .fc-widget-header th{padding:10px 0 24px;text-align:center;border:none}
#events-box .fc-day-top.fc-other-month{opacity:1}
#events-box .fc-day-top.fc-other-month a{font-weight:400;color:#ccc}
#events-box #mini-events .fc-dayGrid-view .fc-body .fc-row{min-height:auto;height:61px!important;line-height:61px}
/* #events-box #mini-events .fc-dayGrid-view .fc-body .fc-row{min-height:2.6em;line-height:2.6em} */

#events-box .event{display:flex;flex-wrap:wrap;align-items:center;background:#fff;position:relative;height:184px;padding:0 20px;cursor:pointer;box-shadow:0px 3px 14px rgba(0, 0, 0, 0.05)}
#events-box .event:not(:last-of-type){margin-bottom:24px}
#events-box .event time{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:104px;height:104px;background:#8B0E04;font:700 36px 'Kanit',sans-serif;padding-bottom:5px;color:#fff}
#events-box .event .event-month{display:block;width:100%;text-align:center;font:700 16px 'Montserrat',sans-serif;color:#F1DFDD;text-transform:capitalize;margin:0 0 -38px}
#events-box .event-data{display:flex;flex-wrap:wrap;width:calc(100% - 104px);height:100%;align-self:center;line-height:1.3;background:transparent;padding:5px 0 5px 26px;overflow:auto}
#events-box .event-title{width:100%;font:700 18px 'Montserrat',sans-serif;color:#1B1B1B;line-height:1.45;align-self:center;margin:0}

#events-box a.fc-day-number{cursor:auto;text-decoration:none;pointer-events:none}
#events-box .fc-day-top.day-has-event.fc-today a.fc-day-number{font-weight:700;color:#1B1B1B!important}
#events-box .fc-day-top.day-has-event a.fc-day-number{cursor:pointer;pointer-events:all}
#events-box .fc-left .fc-button-group+.fc-button-group{position:absolute;top:1px;right:1px;left:auto;margin:0;width:auto;opacity:0;transition:opacity 320ms}
#events-box .fc-left .fc-button-group+.fc-button-group button{cursor:auto}
#events-box .fc-left .fc-button-group > .fc-dayGridMonth-button{background:#8B0E04!important;padding:1px 6px;pointer-events:all;border-radius:unset}
#events-box .fc-left .fc-button-group > .fc-dayGridMonth-button.fc-button-active{pointer-events:none}
#events-box .fc-left .fc-button-group .fc-today-button{display:none}
#events-box .fc-dayGridMonth-view .fc-day-grid-event{display:none}
#events-box .fc-day-top.day-has-event a{color:#fff;text-decoration:none;position:relative}
#events-box .fc-day-top.day-has-event a{position:relative}
#events-box .fc-day-top.day-has-event a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#8B0E04;z-index:-1}

#calendar .fc-button-primary{background-color:#8B0E04!important;border-color:#8B0E04}
#calendar .fc-button-primary:not(:disabled):active,#calendar .fc-button-primary:not(:disabled).fc-button-active{background-color:#bd1305!important;border-color:#bd1305}
#calendar.fc-unthemed td.fc-today{background:#8B0E04}
#calendar td.fc-today a.fc-day-number{color:#fff}

/* .modal-footer ICS button */
#homepage #ics-export{margin-top:3px}

/* delete the end time in the event-modal */
.event-modal-header .dur-end{display:none!important}

@media only screen and (max-width:991px) {
    #events-box .calendar-wrap{flex-wrap:wrap}
    #events-box .mini-calendar{width:500px;max-width:100%;margin:0 auto}
    #events-box .mini-list-loaded{width:100%;margin-top:30px}
}

@media only screen and (max-width:479px) {
    #events-box .mini-calendar{padding-left:5px;padding-right:5px}
    #events-box .fc-button-group{width:calc(100% - 10px);left:5px}
    #events-box .event{padding:0 10px}
    #events-box .event-title{font-size:16px;line-height:1.2} 
    #events-box .event-data{padding-left:15px;width:calc(100% - 80px);}
    #events-box .event time{width:80px}
}