/* FullCalendar Custom Styles */
.fc {
    background-color: #202020; /* Match the background color of your site */
    color: rgb(142, 174, 223); /* Match the text color of your site */
    max-width: 1000px; /* Limit the maximum width */
    margin: 0 auto; /* Center the calendar */
}

.fc-toolbar {
    background-color: #222; /* Darker background for the toolbar */
    color: #85b6ee; /* Link color */
}

.fc-toolbar button {
    background-color: #1c243f; /* Dark blue background */
    border: 1px solid #413c3c; /* Dark border */
    /*color: #fff; /* White text color */
    padding: 8px; /* Padding for better touch interaction */
    border-radius: 5px; /* Rounded corners */
    font-family: Arial, sans-serif; /* Consistent font family */
    font-size: 16px; /* Legible font size */
    cursor: pointer; /* Pointer cursor on hover */
}

.fc-toolbar button:hover {
    background-color: #29395f; /* Slightly lighter blue on hover */
}

.fc-view-container {
    background-color: #202020; /* Match the background color of your site */
}

.fc-day-grid-event {
    background-color: #85b6ee; /* Event background color */
    border: 1px solid #7491c7; /* Event border color */
    color: #202020; /* Event text color */
}

.fc-day-header {
    background-color: #1c243f; /* Dark blue background for day headers */
    color: #fff; /* White text color for day headers */
}

.fc-day-top {
    background-color: #1c243f; /* Dark blue background for day numbers */
    color: #fff; /* White text color for day numbers */
}

.fc-day-number {
    color: #85b6ee; /* Day number color */
}

.fc-event {
    background-color: #85b6ee; /* Event background color */
    color: #202020; /* Event text color */
    border: 1px solid #7491c7; /* Event border color */
}

.fc-event:hover {
    background-color: #53c0ee; /* Lighter blue on hover */
}

/* Adjust FullCalendar header and footer */
.fc-header-toolbar {
    background-color: #222;
    color: #85b6ee;
}

.fc-footer-toolbar {
    background-color: #222;
    color: #85b6ee;
}

.fc-button {
    background-color: #1c243f;
    border: none;
    color: #85b6ee;
}

.fc-button:hover {
    background-color: #29395f;
}

.fc-button:focus {
    outline: none;
    box-shadow: 0 0 0 2px #7491c7;
}

.fc-unthemed td.fc-today {
	background: #db87098a;
}

div.calendar {
    margin-top: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .fc {
        max-width: 100%; /* Ensure the calendar uses full width on smaller screens */
    }

    .fc-toolbar button {
        font-size: 14px; /* Slightly smaller font size for buttons on smaller screens */
    }

    .fc-day-header, .fc-day-top, .fc-day-number, .fc-event {
        font-size: 12px; /* Slightly smaller font size for day headers and events */
    }
}

@media (min-width: 769px) {
    .fc {
        max-width: 1028px; /* Adjust the maximum width as needed for larger screens */
    }

    .fc-toolbar button {
        font-size: 16px; /* Default font size for buttons */
    }

    .fc-day-header, .fc-day-top, .fc-day-number, .fc-event {
        font-size: 14px; /* Default font size for day headers and events */
    }
}