#calendar {
    background: #233941;
    margin: .5rem 0;
    padding: 1rem;
}

.no-wrap {
    white-space: nowrap;
}

/**************************\
    FullCalendar Style
\**************************/
.fc-daygrid-event {
    cursor: pointer;
}

.fc-dayGridMonth-view {
    background: #fff;
    color: #000;
    border-radius: 16px;
    overflow: hidden;
}

    .fc-dayGridMonth-view th {
        color: #000;
    }

.fc-toolbar-title {
    color: #fff;
}

.fc .fc-daygrid-day-top {
    justify-content: center;
}

/**************************\
    Event Modal Style
\**************************/
.event-popup {
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin: 1em 1em;
}

.event-popup-title {
    font-weight: 700;
    font-size: 1.1em;
    color: #233941;
}

.event-popup-location {
    font-weight: bold;
}

/**************************\
    Event Search Pane Style
\**************************/
.event-search {
    width: 100%;
    border-collapse: collapse;
    box-shadow: 0 5px 10px #ccc;
    margin-bottom: 2rem;
    background: #fff;
    border-radius: 10px 10px 0 0;
}

    .event-search > div {
        padding: 0.75rem 1rem;
    }

    .event-search > .event-search-title {
        font-family: "calluna", serif;
        font-size: 1.4em;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        background: linear-gradient(to bottom, #32515D, #233941);
        color: #fff;
        border-radius: 10px 10px 0 0;
    }

    .event-search > .event-search-body {
        display: flex;
        flex-direction: column;
        gap: 1em;
    }

        .event-search > .event-search-body > input {
            padding: 4px 6px;
            font-size: 1rem;
            font-family: 'proximamodules-nova', sans-serif;
            padding: 6px 10px;
        }