#mini-events {display: flex;justify-content: space-between; gap: 66px;}
.calendar-left {text-align: start;margin: 0;width: 50%;}
.calendar-box{height: 100%;}
.calendar-right {width: 50%;padding-top: 0;}
#homepage .mini-calendar {display: block !important;height: 100%;position: relative;z-index: 1;padding: 48px 34px;overflow: hidden;border-radius: 15px;border: 1px solid #2E4C92;background: var(--white);}
#homepage .mini-calendar::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 96px;z-index: -1;background: var(--light-blue);}
#homepage .mini-calendar::before {content: '';position: absolute;top: 80px;left: 0;width: 100%;height: 40px;z-index: 1;}
.fc-button-primary:disabled {background-color: #2e4c92 !important;}
#homepage .fc-toolbar-title {position: relative;left: 0;top: -10px;color: var(--Theme-Bue, #2E4C92);text-align: center;font-family: "Roboto", sans-serif;font-size: 28px;font-style: normal;font-weight: 700;line-height: 120%;letter-spacing: -0.84px;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: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
#homepage .fc-icon-chevron-left:before {content: "";display: inline-block;font-family: FontAwesome;color: rgb(3, 106, 18);font-size: 35px;font-weight: bold;background: url(../../../images/cal-left.png);width: 10px;height: 16px;background-size: 100%;}
#homepage .fc-icon-chevron-right:before {content: "";display: inline-block;font-family: FontAwesome;font-weight: bold;background: url(../../../images/cal-right.png);background-size: 100%;width: 10px;height: 16px;}
#homepage .fc-button-group {display: none}
#homepage .fc-button-group button {border-radius: unset;flex: unset;border-radius: 50px;border: 1px solid var(--theme-blue-10, rgba(46, 76, 146, 0.10));background: #ffffff !important;}
.fc .fc-scrollgrid-section-header>th {background: transparent;}
#homepage .fc-toolbar.fc-header-toolbar {margin-bottom: 50px;}
#homepage .fc .fc-daygrid-day-top {justify-content: center}
#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;

margin: 0;


/* 21.6px */

text-transform: capitalize;



/* Body/Regular Bold */


/* 24px */



/* www.saginawtx.org/Semantic/Cell */

color: var(--Theme-Bue, #2E4C92);

text-align: center;

/* Heading/Nav Menu */

font-family: "Roboto", sans-serif;

font-size: 20px;

font-style: normal;

font-weight: 600;

line-height: 120%; /* 24px */
}


#homepage a.fc-daygrid-day-number {

text-decoration: none;

pointer-events: none;

padding: 13px 0;

margin: 1px;

width: 100%;

height: 100%;

display: flex;

align-items: center;

justify-content: center;

color: #2d2d2d;

text-align: center;

/* Links/Regular */

font-family: "Roboto", sans-serif;

font-size: 16px;

font-style: normal;

font-weight: 400;

line-height: 150%; /* 24px */
}


#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);

display: flex;

align-items: center;

justify-content: center;

width: 100%;

height: 100%;

min-height: 100%;

text-decoration: none;
position: relative;
}


#homepage .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a::after {
content: "";
background: var(--navy);

height: 48px;

width: 48px;

border-radius: 50%;
position: absolute;
z-index: -1;
}


#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: var(--light-gray);




/* Body/Caption Norm */


/* 18.9px */
}


#homepage .fc-toolbar-chunk:nth-of-type(1) {

position: absolute;

top: -12px;

left: 0;

width: 100%;

display: flex;

justify-content: flex-end
}


#homepage .fc-toolbar-chunk:nth-of-type(1) .fc-today-button {

margin-right: 4px;

margin-top: 15px;

background: #2e4c92;

padding: 0 5px;

border-radius: unset;

line-height: 1.2;

height: 24px;

/* position: absolute; */

/* left: 42%; */

/* top: auto; */

bottom: -420px;
}


#homepage .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) {

position: absolute;

left: 40px;

top: 48px;

/* width: 100%; */

display: flex;

justify-content: space-between;

right: 40px;
}


#homepage .fc-toolbar-chunk:nth-of-type(3) {

width: 100%;

text-align: center;

padding: 0 50px;
}

.fc-button-primary {
color: #fff !important;
background-color: #2e4c92 !important;
border-color: #2C3E50;
}


#homepage .fc-toolbar-chunk .fc-dayGridMonth-button {

background: #2e4c92 !important;

padding: 0 5px;

/* position: absolute; */

/* right: 17px; */

margin: 15px 20px 0 0;

/* border: none; */

/* border-radius: 0; */

height: 24px;

/* left: 53%; */

/* top: auto; */

/* bottom: -420px; */

}


#homepage .day-has-event .fc-daygrid-day-top a {

display: flex;

align-items: center;

justify-content: center;

width: 100%;

height: 100%;

min-height: 100%;

pointer-events: all;

text-align: center;

font-weight: 700;

text-decoration: underline;
}




#homepage .day-has-event .fc-daygrid-day-top a::after {

content: '';

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

width: 76px;

height: auto;

border-radius: 0;

z-index: -1;
background: var(--white);
height: 48px;
width: 48px;
border-radius: 50%;

}

#homepage .day-has-event .fc-daygrid-day-top a:hover::after{background-color: var(--light-blue);}



#homepage .day-has-event .fc-daygrid-day-top a:hover {

opacity: 1;
text-decoration: none;
}


#homepage .mini-list-loaded {

display: block !important;

}

/* #homepage .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a::after {
background: #2E4C92;
height: 38px;
width: 38px;
border-radius: 50%;
} */

#homepage .event {

position: relative;

cursor: pointer;

transition: .3s all;

padding: 0;

width: 100%;

background: transparent;

border-radius: 0;

border: 1px solid #2E4C92;

display: flex;

align-items: center;

column-gap: 32px;
}

#homepage .event:hover time {background: var(--light-blue);color: var(--navy);}
#homepage .event:hover time span.event-month,#homepage .event:hover .event-num{color: var(--navy);}


#homepage .event:not(:last-of-type) {

margin-bottom: 8px;

border-bottom: 1px solid rgba(255,255,255,.3);

padding-bottom: 8px;
}


#homepage .event time {

padding: 0;

justify-content: center;

text-transform: uppercase;

position: relative;

margin: 0;

padding-top: 0;

transition: .3s all;

border-radius: 15px;

margin: 0;

color: var(--navy);

font-family: "Oswald", sans-serif;

font-size: 20px;

font-style: normal;

font-weight: 600;

line-height: normal;

display: flex;

flex-direction: column;

background: var(--white);

min-width: 94px;

height: 122px;
}


#homepage .event-num {

position: relative;


/* Header/Header 4 Bold */


/* 38.4px */

z-index: 1;

text-align: center;

color: var(--navy);

/* Heading/Large Subheader */

font-family: "Roboto", sans-serif;

font-size: 28px;

font-style: normal;

font-weight: 700;

line-height: 120%; /* 33.6px */

letter-spacing: -0.84px;

text-transform: capitalize;
}


#homepage .event-title-time-wrap {

align-self: flex-end
}


#homepage .event-title {

display: -webkit-box;

-webkit-line-clamp: 1;

-webkit-box-orient: vertical;

text-overflow: ellipsis;

word-break: break-all;

text-decoration: none;

position: relative;



/* 24px */

color: var(--white);

/* www.saginawtx.org/Oswald/SemiBold */




/* 110% */

padding-right: 32px;


/* Heading/Small Subheader */

font-family: "Roboto", sans-serif;

/* 24px */

margin-bottom: 8px;

overflow: hidden;


/* Heading/Small Subheader */

font-size: 24px;

font-style: normal;

font-weight: 700;

line-height: 1.2; /* 24px */

text-transform: capitalize;
}


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


#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: #708989
}


#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
}


.cal-event-time {
line-height: normal;
}


.cal-event-time img {
width: 14px;
position: relative;
top: -1px;
margin-right: 10px;
}

span.event-month {
position: relative;
text-align: center;
z-index: 1;
text-transform: none;
margin: 0 0 9px;
color: var(--navy);

/* Heading/Nav Menu */
font-family: "Roboto", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 24px */
}

/* #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: 20px;}
#homepage .fc-col-header .fc-day-mon a:after{content: "M";font-size: 20px;}
#homepage .fc-col-header .fc-day-tue a:after{content: "T"; font-size: 20px;}
#homepage .fc-col-header .fc-day-wed a:after{content: "W"; font-size: 20px;}
#homepage .fc-col-header .fc-day-thu a:after{content: "T"; font-size: 20px;}
#homepage .fc-col-header .fc-day-fri a:after{content: "F"; font-size: 20px;}
#homepage .fc-col-header .fc-day-sat a:after{content: "S"; font-size: 20px;} */

.cal-info {

display: flex;

align-items: center;

column-gap: 12px;

color: var(--white);

font-size: 18px;

font-style: normal;

font-weight: 500;
}
.cal-dot {
width: 4px;
height: 4px;
background: rgba(255, 255, 255, 0.30);
border-radius: 50%;
}

.cal-event-time {color: #fff;}

/*Department*/
.department .mini-events-list{display: block !important;}
.department .calendar-left{display: none !important;}
.department .calendar-right {width: 100%;}
.department .event-title {color: var(--navy);font-size: 18px;font-weight: 500;word-wrap: break-word;line-height: 1.2;margin-bottom: 5px;max-height: 44px;text-overflow: ellipsis;overflow: hidden;}
.department .cal-event-time {color: #383838; font-size: 14px; font-weight: 400}
.department span.event-month{color: #383838; font-size: 14px; font-weight: 400}
.department .cal-dot {background: rgba(0, 0, 0, 0.30);}
.department .event:not(:last-of-type){margin-bottom: 20px;}
/*Department*/

@media only screen and (max-width:991px) {
#homepage .fc-button-group button {height: 30px;width: 30px;}
#mini-events {flex-wrap: wrap;gap: 20px;}
.calendar-left {width: 100%;}
#homepage .event .event-arrow {display: none;}
#homepage .fc-toolbar-title {font-size: 24px;}
#homepage .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) {left: 0;top: 45px;width: 100%;}
#homepage .mini-calendar {padding: 30px 0;}
/* #homepage .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a::after {width: 100%;height: 100%;} */
.calendar-right {padding: 0;width: 100%;}
#homepage .event:not(:last-of-type) {margin-bottom: 25px;}
#homepage .event time {font-size: 20px;min-width: 70px;}
#homepage .event time span {font-size: 20px;}
#homepage .event {padding: 0;column-gap: 15px;}
.site-events .button.read-more {width: 30px;height: 30px;right: 0;}
#homepage a.fc-daygrid-day-number {padding: 7px 17px;}
#homepage .fc-col-header-cell a {margin: 0 0 5px;}
#homepage .fc-toolbar.fc-header-toolbar {margin-bottom: 5px;}
#homepage .fc-toolbar-title::after {width: 180px;bottom: -8px;}
#homepage .day-has-event .fc-daygrid-day-top a::after {width: 44px;height: 44px;}
}


@media only screen and (max-width:575px) {
.calendar-right {max-width: 100%;width: 100%;}
}

@media only screen and (max-width:460px) {
#homepage .fc-daygrid-day-top a::after {width: 35px;height: 33px;}
#homepage .fc-toolbar-title {font-size: 18px;margin: 3px 0;}
#homepage .event-title {font-size: 16px;}


}

@media only screen and (max-width:390px) {
#homepage .fc-daygrid-day-top a::after {width: 33px;}
.department .fc-daygrid-day-top a::after {width: 33px;}
/* #homepage .fc-toolbar-chunk:nth-of-type(1) .fc-button-group:nth-of-type(1) {width: calc(100% - 50px);left: 25px;} */
#homepage .fc-toolbar-title {margin-bottom: 5px;}
.department .fc-toolbar-title {margin-bottom: 5px;}
}


@media (min-width:992px) and (max-width:1367px) {
#homepage .day-has-event .fc-daygrid-day-top a::after {width: 40px;height: 40px;border-radius: 4px;}
.department .day-has-event .fc-daygrid-day-top a::after {width: 40px;height: 40px;border-radius: 4px;}
#mini-events {display: flex;justify-content: space-between;gap: 20px;}
.calendar-left {width: 50%;}
}


@media (min-width:1200px) and (max-width:1367px) {
#homepage .day-has-event .fc-daygrid-day-top a::after {width: 50px;}
.department .day-has-event .fc-daygrid-day-top a::after {width: 50px;}
}


#calendar .fc-button-primary {
background-color: #2E4C92 !important;
border-color: #2E4C92;
}

#calendar td.fc-day-today {
background: #2E4C92;
}