.mini-list-loaded{display:block!important;}
/* #homepage .fc-left .fc-today-button,
#homepage .fc-left .fc-dayGridMonth-button{display:none;} */
#homepage .fc-left .fc-today-button,
#homepage .fc-left .fc-dayGridMonth-button{background-color:#0B74C8!important;border-color:#0B74C8}
#homepage .fc-left .fc-button-group:nth-of-type(2){position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:13px}
#homepage #mini-events .mini-calendar{box-shadow:0px 1px 10px 0px rgba(0, 0, 0, 0.3)}
#homepage .mini-calendar .fc-right h2{color:#169314; font-weight:700; font-size:16px;text-align:center;}
#homepage .mini-calendar .fc-icon-chevron-right::before{content:'\f101';font-family: 'Font Awesome 5 Free';color:#181818}
#homepage .mini-calendar .fc-icon-chevron-left::before{content:'\f100';font-family: 'Font Awesome 5 Free';color:#181818}
#homepage .mini-calendar .fc-prev-button,
#homepage .mini-calendar .fc-next-button{background:none !important;border:none;position:absolute;margin:0;padding:0;top:30px;font-size:12px;}
#homepage .mini-calendar .fc-prev-button{left:12%;}
#homepage .mini-calendar .fc-next-button{right:12%;}
#homepage .mini-calendar .fc-toolbar{display:block;margin-bottom:13px;}

#homepage .mini-calendar .fc-button-group{position:static;}

#homepage #mini-events{display:flex;justify-content: space-between;}
#homepage #mini-events .mini-calendar {width:53%;position:relative;padding-right:26px;padding-left:29px;padding-bottom:24px;}
#homepage #mini-events .mini-events-list.mini-list-loaded{width:41%;}
 
#homepage #mini-events .fc th, 
#homepage #mini-events .fc td{border:none;background:none;}
#homepage #mini-events .fc td a{border-radius:3px;}

#homepage .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{text-decoration:none;color:#000;font-weight:500;font-size:12px;}
#homepage #mini-events .fc-today a{background-color:#0b74c8;padding:3px 6px 5px;}
#homepage #mini-events .fc-today .fc-day-number{color:#fff;}

#homepage #mini-events .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:none;}

#homepage #mini-events .fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td{text-align:center;}

#homepage .fc-day-header{font-size:0}
#homepage .fc-sun.fc-widget-header::after{content:'S';font-size:12px;color:#000;}
#homepage .fc-mon.fc-widget-header::after{content:'M';font-size:12px;color:#000;}
#homepage .fc-tue.fc-widget-header::after{content:'T';font-size:12px;color:#000;}
#homepage .fc-wed.fc-widget-header::after{content:'W';font-size:12px;color:#000;}
#homepage .fc-thu.fc-widget-header::after{content:'T';font-size:12px;color:#000;}
#homepage .fc-fri.fc-widget-header::after{content:'F';font-size:12px;color:#000;}
#homepage .fc-sat.fc-widget-header::after{content:'S';font-size:12px;color:#000;}
#homepage #mini-events .eventDay a{text-decoration:underline;color:#818181}

#homepage #mini-events .fc-widget-header.fc-row{margin-bottom:4px;}
#homepage #mini-events .fc-dayGrid-view .fc-body .fc-row{min-height:26px;margin-bottom:4px;}
#homepage #mini-calendar{padding-left:26px;padding-right:30px;}

#homepage #mini-events .fc-scroller{overflow:auto !important;height:auto !important;}

#homepage #events .cal-event{margin-bottom:32px;}

/* Not sure what to do with this div.  It does not appear in the mockup, but if I do display none, than it doesn't appear when the date is clicked */
#homepage .fc-event-container{position:relative;top:20px}

@media only screen and (max-width:500px){
    #homepage #mini-events{flex-direction:column;align-items:center}
    #homepage #mini-events .mini-calendar{width:100%;}
    #homepage #mini-events .mini-events-list.mini-list-loaded{width:100%;margin-top:25px;}
}