/* ---------- Sticky Footer Fix ---------- */

html, body{
height:100%;
}

body{
display:flex;
flex-direction:column;
min-height:100vh;
}

main{
flex:1;
}

/* ---------- Calendar Styling ---------- */

#calendar{
max-width:100%;
}

.fc-toolbar{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}

.fc-event{
padding:3px;
cursor:pointer;
}

.fc-toolbar .fc-left,
.fc-toolbar .fc-center,
.fc-toolbar .fc-right{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:5px;
}

.fc-center,
.fc-right{
margin-left:auto;
}

.fc button{
font-size:14px;
padding:6px 10px;
}

.fc-toolbar.fc-header-toolbar{
margin-bottom:2em;
}

@media (max-width:1024px){

.fc-toolbar{
flex-direction:column;
text-align:center;
gap:10px;
}

.fc-toolbar .fc-left,
.fc-toolbar .fc-center,
.fc-toolbar .fc-right{
justify-content:center;
margin-top:6px;
}

.fc-toolbar h2{
font-size:20px;
margin:5px 0;
}

.fc-center,
.fc-right{
margin:0;
}

.fc-toolbar.fc-header-toolbar{
margin-bottom:1.5em;
}

}

@media (max-width:600px){

.fc-toolbar{
flex-direction:column;
gap:12px;
}

.fc-toolbar h2{
font-size:18px;
margin:8px 0;
}

.fc button{
font-size:14px;
padding:8px 12px;
}

.fc-day-number{
font-size:14px;
}

.fc-event{
font-size:12px;
padding:3px 6px;
}

.fc-toolbar .fc-left,
.fc-toolbar .fc-center,
.fc-toolbar .fc-right{
justify-content:center;
margin-top:6px;
}

}

/* ---------------------------------------------- */

.nav-btn-push{
    margin-right: 5px;
}

@media only screen and (max-width: 991px) {
    .nav-btn-push{
        margin-bottom: 5px;
    }

}