#ics-export{margin:0 0 0 5px;}

#homepage .calendar-wrap,
#freeform.department .calendar-wrap{display:grid;grid-template-columns: repeat(2, 1fr);gap: 8px;}
#homepage .mini-calendar,
#department .mini-calendar{display:block!important;height:100%;position:relative;z-index:1;;}
.calendar-left {background-color: #fff;border-radius: 16px;padding: 24px;height: fit-content;}
.fc-daygrid-body,

.fc-col-header {width: 100% !important;}
table.fc-scrollgrid-sync-table{width:  100% !important;}

/* Calendar Grid Styles */

#homepage .fc-toolbar-title,
#freeform.department .fc-toolbar-title {font-size: 20px;font-weight: 700;color: #1A1A1A;letter-spacing: -0.4px;text-transform: capitalize;}
#homepage .fc-prev-button, #homepage .fc-next-button,
#freeform.department .fc-prev-button, #freeform.department .fc-next-button {display: inline-flex;align-items: center;justify-content: center;background: none!important;border-color: transparent;padding: 0 !important;width: 24px;height: 24px;border-radius: 4px;color: #00404E !important;}
#homepage .fc-prev-button .fc-icon, #homepage .fc-next-button .fc-icon,
#freeform.department .fc-prev-button .fc-icon, #freeform.department .fc-next-button .fc-icon {vertical-align: unset;font-size: 20px;color: #00404E;}
#homepage .fc-icon-chevron-left:before, #freeform.department .fc-icon-chevron-left:before{content: '';background: url(../../../images/calendar-prev.png) center/cover no-repeat;display: block;width: 20px;height: 20px;}
#homepage .fc-icon-chevron-right:before, #freeform.department .fc-icon-chevron-right:before {content: '';background: url(../../../images/calendar-next.png) center/cover no-repeat;display: block;width: 20px;height: 20px;}
#homepage .fc-icon-chevron-left:hover:before,
#homepage .fc-icon-chevron-right:hover:before,
#freeform.department .fc-icon-chevron-left:hover:before,
#freeform.department .fc-icon-chevron-right:hover:before {filter: brightness(0) saturate(100%) invert(29%) sepia(64%) saturate(920%) hue-rotate(23deg) brightness(97%) contrast(103%);}

#homepage .fc-button-group button,
#freeform.department .fc-button-group button {flex: unset;}
#homepage .fc-dayGridMonth-view,
#freeform.department .fc-dayGridMonth-view {padding: 0;}
#homepage .fc-toolbar.fc-header-toolbar,
#freeform.department .fc-toolbar.fc-header-toolbar {margin-bottom: 30px;}
#homepage .fc .fc-daygrid-day-top,
#freeform.department .fc .fc-daygrid-day-top {justify-content: center}
#homepage .fc-theme-standard td, .fc-theme-standard th,
#freeform.department .fc-theme-standard td {border: none}
#homepage .fc-theme-standard .fc-scrollgrid,
#freeform.department .fc-theme-standard .fc-scrollgrid {border: none}
#homepage .fc-dayGridMonth-view .fc-daygrid-day-events,
#freeform.department .fc-dayGridMonth-view .fc-daygrid-day-events {display: none;}
#homepage .fc-col-header-cell a,
#freeform.department .fc-col-header-cell a {font-size: 16px;font-weight: 700;letter-spacing: -0.32px;color: #1A1A1A;text-transform: capitalize;text-decoration: none;margin: 0 0 8px;}

#homepage a.fc-daygrid-day-number,
#freeform.department a.fc-daygrid-day-number {font-size: 14px;font-weight: 700;color: #1A1A1A;letter-spacing: -0.28px;text-decoration: none;pointer-events: none;padding: 17.8px !important;margin: 1px}
#homepage .day-has-event.fc-day-today a.fc-daygrid-day-number,
#freeform.department .day-has-event.fc-day-today a.fc-daygrid-day-number {color: #fff}
#homepage .fc .fc-daygrid-day.fc-day-today,
#freeform.department .fc .fc-daygrid-day.fc-day-today {background-color: unset}
#homepage .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a,
#freeform.department .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a {color: #008742; font-weight: 700;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;min-height: 100%;text-decoration: none}
#homepage .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a::after,
#freeform.department .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: var(--brandlight);border-color: transparent;border-radius: 8px;transition: all 0.3s;z-index: -1;}
#homepage .day-has-event .fc-daygrid-day-top a::after,
#freeform.department .day-has-event .fc-daygrid-day-top a::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: none;border: 2px solid var(--brandcolor);border-radius: 8px;transition: all 0.3s;z-index: -1;}
#homepage .day-has-event .fc-daygrid-day-top a:hover::after,
#freeform.department .day-has-event .fc-daygrid-day-top a:hover::after {background: #FFFCE3;border-color: #FFE001;}
#homepage .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a:hover::after,
#freeform.department .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a:hover::after {background: #E3F7EB;border-color: transparent;}

#freeform.public-works-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a::after {background: #FFE001;}
#freeform.public-works-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a {color: #4D4C43;}
#homepage.police-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a, #freeform.police-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a {color: #0F5184;}
#homepage.fire-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a, #freeform.fire-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a  {color: #490E08;}


#homepage .fc .fc-scrollgrid-section-sticky > *,
#freeform.department .fc .fc-scrollgrid-section-sticky > * {background: none;}

#homepage .fc-event:hover,
#freeform.department .fc-event:hover{color: #000!important}
#homepage .fc .fc-day-other .fc-daygrid-day-top,
#freeform.department .fc .fc-day-other .fc-daygrid-day-top {opacity: 1}
#homepage .fc .fc-day-other .fc-daygrid-day-top a,
#freeform.department .fc .fc-day-other .fc-daygrid-day-top a {color: #808080;font-weight: 700;}
#homepage .fc-toolbar-chunk:nth-of-type(1),
#freeform.department .fc-toolbar-chunk:nth-of-type(1) {position: absolute;top: 0;left: 0;width: 100%;display: flex;justify-content: flex-end}
#homepage .fc-toolbar-chunk:nth-of-type(1) .fc-today-button,
#freeform.department .fc-toolbar-chunk:nth-of-type(1) .fc-today-button {margin-right: 55px;background: #0F5184 !important;padding: 0 5px !important;border-radius: 0 !important;line-height: 1.2;font-size: 14px !important;font-weight: 400 !important; height: 24px;opacity: 0;color: #fff !important;}
#homepage .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) ,
#freeform.department .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) {position: absolute;left: 0;right: 0;top: 2px;display: flex;justify-content: space-between}
#homepage .fc-toolbar-chunk:nth-of-type(3),
#freeform.department .fc-toolbar-chunk:nth-of-type(3) {width: 100%;text-align: center;padding: 0 20px;}
#homepage .fc-toolbar-chunk .fc-dayGridMonth-button,
#freeform.department .fc-toolbar-chunk .fc-dayGridMonth-button {background: #6d87c1 !important;padding: 0 5px !important;position: absolute;top: 0;right: 2px;margin: 0;border: none;border-radius: 0 !important;height: 24px;font-size: 14px !important;font-weight: 400 !important;opacity: 0;color: #fff !important;}
#homepage .day-has-event .fc-daygrid-day-top a,
#freeform.department .day-has-event .fc-daygrid-day-top a {color: #1A1A1A;font-weight: 700;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;min-height: 100%;text-decoration: none;pointer-events: all}
#homepage .day-has-event .fc-daygrid-day-top a:hover,
#freeform.department .day-has-event .fc-daygrid-day-top a:hover {opacity: 1}

#homepage .mini-list-loaded,
#freeform.department .mini-list-loaded {display:block!important;}
#homepage #mini-events .event,
#freeform.department #mini-events .event {display:flex;flex-wrap:wrap;align-items:center;position:relative;background: #fff;border: 2px solid var(--brandcolor);border-radius: 16px;padding: 24px;height:161.33px;cursor:pointer;overflow:hidden;transition: all 0.3s;}
#homepage .event:not(:last-of-type),
#freeform.department .event:not(:last-of-type) {margin-bottom:8px}
#homepage #mini-events .event:hover,
#freeform.department #mini-events .event:hover {background-color: #FFFCE3;border-color: #FFE001;}
#homepage .event .event-date-wrap,
#freeform.department .event .event-date-wrap {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50px;border: 2px solid transparent;background: var(--brandlight);transition:all .3s}
#homepage .event .event-month,
#freeform.department .event .event-month {display:block;width:100%;text-align:center;font-size:14px;font-weight: 700;color: #1A1A1A;text-transform:uppercase;margin-bottom:0;line-height:18.9px;letter-spacing: -0.28px;align-self:flex-end;transition:all .3s}
#homepage .event .event-day,
#freeform.department .event .event-day {display:block;width:100%;text-align:center;font-weight:700;font-size:36px;color:#1A1A1A;line-height:43.2px;letter-spacing: -0.72px;text-transform: capitalize;align-self:flex-start;transition:all .3s;}
#homepage #mini-events .event:hover .event-date-wrap,
#freeform.department #mini-events .event:hover .event-date-wrap {background-color: #fff;border-color: #FFE001;}
#homepage #mini-events .event:hover .event-month, #homepage #mini-events .event:hover .event-day,
#freeform.department #mini-events .event:hover .event-month, #freeform.department #mini-events .event:hover .event-day {color: #665A00;}
#homepage .event-data,
#freeform.department .event-data {width:calc(100% - 100px);padding-left: 24px;align-self:center;overflow:auto}
.event-time {display: flex;align-items: center;gap: 5px;font-size: 14px;font-weight: 700;line-height: 18.9px;letter-spacing: -0.28px;color: #4D4D4D;transition: all 0.3s;}
.event-time img {width: 16px;transition: all 0.2s;}
#homepage #mini-events .event:hover .event-time img,
#freeform.department #mini-events .event:hover .event-time img {filter: brightness(0) saturate(100%) invert(29%) sepia(89%) saturate(699%) hue-rotate(24deg) brightness(94%) contrast(101%);}
#homepage .event-title,
#freeform.department .event-title {width:100%;margin-top: 8px;font-weight:700;font-size:24px;color:#1A1A1A;line-height:28.8px;letter-spacing: -0.48px;align-self:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow: hidden;}



#homepage.police-dept .event-time img, #freeform.police-dept .event-time img {filter: brightness(0) saturate(100%) invert(48%) sepia(58%) saturate(584%) hue-rotate(163deg) brightness(91%) contrast(82%);}
#homepage.fire-dept .event-time img, #freeform.fire-dept .event-time img {filter: brightness(0) saturate(100%) invert(11%) sepia(92%) saturate(2603%) hue-rotate(355deg) brightness(93%) contrast(94%);}
#homepage.public-works-dept .event-time img, #freeform.public-works-dept .event-time img {filter: brightness(0) saturate(100%) invert(25%) sepia(13%) saturate(421%) hue-rotate(16deg) brightness(100%) contrast(82%);}

#homepage.public-works-dept .event .event-date-wrap {background-color: #4D4C43;}
#homepage.public-works-dept .event .event-month,
#homepage.public-works-dept .event .event-day {color: #FFE001;}
#homepage.public-works-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a::after {background: #FFE001;}
#homepage.public-works-dept .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a {color: #4D4C43;}

#calendar .fc-button-primary{background-color:#003745!important;border-color:#003745;border-radius: 8px !important;}
#calendar .fc-button-primary:not(:disabled):active,#calendar .fc-button-primary:not(:disabled).fc-button-active{background-color:#3787D8!important;border-color:#3787D8}
#calendar td.fc-day-today{background:#003745}
#calendar td.fc-day-today a{color:#fff}

#mini-events .tab-calendar,
#mini-events .tab-event{display: none;}

#freeform.department #mini-events .tab-calendar,
#freeform.department #mini-events .tab-event{display: block !important;}
#freeform.department #mini-events .tab-calendar .mini-calendar,
#freeform.department #mini-events .tab-event .mini-events-list{display: block !important;position: relative;}

#mini-events .tab-calendar.active,
#mini-events .tab-event.active{display: block;}

@media only screen and (max-width:991px){
    #homepage .calendar-wrap,
	#freeform.department .calendar-wrap{grid-template-columns: auto;}
	.calendar-left {padding: 24px 15px;border: 2px solid var(--brandcolor);}

    #homepage .mini-list-loaded,
	#freeform.department .mini-list-loaded{width:100%;margin-top:30px}
	#homepage #mini-events .event {height: 120px;}
	#homepage .event .event-date-wrap {width: 70px;height: 70px;}
	#homepage .event-data,
	#freeform.department.event-data {width: calc(100% - 70px);padding-left: 15px;}
	#homepage .event .event-day,
	#freeform.department .event .event-day {font-size: 20px;line-height: 23px;}
}

@media only screen and (max-width:767px){
	#homepage #mini-events .event, #homepage #mini-events .event,
	#freeform.department #mini-events .event, #freeform.department #mini-events .event {padding: 24px 15px;}
	#homepage .event-title {font-size: 18px;}
	#homepage a.fc-daygrid-day-number {padding: 10px 0;}
	#homepage .day-has-event .fc-daygrid-day-top a {font-weight: 600;}
}

@media only screen and (max-width:479px) {
	#homepage .fc-dayGridMonth-view,
	#freeform.department .fc-dayGridMonth-view{padding:0}
	#homepage .fc-col-header-cell a {font-size: 14px;}
}