@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
#mini-events {display: flex;justify-content: space-between;gap: 0;font-family: "Inter", sans-serif;}
.mini-events-list  {display: block!important;}
.inner .mini-events-list {display: flex !important;}

#homepage .mini-calendar{display: block!important;position: relative;z-index: 1;overflow: hidden;padding: 24px 12px;border-radius: 0;background: var(--white);}
#homepage .calendar-left {width: 50%;text-align: center;border-radius: 16px;padding: 128px 64px 128px 0;}
#homepage .calendar-right  {width: 50%;display: block!important;position: relative;padding: 128px 0 128px 64px;}
#homepage .calendar-left::after {content: '';}
#homepage .calendar-left::before {content: '';}
#homepage .fc-toolbar-title {color: var(--black);text-align: center;
/* Heading/Large Subheader */font-family: Onest;font-size: 32px;font-style: normal;font-weight: 700; /* 38.4px */text-transform: capitalize;}
#homepage .fc-prev-button, #homepage .fc-next-button {display: inline-flex;align-items: center;justify-content: center;background-color: unset!important;border-color: transparent;padding: 0;}
#homepage .fc-prev-button .fc-icon, #homepage .fc-next-button .fc-icon {vertical-align: unset;font-size: unset;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 4px;}
#homepage .fc-icon-chevron-left:before {content: "\f104";display: inline-block;font-family: FontAwesome;color: var(--black);font-size: 36px;}
#homepage .fc-icon-chevron-right:before {content: "\f105";display: inline-block;font-family: FontAwesome;color: var(--black);font-size: 36px;}
#homepage .fc-button-group {display: none}
#homepage .fc-button-group button {border-radius: unset;flex: unset}
.fc .fc-scrollgrid-section-header>th {background: transparent;}
#homepage .fc-toolbar.fc-header-toolbar {margin-bottom: 18px;}
#homepage .fc .fc-daygrid-day-top {justify-content: center;position: relative;}
#homepage .fc-theme-standard td, .fc-theme-standard th {border: none}
#homepage .fc-theme-standard .fc-scrollgrid {border: none;}
#homepage .fc-dayGridMonth-view .fc-daygrid-day-events {display: none}
#homepage .fc-col-header-cell a {text-decoration: none;padding: 10px 0;text-align: center;font-family: Onest;font-size: 18px;font-style: normal;font-weight: 700;line-height: 120%;color: var(--black);}
#homepage a.fc-daygrid-day-number {text-decoration: none;pointer-events: none;padding: 12px 0;margin: 4px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--black);text-align: center;font-family: "Albert Sans";font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
#homepage .day-has-event.fc-day-today a.fc-daygrid-day-number {color: #fff}
#homepage .fc .fc-daygrid-day.fc-day-today {background-color: unset}
#homepage .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a {color: var(--white) !important;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 {background: var(--blue);border-radius: 50%;}
#homepage .fc-event:hover {color: #000!important}
#homepage .fc .fc-day-other .fc-daygrid-day-top {opacity: 1}
#homepage .fc .fc-day-other .fc-daygrid-day-top a {color: rgba(0, 0, 0, 0.70);font-weight: 400;}
#homepage .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 {margin-right: 75px;background: tan;padding: 0 5px;border-radius: unset;line-height: 1.2;height: 24px}
#homepage .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) {position: absolute;left: 20px;top: 42px;width: 95%;display: flex;justify-content: space-between;}
#homepage .fc-toolbar-chunk:nth-of-type(3) {width: 100%;text-align: center;padding: 16px 24px;}

#homepage .fc-toolbar-chunk .fc-dayGridMonth-button {
    background: #708989!important;
    padding: 0 5px;
    position: absolute;
    top: 0;
    right: 17px;
    margin: 0;
    border: none;
    border-radius: 0;
    height: 24px
}

#homepage .day-has-event .fc-daygrid-day-top a {
    font-weight: 700!important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    pointer-events: all;
    font-size: 16px;
    text-decoration: underline;
    color: var(--dark-green) !important;
    position: relative;
}

#homepage .day-has-event .fc-daygrid-day-top a::after {
    border-radius: 8px;
    background: white;
    content: "";
    position: absolute;
    min-width: 48px;
    min-height: 48px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    transform: translate(-50%);
}
#homepage .day-has-event .fc-daygrid-day-top a:hover::after{background: rgba(0, 0, 0, 0.15);border: transparent;}
#homepage .day-has-event .fc-daygrid-day-top a:hover::after {opacity: 1;}
#homepage .day-has-event .fc-daygrid-day-top a:hover{text-decoration: none;}

#homepage .fc-daygrid-day-top a::after {
    content: '';
    position: absolute;
    /*! top: 50%; */
    left: 50%;
    /*! transform: translate(-50%, -50%); */
    /*! width: 70px; */
    /* padding-bottom: 40%; */
    min-width: 44px;
    min-height: 44px;
    background: transparent;
    z-index: -1;
    border-radius: 35px;
    transform: translate(-50%);
}
#homepage .day-has-event .fc-daygrid-day-top a:hover {
    opacity: 1;
    color: var(--black) !important;
}
#homepage .event {
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative;
    left: 0;
    cursor: pointer;
    font-size: 20px;
    padding: 0;
    height: 99px;
    transition: all 0.3s;
    background: var(--white);
    backdrop-filter: blur(5px);
}

#homepage .event:not(:last-of-type) {
    margin-bottom: 14px;
}
#homepage .event:last-of-type {
    margin-bottom: 32px;
}

#homepage .event:hover .event-title {text-decoration: underline;}

#homepage .event time {
    display: grid;
    align-content: center;
    text-align: center;
    min-width: 88px;
    height: 100%;
    padding: 5px;
    transition: all 0.3s;
    
/* p small */
    line-height: normal;
    background: rgba(35, 97, 173, 0.15);
    color: var(--black);
/* Heading/Nav Menu */
    font-family: Onest;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
     /* 21.6px */
    text-transform: uppercase;
}

#homepage .event time span.event-num{display:block;margin-top: 0px;color: var(--black);
/* Heading/Large Subheader */font-family: Onest;font-size: 32px;font-style: normal;font-weight: 700;line-height: 120%; /* 38.4px */text-transform: capitalize;}

#homepage .event-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    transition: color 0.3s;
    color: var(--black);
    margin-bottom: 0;
    font-family: Onest;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 26.4px */
    text-transform: capitalize;
}
#homepage .cal-content {
    padding-right: 90px;
}
#homepage .angle-right {
    position: absolute;
    right: 43px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    background: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}
#homepage .angle-right img{width: 24px;}
#homepage .cal-date {color: var(--Theme-Brown, #7D261A);
/* Body/S Medium */font-family: "Albert Sans";font-size: 14px;font-style: normal;font-weight: 500;line-height: 150%; /* 21px */margin-bottom: 4px;}
#homepage .cal-date img{width:12px;position: relative;top: -2px;margin-right: 8px;}
#calendar .fc-button-primary {background-color: #708989!important;border-color: #708989}
#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: #d2e6ff}
#calendar td.fc-day-today a {color: #fff}
#ics-export {margin-top: 4px}
.tab-event:not(.active) {display: none;}
.tab-calendar:not(.active) {display: none;}
.tab.button.active {background: #0B7CE5;}
table.fc-col-header,.fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural,table.fc-scrollgrid-sync-table  {width: 100%!important;}
#event-modal-dialog {margin: 0 auto;padding: 10px}
.mini-events-list.mini-list-loaded h3 {color: #000919;font-size: 20px;font-weight: 700;text-transform: uppercase;text-align: center;}
#tabs-button {display: flex;gap: 0;}
#tabs-button .tab {
    text-align: center;
    background: var(--green);
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: center;
    min-height: 36px;
    border-radius: 0;
    transition: background 0.3s;
    padding: 14px 24px;
    column-gap: 0;
    color: var(--white);
    text-align: center;
/* Body/Regular Bold */
    font-family: "Albert Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
     /* 28.8px */
}
#tabs-button .tab:hover{text-decoration: underline;background: #106A5A;}
#tabs-button .tab.active {background: #ffffff;color: var(--dark-green);font-weight: 700;}
#homepage .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child > button {opacity: 0;}
/*#homepage .fc-col-header .fc-day-sun a,
#homepage .fc-col-header .fc-day-mon a,
#homepage .fc-col-header .fc-day-tue a,
#homepage .fc-col-header .fc-day-wed a,
#homepage .fc-col-header .fc-day-thu a,
#homepage .fc-col-header .fc-day-fri a,
#homepage .fc-col-header .fc-day-sat a{font-size: 0!important;}
#homepage .fc-col-header .fc-day-sun a:after{content: "S"; font-size: 18px;}
#homepage .fc-col-header .fc-day-mon a:after{content: "M"; font-size: 18px;}
#homepage .fc-col-header .fc-day-tue a:after{content: "T"; font-size: 18px;}
#homepage .fc-col-header .fc-day-wed a:after{content: "W"; font-size: 18px;}
#homepage .fc-col-header .fc-day-thu a:after{content: "T"; font-size: 18px;}
#homepage .fc-col-header .fc-day-fri a:after{content: "F"; font-size: 18px;}
#homepage .fc-col-header .fc-day-sat a:after{content: "S"; font-size: 18px;}*/
.events-wrap{margin-bottom:24px;}

@media only screen and (max-width:1200px){
    #homepage .event-title {font-size: 22px;}
    /* #homepage #news .container-fluid, #events .container-fluid, #government .container-fluid, #about .container-fluid, #footer .container-fluid {padding-left: 100px;padding-right: 100px;} */
}

 @media only screen and (max-width: 991px){
    #homepage .event {padding-right: 20px;gap: 20px;height: 166px;}
    #homepage .mini-calendar {padding-left: 15px;padding-right: 15px;}
    #homepage .calendar-left {padding: 50px 0 0;}
    #homepage .cal-date {font-size: 18px;}
    #homepage .event-title {font-size: 20px;}
    #homepage .cal-content {padding-right: 40px;}
    #homepage .angle-right {right: 10px;}
    #tabs-button .tab{font-size: 15px;padding: 0 12px;}
    #homepage .fc-toolbar-title {font-size: 20px;}
    #homepage a.fc-daygrid-day-number {padding: 15px 0;max-width: 55px;}
    #homepage .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) {left: 20px;width: calc(100% - 38px);}

    .inner .mini-events-list {
        display: block !important;
      }

      .inner .mini-events-list .event{width: 100%;}
 }
 @media only screen and (max-width:768px){
    #homepage .calendar-left {width: 100%;order: 2;}
    #homepage .calendar-right  {width: 100%;margin-top: 50px;padding: 0;order: 1;}
    #mini-events {display: flex;padding: 0;flex-direction: column;}
    #homepage .event{height: auto;}
    #homepage .fc-daygrid-day-top a::after {/*! height: 50px; */padding-bottom: 0;/* margin-top: -2px; */}
    #homepage .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) {top: 32px;}
    .calendar-right .title {display: none;}
    .event-bg {width: 100%;height: 100%;z-index: 1;}
}
 @media only screen and (max-width:479px){
    #homepage .event-title {font-size: 18px;}
    #homepage .cal-date {font-size: 17px;}
}
 @media only screen and (max-width:440px){
    #homepage a.fc-daygrid-day-number {font-size: 14px;padding: 10px 0;}
    #homepage .fc-col-header-cell a{font-size: 14px;}
    #homepage .fc-daygrid-day-top a::after {padding-bottom: unset;margin-top: 0px;min-width: unset;min-height: unset;width: 38px;height: 38px;}
    #homepage .fc-toolbar-title {font-size: 20px;}
    #tabs-button .tab {font-size: 16px;padding: 12px;}
}