@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

@font-face {
    font-family: 'BrownPro';
    src: url('../../../fonts/BrownPro.woff2') format('woff2'),
         url('../../../fonts/BrownPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BrownPro';
    src: url('../../../fonts/BrownProBold.woff2') format('woff2'),
         url('../../../fonts/BrownProBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

#homepage .calendar-wrap{display:flex;justify-content:space-between;margin-top:10px}
#homepage .mini-calendar{display:block!important;width:44%;background:#fff;padding:9px 30px 30px;height:100%;position:relative;border:1px solid #F2F2F2;border-radius:10px}
#homepage .mini-list-loaded{display:block!important;width:54%}
#homepage .fc-view > table{border-style:hidden}
#homepage .fc-toolbar.fc-header-toolbar{margin-bottom:18px;background:#fff}
#homepage .fc-button-group{display:flex;justify-content:space-between;position:absolute;top:35px;left:35px;width:calc(100% - 70px)}
#homepage .fc-icon-chevron-left:before{content:"";display:inline-block;background:url(../../../images/c-slider-prev.png) center/cover no-repeat;width:30px;height:30px}
#homepage .fc-icon-chevron-right:before{content:"";display:inline-block;background:url(../../../images/c-slider-next.png) center/cover no-repeat;width:30px;height:30px}
#homepage .fc-toolbar{display:block;border-radius:6px}
#homepage .fc-button-group > .fc-button{background:transparent!important;border:none;padding:0;flex:none}
#homepage .fc-button-group > .fc-button .fc-icon{width:auto;height:auto}
#homepage .fc-button-group > .fc-button:hover,.fc-button-group > .fc-button:focus{background:transparent!important}
#homepage .fc-button-group > .fc-button:not(:last-child){margin-left:0}
#homepage .fc-button-group > .fc-button:not(:first-child) {float:right;margin-right:0}
#homepage .fc-left .fc-button-group .fc-today-button{display:none}
#homepage .fc-button .fc-icon{display:inline-flex;align-items:center;justify-content:center}
#homepage .fc-center{display:none}
#homepage .fc-right{display:block;text-align:left;position:relative;top:-3px;pointer-events:none}
#homepage .fc-day-header>span{font:bold 16px 'BrownPro',sans-serif;color:#1B1B1B}

#homepage .fc-right h2{font:700 16px 'Poppins',sans-serif;color:#000;text-transform:capitalize;padding:31px 0 0;text-align:center}
#homepage .fc-unthemed td{border:none}
#homepage .fc-widget-content{border-top:none}
#homepage .fc-content-skeleton .fc-day-number{font:bold 16px 'BrownPro',sans-serif;color:#1B1B1B;text-decoration:none}
#homepage #mini-events .fc-row.fc-widget-header{border:none}
#homepage .fc .fc-row .fc-content-skeleton td{border:none;;text-align:center}
#homepage .fc-scroller.fc-day-grid-container{height:100%!important}
#homepage #mini-events .fc-unthemed td.fc-today{background:#fff;border:none;position:relative;z-index:0}
#homepage .fc-unthemed td.fc-today a:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:65px;height:45px;background:#F2F2F2;z-index:-1;border-radius:10px}
#homepage .fc-unthemed td.fc-today a{position:relative}
#homepage .fc-today .fc-day-number{color:#333}
#homepage #mini-events .fc-day-number{display:inline-block;float:none;margin:4px 5px}
#homepage .fc-widget-header th{padding:10px 0;text-align:center;border:none}
#homepage .fc-day-top.fc-other-month{opacity:1}
#homepage .fc-day-top.fc-other-month a{font-weight:normal;color:#ccc}
#homepage #mini-events .fc-dayGrid-view .fc-body .fc-row{min-height:auto;height:47px!important;line-height:47px}

#homepage .event{display:flex;flex-wrap:wrap;align-items:center;background:#16463F;position:relative;height:105px;padding:20px;cursor:pointer;box-shadow:0px 3px 14px rgba(0, 0, 0, 0.05);border-radius:10px}
#homepage .event:not(:last-of-type){margin-bottom:8px}
#homepage .event time{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:65px;height:65px;background:#8DAE81;border-radius:6px;font:bold 24px 'BrownPro',sans-serif;padding-bottom:0;color:#000}
#homepage #events.icon-brown .event time{background: #BF9474;}
#homepage .event .event-month{display:block;width:100%;text-align:center;font:normal 14px 'BrownPro',sans-serif;color:#000;text-transform:capitalize;margin:0 0 -27px}
#homepage .event-data{display:flex;flex-wrap:wrap;width:calc(100% - 65px);height:100%;align-self:center;line-height:1.3;padding:0 15px 0 25px;overflow:auto}
#homepage .event-title{width:100%;font:bold 18px 'BrownPro',sans-serif;color:#fff;line-height:1.5;align-self:center}

#homepage a.fc-day-number{cursor:auto;text-decoration:none;pointer-events:none}
#homepage .fc-day-top.day-has-event.fc-today a.fc-day-number{color:#333!important}
#homepage .fc-day-top.day-has-event a.fc-day-number{cursor:pointer;pointer-events:all}
#homepage .fc-left .fc-button-group+.fc-button-group{position:absolute;top:5px;right:5px;left:auto;margin:0;width:auto;opacity:0;transition:opacity 320ms}
#homepage .fc-left .fc-button-group+.fc-button-group button{cursor:auto}
#homepage .fc-left .fc-button-group > .fc-dayGridMonth-button{background:#16463F!important;padding:1px 6px;pointer-events:all;border-radius:unset}
#homepage .fc-left .fc-button-group > .fc-dayGridMonth-button.fc-button-active{pointer-events:none}
#homepage .fc-left .fc-button-group .fc-today-button{display:none}
#homepage .fc-dayGridMonth-view .fc-day-grid-event{display:none}
#homepage .fc-day-top.day-has-event a{color:#fff;text-decoration:none;position:relative}
#homepage .fc-day-top.day-has-event a:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:65px;height:45px;background:#16463F;z-index:-1;border-radius:10px}
#homepage #events.icon-brown .fc-day-top.day-has-event a:after{background: #BF9474;}

#calendar .fc-button-primary{background-color:#16463F!important;border-color:#16463F}
#calendar .fc-button-primary:not(:disabled):active,#calendar .fc-button-primary:not(:disabled).fc-button-active{background-color:#1c5950!important;border-color:#1c5950}
#calendar.fc-unthemed td.fc-today{background:#16463F}
#calendar td.fc-today a.fc-day-number{color:#fff}

@media only screen and (max-width:991px) {
    #homepage .calendar-wrap{flex-wrap:wrap}
    #homepage .mini-calendar{width:100%}
    #homepage .mini-list-loaded{width:100%;margin-top:30px}
}

@media only screen and (max-width:479px) {
    #homepage .mini-calendar{padding:0 0 30px}
    #homepage .fc-button-group{top:27px;left:15px;width:calc(100% - 30px)}
    #homepage .fc-unthemed td.fc-today a:after{width:40px;height:40px}
    #homepage .fc-day-top.day-has-event a:after{width:40px;height:40px}
    #homepage .event-data{padding:5px 10px}
}