#events-box .calendar-wrap{display:flex;justify-content:space-between}
#events-box .mini-calendar{display:block!important;width:44.45%;height:100%;position:relative;z-index:1;background:#fff;border-radius:var(--Sizing-Radius-M);padding:26px 21px 13px}
#events-box .fc-toolbar-title{font:700 20px 'Lato', sans-serif;color:var(--brandcolor);padding:7px 0;text-transform:capitalize;text-align:center;line-height:120%}
#events-box .fc .fc-button-primary:focus{outline:2px dotted var(--Color-Brand-primary-main);box-shadow:none}
#events-box .fc-prev-button, #events-box .fc-next-button{display:inline-flex;align-items:center;justify-content:center;background-color:unset!important;border-color:transparent;padding:0;margin:0 10px;width:24px;height:24px}
#events-box .fc-icon-chevron-left:before{content:"";display:inline-block;background:url(../../../images/arrow-back.png) center/cover no-repeat;width:24px;height:24px}
#events-box .fc-icon-chevron-right:before{content:"";display:inline-block;background:url(../../../images/arrow-forward.png) center/cover no-repeat;width:24px;height:24px}
#events-box .fc-button-group{position:absolute;top:1px;left:50%;transform:translateX(-50%);margin-left:0}
#events-box .fc-button-group button{border-radius:unset;font-size:13px;padding:2px 5px;margin:0 1px;background:transparent!important;border-color:var(--brandcolor)!important;color:var(--brandcolor)!important}
#events-box .fc-dayGridMonth-button.fc-button.fc-button-primary{display:block}
#events-box .fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active{display:none}
#events-box .fc-today-button.fc-button.fc-button-primary:has(+ .fc-dayGridMonth-button.fc-button.fc-button-primary){display:block}
#events-box .fc-today-button.fc-button.fc-button-primary:has(+ .fc-dayGridMonth-button.fc-button.fc-button-primary.fc-button-active){display:none}
#events-box .fc .fc-toolbar.fc-header-toolbar{margin-bottom:0;justify-content:space-between}
#events-box .fc .fc-daygrid-day-top{justify-content:center}
#events-box .fc-theme-standard td, .fc-theme-standard th{border:none}
#events-box .fc-theme-standard .fc-scrollgrid{border:none}
#events-box .fc .fc-scrollgrid-section-sticky > *{background:unset;position:relative}
#events-box .fc-dayGridMonth-view .fc-daygrid-day-events{display:none}
#events-box .fc-dayGridDay-view{padding:0 10px}
#events-box .fc-col-header{margin:19px 0 11px}
#events-box .fc-col-header-cell a{font-weight:700;font-size:16px;color:var(--brandcolor);text-transform:capitalize;margin:7px 0 8px;pointer-events:none;text-decoration:none}
#events-box a.fc-daygrid-day-number{font-weight:700;font-size:16px;color:var(--brandcolor);text-decoration:none;pointer-events:none;padding:17.3px 0;margin:1px}
#events-box .day-has-event .fc-daygrid-day-top a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;text-decoration:none;pointer-events:all}
#events-box .day-has-event .fc-daygrid-day-top a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--lightgray);border-radius:6px;z-index:-1;transition:all .3s}
#events-box .day-has-event .fc-daygrid-day-top a:hover::after{background:var(--Color-golden-yellow)}
#events-box .fc .fc-day-other .fc-daygrid-day-top a{font-weight:400;color:#666}
#events-box .fc .fc-day-other .fc-daygrid-day-top{opacity:1}
#events-box .fc .fc-daygrid-day.fc-day-today{background-color:unset}
#events-box .fc-dayGridMonth-view .fc-day-today .fc-daygrid-day-top a{text-decoration:underline}

#events-box .mini-list-loaded{display:block!important;width:55.55%}
#events-box .event{display:flex;flex-wrap:wrap;align-items:center;position:relative;height:119px;cursor:pointer;margin-left:8px;transition:all .3s}
#events-box .event:not(:last-of-type){margin-bottom:8px}
#events-box .event > time{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:120px;height:100%;background:var(--Color-golden-yellow);border-radius:4px;margin-right:8px;transition:all .3s}
#events-box .event .event-month{display:block;width:100%;text-align:center;font-weight:700;font-size:16px;color:var(--Color-Brand-primary-dark);text-transform:uppercase;line-height:120%;margin-bottom:5px;letter-spacing:-0.32px;align-self:flex-end;transition:all .3s}
#events-box .event .event-day{display:block;width:100%;text-align:center;font:700 32px 'Lato', sans-serif;color:var(--Color-Brand-primary-dark);line-height:120%;letter-spacing:-0.64px;align-self:flex-start;transition:all .3s}
#events-box .event-data{display:flex;flex-wrap:wrap;width:calc(100% - 128px);height:100%;background:var(--lightgray);align-self:center;overflow:auto;border-radius:var(--Sizing-Radius-M)}
#events-box .event-data-in{width:100%;align-self:center;padding:15px 60px 15px 24px}
#events-box .event-start-end{display:flex;align-items:center;width:100%;font-weight:700;font-size:14px;color:#666666;margin-bottom:8px;letter-spacing:-0.28px}
#events-box .event-start-end svg{margin-right:8px}
#events-box .event-title{width:100%;font:700 24px 'Lato',sans-serif;color:var(--brandcolor);line-height:120%;letter-spacing:-0.48px;margin-bottom:0}
#events-box .event-forward{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:24px;height:24px;filter:brightness(0) saturate(100%) invert(61%) sepia(63%) saturate(309%) hue-rotate(358deg) brightness(99%) contrast(89%);transition:all .2s}
#events-box .event:hover > time{background:var(--Color-Brand-tertiary-main)}
#events-box .event .event-start-end svg path{transition:fill .3s}
#events-box .event:hover .event-start-end svg path{fill:var(--Color-Brand-tertiary-main)}
#events-box .event:hover .event-month,
#events-box .event:hover .event-day{color:#fff}
#events-box .event:hover .event-forward{filter:var(--icon-hover)}

#calendar .fc-button-primary{background-color:#0D3956!important;border-color:#0D3956}
#calendar .fc-button-primary:not(:disabled):active,#calendar .fc-button-primary:not(:disabled).fc-button-active{background-color:#3D6078!important;border-color:#3D6078}
#calendar td.fc-day-today{background:#0D3956}
#calendar td.fc-day-today a{color:#fff}

@media only screen and (max-width:991px){
    #events-box .calendar-wrap{flex-wrap:wrap;padding:0}
    #events-box .mini-calendar{width:100%;padding-left:10px;padding-right:10px;margin-top:20px}
    #events-box .mini-list-loaded{width:100%;margin-top:30px;margin-bottom:20px}
    #events-box .fc-button-group{right:auto;left:50%;transform:translateX(-50%);top:0}
    #events-box .fc-button-group button {border-radius:0!important}
    #events-box .fc-toolbar-title{font-size:30px}
    #events-box .event{margin-left:0}
}

@media only screen and (max-width:767px) {
    #events-box .event-title{font-size:20px}
}

@media only screen and (max-width:576px) {
    #event-modal-dialog{width:550px;max-width:calc(100% - 1rem)}
}

@media only screen and (max-width:479px){
    #events-box .fc-toolbar-title{font-size:20px}
    #events-box .fc-col-header-cell a{font-size:14px}
    #events-box .fc-col-header-cell a{font-size:12px}
    #events-box a.fc-daygrid-day-number{font-size:14px;padding:10px 0}
    #events-box .event .event-month{font-size:16px}
    #events-box .event .event-day{font-size:30px}
    #events-box .event-title{font-size:16px}
    #events-box .event > time{width:75px}
    #events-box .event-data{width:calc(100% - 83px)}
    #events-box .event .event-month{margin-bottom:5px}
    #events-box .event-forward{display:none}
    #events-box .event-data-in{padding:15px}
    #events-box .event-start-end{font-size:12px}
    #events-box .event-start-end svg{margin-right:3px}
}
