@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
body {
    font-family: 'Zen Maru Gothic', serif;
    font-weight: 400;
    font-style: normal;
};
nav.navbar {
    height: 6rem !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06) !important;
}
::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}

.columns{
    align-items: center;
}

/* button customaization */
.button.is-custom-color {
    background-color: #527dff !important;
    border-color: #527dff !important;
    color: white !important;
    border: none;
    cursor: pointer;
}

.button.is-custom-color:hover {
    background-color: #6c91ff !important;
    border-color: #6c91ff !important;
}

/* Today View */
.icon-black {
    display: block;
}
.icon-white{
    display: none;
}

@media(prefers-color-scheme: dark){
    .icon-black {
        display: none;
    }
    .icon-white {
        display: block;
    }
}

/* event modal window */
#eventDetails {
    position: fixed;
    top: 50%;
    left: 50%;
    width:500px;
    transform: translate(-50%, -50%);
    background: white;
    color: gray;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    display: none;
    border-radius: 10px;
    z-index: 1000;
    overflow: hidden;
}

/* small window for smartphone */
@media (max-width: 600px) {
    #eventDetails {
        width: 300px;
        padding: 10px;
    }
}

#eventDetails .modal-card-body {
    overflow: hidden;
}
#eventId {
    display: none;
}

#eventTitle {
    color: rgb(63, 63, 63);
}

/* fullcalendar customaization */
#weekly-calendar .fc-header-toolbar {
    display: none;
}
.fc-event-time{
    display: none;
}

#isListView input{
    display: none;
}

#isListView div{
    display: none;
}

/* show list view option for narrow viewport */
@media (max-width: 600px) {
    #isListView input{
        display: flex;
    }
    
    #isListView div{
        display: flex;
    }
}
/* hide today button to avoid layout break for narrow viewport( < 400px) */
@media (max-width: 400px) {
    .fc-today-button {
        display: none !important;
    }
}

@media (prefers-color-scheme: dark) {
    .fc-col-header th{
        background-color: #2c3e50;
    }
    .fc-list-day th{
        background-color: #2c3e50 !important;
    }
    .fc-list-day-text {
        color: whitesmoke
    }
    .fc-list-day-side-text {
        color: whitesmoke;
    }
    .fc-toolbar-title {
        color: whitesmoke;
    }
    .fc-col-header-cell-cushion {
        color: whitesmoke;
    }
    .fc-daygrid-day-number {
        color: whitesmoke;
    }
}

/* unordered list */
ul {
    list-style-type: disc;
    padding: 10px;
}

/* footer */
footer{
    position: relative;
    margin-top: auto;
}